@include('admin.header', [
    'title' => 'Enquiry Details',
    'active' => $active ?? 'scanner',
    'searchPlaceholder' => $searchPlaceholder ?? 'Search scanner leads, QR links, submissions...'
])

<section class="page-hero mb-3">
    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
        <div>
            <h1 class="page-title mb-2">Enquiry Details</h1>
            <p class="mb-0 text-secondary">Review the submitted client enquiry.</p>
        </div>
        <a class="btn-outline-earth" href="{{ $backRoute ?? route('admin.scanner-form.index') }}"><i class="bi bi-arrow-left"></i> {{ $backLabel ?? 'Back to Client Scanner' }}</a>
    </div>
</section>

<section class="row g-3">
    <div class="col-12 col-xl-7">
        <div class="content-card">
            <div class="card-head">
                <h2 class="card-title"><span class="title-icon"><i class="bi bi-person-lines-fill"></i></span>Client Information</h2>
            </div>
            <div class="card-body-pad">
                <dl class="row mb-0">
                    <dt class="col-sm-4 text-muted">Name</dt><dd class="col-sm-8 fw-bold">{{ $submission->name }}</dd>
                    <dt class="col-sm-4 text-muted">Email</dt><dd class="col-sm-8">{{ $submission->email }}</dd>
                    <dt class="col-sm-4 text-muted">Phone</dt><dd class="col-sm-8">{{ $submission->phone }}</dd>
                    <dt class="col-sm-4 text-muted">Products</dt>
                    <dd class="col-sm-8">
                        <div class="d-flex flex-wrap gap-2">
                            @foreach ($submission->productLabels() as $product)
                                <span class="pill">{{ $product }}</span>
                            @endforeach
                        </div>
                    </dd>
                    <dt class="col-sm-4 text-muted">Message</dt><dd class="col-sm-8">{{ $submission->message ?: 'No message provided.' }}</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-5">
        <div class="content-card">
            <div class="card-head">
                <h2 class="card-title"><span class="title-icon" style="background:#b8782d"><i class="bi bi-diagram-3-fill"></i></span>Source</h2>
            </div>
            <div class="card-body-pad">
                <div class="mb-3">
                    <span class="pill" style="{{ $submission->source === 'scanner' ? '' : 'color:#1d4f91;background:#dbeafe;' }}">{{ ucfirst($submission->source) }}</span>
                </div>
                <dl class="row mb-0">
                    <dt class="col-sm-5 text-muted">Submitted</dt><dd class="col-sm-7">{{ optional($submission->submitted_at)->format('d M Y, h:i A') }}</dd>
                    <dt class="col-sm-5 text-muted">Campaign</dt><dd class="col-sm-7">{{ $submission->scannerLink?->campaign_name ?: 'Website enquiry' }}</dd>
                    <dt class="col-sm-5 text-muted">Exhibition</dt><dd class="col-sm-7">{{ $submission->exhibition?->name ?: 'Direct website lead' }}</dd>
                    <dt class="col-sm-5 text-muted">Scan Time</dt><dd class="col-sm-7">{{ optional($submission->scannerVisit?->first_scanned_at)->format('d M Y, h:i A') ?: 'Not linked' }}</dd>
                    <dt class="col-sm-5 text-muted">IP Address</dt><dd class="col-sm-7">{{ $submission->ip_address ?: 'Not captured' }}</dd>
                </dl>
            </div>
        </div>
    </div>
</section>

@include('admin.footer')