@extends('layouts.app', ['title' => ($platform['name'] ?? 'Print Cards') . ' | Government Card Printing'])

@section('content')
    <div class="card hero-card card-soft mb-4 position-relative">
        <div class="card-body p-4 p-lg-5 bg-grid">
            <div class="row g-4 align-items-center">
                <div class="col-lg-8">
                    <span class="badge bg-light text-dark mb-3">ABHA, PAN, Aadhaar, PVC and paper print delivery</span>
                    <h1 class="display-6 fw-bold">{{ $platform['tagline'] ?? 'Upload, pay, print, and track every card order from one dashboard.' }}</h1>
                    <p class="lead mb-4">Built for Indian print-service operations with secure uploads, admin approval, payment records, courier tracking, GST-ready billing, and customer self-service.</p>
                    <div class="d-flex flex-wrap gap-2">
                        <a href="{{ auth()->check() ? route('orders.create') : route('register') }}" class="btn btn-warning btn-lg">Start Your First Order</a>
                        <a href="{{ auth()->check() ? route('documents.index') : route('login') }}" class="btn btn-outline-light btn-lg">Upload Documents</a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="bg-white text-dark rounded-4 p-4 shadow-sm">
                        <h5 class="fw-bold">Pricing Snapshot</h5>
                        <p class="mb-2">Black and white print from <strong>Rs {{ number_format($pricing['bw'], 2) }}</strong> per page</p>
                        <p class="mb-2">Delivery charge from <strong>Rs {{ number_format($pricing['delivery'], 2) }}</strong></p>
                        <p class="mb-0">PVC card add-on <strong>Rs {{ number_format($pricing['pvc'], 2) }}</strong></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="alert alert-warning disclaimer card-soft">
        <strong>Legal Disclaimer:</strong> We do not generate or modify any government documents. We only print and deliver files uploaded by the customer.
    </div>

    <div class="row g-4 my-1">
        <div class="col-md-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <div class="text-muted text-uppercase small">Users</div>
                    <div class="metric-number">{{ $stats['users'] }}</div>
                    <p class="mb-0 text-muted">Registered platform users and operators.</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <div class="text-muted text-uppercase small">Documents</div>
                    <div class="metric-number">{{ $stats['documents'] }}</div>
                    <p class="mb-0 text-muted">Securely stored PDF and image files ready for print.</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <div class="text-muted text-uppercase small">Orders</div>
                    <div class="metric-number">{{ $stats['orders'] }}</div>
                    <p class="mb-0 text-muted">Live print and courier orders across the workflow.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4 mt-1">
        <div class="col-lg-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h5>1. Upload Securely</h5>
                    <p class="text-muted mb-0">Store PAN cards, ABHA cards, Aadhaar copies, certificates, IDs, and other user-provided PDF or image files securely.</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h5>2. Customize Prints</h5>
                    <p class="text-muted mb-0">Choose PVC card, paper print, premium lamination, color mode, copies, binding, and courier-ready delivery details.</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h5>3. Manage Fulfillment</h5>
                    <p class="text-muted mb-0">Admin can review uploads, approve orders, update courier stages, add tracking IDs, and connect real Razorpay, PayU, or courier APIs.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4 mt-2">
        <div class="col-lg-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h5>Services</h5>
                    <ul class="text-muted mb-0">
                        <li>PVC card printing</li>
                        <li>Normal paper print</li>
                        <li>Premium lamination</li>
                        <li>Courier dispatch across India</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h5>Support</h5>
                    <p class="text-muted mb-2">Phone: {{ $platform['support_phone'] ?? 'N/A' }}</p>
                    <p class="text-muted mb-2">Email: {{ $platform['support_email'] ?? 'N/A' }}</p>
                    <p class="text-muted mb-0">WhatsApp: {{ $platform['whatsapp'] ?? 'N/A' }}</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h5>Operations</h5>
                    <p class="text-muted mb-0">Admin dashboard includes pricing control, payment configuration, upload approval, courier assignment, reports, user blocking, and homepage content settings.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4 mt-2">
        <div class="col-lg-6">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h2 class="h4 mb-3">Testimonials</h2>
                    @foreach($testimonials as $testimonial)
                        <div class="border rounded-4 p-3 mb-3">
                            <p class="mb-2">{{ $testimonial['message'] ?? '' }}</p>
                            <div class="small text-muted">{{ $testimonial['name'] ?? 'Customer' }} | {{ $testimonial['location'] ?? 'India' }}</div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card card-soft h-100">
                <div class="card-body">
                    <h2 class="h4 mb-3">FAQ</h2>
                    <div class="accordion" id="faqAccordion">
                        @foreach($faqs as $index => $faq)
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button @if($index !== 0) collapsed @endif" type="button" data-bs-toggle="collapse" data-bs-target="#faq{{ $index }}">
                                        {{ $faq['question'] ?? 'Question' }}
                                    </button>
                                </h2>
                                <div id="faq{{ $index }}" class="accordion-collapse collapse @if($index === 0) show @endif" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">{{ $faq['answer'] ?? '' }}</div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection