@extends('layouts.app')

@section('title', 'Terms & Policies - Gletra')

@section('content')
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card border-0 shadow-sm rounded-4 overflow-hidden mb-5">
                <div class="card-body p-4 p-md-5">
                    
                    <!-- ⚖️ Terms & Conditions Section -->
                    <div id="terms" class="mb-5">
                        <div class="text-center mb-5">
                            <h1 class="fw-bold mb-3 text-primary">Terms & Conditions</h1>
                            <p class="text-muted"><strong>Effective Date:</strong> {{ date('F d, Y') }}</p>
                        </div>

                        <div class="policy-content">
                            <p class="lead text-muted mb-4">
                                Welcome to <strong>Gletra</strong>. By accessing or using our website, you agree to comply with and be bound by these Terms & Conditions. If you do not agree, please do not use the platform.
                            </p>

                            <hr class="my-5 opacity-25">

                            <section class="mb-5">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">1.</span> Platform Overview</h2>
                                <p class="text-muted ps-md-4">
                                    Gletra is an eCommerce and multi-vendor marketplace where users can browse, purchase products, and vendors can list and sell products under Gletra’s guidelines.
                                </p>
                            </section>

                            <section class="mb-5">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">2.</span> User Accounts</h2>
                                <ul class="text-muted ps-md-4">
                                    <li>Users must provide accurate and complete information.</li>
                                    <li>You are responsible for maintaining account confidentiality.</li>
                                    <li>Gletra reserves the right to suspend or terminate accounts for misuse or violation.</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">3.</span> Orders & Payments</h2>
                                <ul class="text-muted ps-md-4">
                                    <li>All orders are subject to availability and confirmation.</li>
                                    <li>Payments are processed via secure third-party payment gateways.</li>
                                    <li>Gletra is not responsible for payment failures beyond its control.</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">4.</span> Vendor Responsibility</h2>
                                <ul class="text-muted ps-md-4">
                                    <li>Vendors are responsible for product accuracy, pricing, quality, and legality.</li>
                                    <li>Gletra acts only as a facilitator between buyers and sellers.</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">5.</span> Intellectual Property</h2>
                                <p class="text-muted ps-md-4">
                                    All content, logos, designs, and code on Gletra are the property of Gletra and may not be reused without permission.
                                </p>
                            </section>

                            <section class="mb-5">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">6.</span> Limitation of Liability</h2>
                                <p class="text-muted ps-md-4">
                                    Gletra shall not be liable for indirect, incidental, or consequential damages arising from platform use.
                                </p>
                            </section>

                            <section class="mb-0">
                                <h2 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">7.</span> Changes to Terms</h2>
                                <p class="text-muted ps-md-4">
                                    Gletra may update these Terms at any time. Continued use implies acceptance of revised terms.
                                </p>
                            </section>
                        </div>
                    </div>

                    <hr class="my-5 opacity-50 border-primary">

                    <!-- 🔄 Refund & Cancellation Section -->
                    <div id="refunds" class="mb-5">
                        <div class="text-center mb-5">
                            <h2 class="fw-bold mb-3 text-primary">Refund & Cancellation Policy</h2>
                            <p class="text-muted"><strong>Effective Date:</strong> {{ date('F d, Y') }}</p>
                        </div>

                        <div class="policy-content">
                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">1.</span> Order Cancellation</h3>
                                <ul class="text-muted ps-md-4">
                                    <li>Orders can be cancelled before shipment.</li>
                                    <li>Once shipped, cancellation may not be possible.</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">2.</span> Refund Eligibility</h3>
                                <p class="text-muted ps-md-4">Refunds are applicable if:</p>
                                <ul class="text-muted ps-md-4">
                                    <li>Wrong product delivered</li>
                                    <li>Damaged or defective product</li>
                                    <li>Product not as described</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">3.</span> Non-Refundable Items</h3>
                                <ul class="text-muted ps-md-4">
                                    <li>Digital products</li>
                                    <li>Gift cards</li>
                                    <li>Used or altered items</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">4.</span> Refund Process</h3>
                                <ul class="text-muted ps-md-4">
                                    <li>Approved refunds will be processed within <strong>5–7 business days</strong>.</li>
                                    <li>Refunds will be issued to the original payment method.</li>
                                </ul>
                            </section>

                            <section class="mb-0">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">5.</span> Vendor-Based Refunds</h3>
                                <p class="text-muted ps-md-4">
                                    For multi-vendor orders, refund approval depends on the respective vendor’s policy.
                                </p>
                            </section>
                        </div>
                    </div>

                    <hr class="my-5 opacity-50 border-primary">

                    <!-- 🚚 Shipping Policy Section -->
                    <div id="shipping">
                        <div class="text-center mb-5">
                            <h2 class="fw-bold mb-3 text-primary">Shipping Policy</h2>
                            <p class="text-muted"><strong>Effective Date:</strong> {{ date('F d, Y') }}</p>
                        </div>

                        <div class="policy-content">
                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">1.</span> Shipping Coverage</h3>
                                <p class="text-muted ps-md-4">
                                    Gletra ships products across India (and other supported regions as applicable).
                                </p>
                            </section>

                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">2.</span> Processing Time</h3>
                                <ul class="text-muted ps-md-4">
                                    <li>Orders are processed within <strong>1–3 business days</strong>.</li>
                                    <li>Shipping time depends on location and courier partner.</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">3.</span> Shipping Charges</h3>
                                <ul class="text-muted ps-md-4">
                                    <li>Shipping fees are displayed at checkout.</li>
                                    <li>Free shipping may apply to selected products or offers.</li>
                                </ul>
                            </section>

                            <section class="mb-5">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">4.</span> Delays</h3>
                                <p class="text-muted ps-md-4">
                                    Gletra is not responsible for delays caused by courier services, natural events, or unforeseen circumstances.
                                </p>
                            </section>

                            <section class="mb-0">
                                <h3 class="h4 fw-bold mb-4 text-dark"><span class="text-primary me-2">5.</span> Tracking</h3>
                                <p class="text-muted ps-md-4">
                                    Once shipped, tracking details will be shared via email/SMS or user dashboard.
                                </p>
                            </section>
                        </div>
                    </div>

                    <div class="text-center mt-5">
                        <hr class="my-5 opacity-25">
                        
                        <div class="contact-card bg-light p-4 rounded-3 border-start border-primary border-4 text-start d-inline-block mx-auto">
                            <h4 class="h5 fw-bold mb-3">Contact Information</h4>
                            <p class="text-muted mb-2">For any policy-related questions:</p>
                            <address class="mb-0 text-muted">
                                <strong class="text-dark">Gletra</strong><br>
                                <i class="bi bi-envelope me-2"></i>Email: <a href="mailto:support@gletra.com" class="text-decoration-none">support@gletra.com</a><br>
                                <i class="bi bi-globe me-2"></i>Website: <a href="https://www.gletra.com" class="text-decoration-none">https://www.gletra.com</a>
                            </address>
                        </div>

                        <p class="text-muted small fst-italic mt-5">
                            *These policies apply to all users, vendors, and customers of the Gletra platform.*
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection