@extends('frontendLayout')

@section('frontend_layout')

@push('frontend_css')
<style>
    .policy-section {
        padding: 60px 0;
        background: #f8f9fa;
    }
    .policy-card {
        background: #fff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        margin-bottom: 25px;
        transition: 0.3s;
    }
    .policy-card:hover {
        transform: translateY(-5px);
    }
    .policy-title {
        font-weight: 600;
        margin-bottom: 15px;
        color: #111;
    }
    .policy-list li {
        margin-bottom: 8px;
    }
</style>
@endpush

<div class="policy-section">
    <div class="container">

        {{-- Header --}}
        <div class="text-center mb-5">
            <h2 class="fw-bold">Terms & Conditions</h2>
            <p class="text-muted">Please read our policies carefully before placing an order.</p>
        </div>

        <div class="row">

            {{-- 1. Order Confirmation --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">1. Order Confirmation</h5>
                    <ul class="policy-list">
                        <li>All orders are subject to confirmation.</li>
                        <li>Orders are confirmed only after successful payment or verification.</li>
                        <li>We may cancel orders due to stock, pricing, or verification issues.</li>
                    </ul>
                </div>
            </div>

            {{-- 2. Pricing & Payment --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">2. Pricing & Payment</h5>
                    <ul class="policy-list">
                        <li>Prices are subject to change without notice.</li>
                        <li>Cash on Delivery (COD) available.</li>
                        <li>Online payments: Cards, Mobile Banking, etc.</li>
                        <li>Advance payment may be required for selected orders.</li>
                    </ul>
                </div>
            </div>

            {{-- 3. Delivery Policy --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">3. Delivery Policy</h5>
                    <ul class="policy-list">
                        <li>Inside Dhaka: 3–5 working days.</li>
                        <li>Outside Dhaka: 5–10 working days.</li>
                        <li>Delivery may be delayed due to unforeseen circumstances.</li>
                    </ul>
                </div>
            </div>

            {{-- 4. Return & Replacement --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">4. Return & Replacement Policy</h5>
                    <ul class="policy-list">
                        <li>Check products at delivery time.</li>
                        <li>Damaged or incorrect items are eligible for replacement.</li>
                        <li>Return requests must be made within 24–72 hours.</li>
                        <li>No return for used or customer-damaged items.</li>
                    </ul>
                </div>
            </div>

            {{-- 5. Account Info --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">5. Account & Information</h5>
                    <ul class="policy-list">
                        <li>Provide accurate personal and delivery information.</li>
                        <li>Incorrect information may cause delivery issues.</li>
                        <li>Fraudulent activity may result in order cancellation.</li>
                    </ul>
                </div>
            </div>

            {{-- 6. Customer Responsibility --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">6. Customer Responsibility</h5>
                    <ul class="policy-list">
                        <li>Use products responsibly and follow safety guidelines.</li>
                        <li>Misuse or negligence is the customer's responsibility.</li>
                    </ul>
                </div>
            </div>

            {{-- 7. Cancellation --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">7. Cancellation Policy</h5>
                    <ul class="policy-list">
                        <li>Orders can be cancelled before dispatch.</li>
                        <li>Cancellation after dispatch may not be accepted.</li>
                        <li>Applicable charges may be deducted.</li>
                    </ul>
                </div>
            </div>

            {{-- 8. Warranty & Liability --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">8. Warranty & Liability</h5>
                    <ul class="policy-list">
                        <li>Warranty applies as per product/manufacturer terms.</li>
                        <li>We are not liable for indirect damages or misuse.</li>
                    </ul>
                </div>
            </div>

            {{-- 9. Privacy Policy --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">9. Privacy Policy</h5>
                    <ul class="policy-list">
                        <li>Customer data is kept secure.</li>
                        <li>Information is used only for order processing.</li>
                        <li>We do not share data without consent unless required by law.</li>
                    </ul>
                </div>
            </div>

            {{-- 10. Changes to Terms --}}
            <div class="col-md-6">
                <div class="policy-card">
                    <h5 class="policy-title">10. Changes to Terms</h5>
                    <ul class="policy-list">
                        <li>We may update terms at any time.</li>
                        <li>Changes are effective immediately upon posting.</li>
                    </ul>
                </div>
            </div>

            {{-- 11. Acceptance --}}
            <div class="col-md-12">
                <div class="policy-card text-center">
                    <h5 class="policy-title">Acceptance of Terms</h5>
                    <p>By placing an order, you agree to all our Terms & Conditions.</p>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection