@include('admin.header', [
    'title' => 'Leads',
    'active' => 'leads',
    'searchPlaceholder' => 'Search leads by name, email, phone, products...'
])

<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">Leads</h1>
            <p class="mb-0 text-secondary">Manage enquiry submissions from the website and scanner form.</p>
        </div>
        <a class="btn-earth" href="{{ route('client-enquiry.create') }}" target="_blank" rel="noopener">
            <i class="bi bi-box-arrow-up-right"></i> Open Enquiry Form
        </a>
    </div>
</section>

<section class="row g-3 mb-3">
    <div class="col-12 col-md-4">
        <div class="stat-card" data-watermark="&#xf1d8;">
            <div class="d-flex align-items-center gap-3">
                <span class="stat-icon"><i class="bi bi-envelope-paper-fill"></i></span>
                <div>
                    <div class="text-muted small fw-bold">Total Leads</div>
                    <div class="stat-value">{{ number_format($totalSubmissions) }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4">
        <div class="stat-card" data-watermark="&#xf4ca;">
            <div class="d-flex align-items-center gap-3">
                <span class="stat-icon"><i class="bi bi-qr-code-scan"></i></span>
                <div>
                    <div class="text-muted small fw-bold">Scanner Leads</div>
                    <div class="stat-value">{{ number_format($scannerSubmissions) }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4">
        <div class="stat-card amber" data-watermark="&#xf3ef;">
            <div class="d-flex align-items-center gap-3">
                <span class="stat-icon"><i class="bi bi-globe2"></i></span>
                <div>
                    <div class="text-muted small fw-bold">Website Leads</div>
                    <div class="stat-value">{{ number_format($websiteSubmissions) }}</div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content-card">
    <div class="card-head">
        <h2 class="card-title"><span class="title-icon"><i class="bi bi-inbox-fill"></i></span>Enquiry Submissions</h2>
        <span class="pill">Page {{ $submissions->currentPage() }} of {{ $submissions->lastPage() }}</span>
    </div>
    <div class="card-body-pad">
        <form class="row g-2 mb-3" method="GET" action="{{ route('admin.leads.index') }}">
            <div class="col-md-5">
                <input class="form-control" name="q" value="{{ request('q') }}" placeholder="Search by name, email, phone, or message">
            </div>
            <div class="col-md-3">
                <select class="form-select" name="source">
                    <option value="">All sources</option>
                    <option value="website" @selected(request('source') === 'website')>Website</option>
                    <option value="scanner" @selected(request('source') === 'scanner')>Scanner</option>
                </select>
            </div>
            <div class="col-md-2 d-grid">
                <button class="btn-earth" type="submit"><i class="bi bi-search"></i> Filter</button>
            </div>
            <div class="col-md-2 d-grid">
                <a class="btn-outline-earth" href="{{ route('admin.leads.export', request()->only(['q', 'source'])) }}" title="Download filtered leads CSV">
                    <i class="bi bi-download"></i>
                    <span>CSV</span>
                </a>
            </div>
        </form>
        <div class="table-responsive">
            <table class="table wide-table align-middle">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Products</th>
                        <th>Source</th>
                        <th>Exhibition</th>
                        <th>Submitted At</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($submissions as $submission)
                        <tr>
                            <td>{{ $submission->id }}</td>
                            <td class="fw-semibold">{{ $submission->name }}</td>
                            <td>{{ $submission->email }}</td>
                            <td>{{ $submission->phone }}</td>
                            <td>
                                <div class="d-flex flex-wrap gap-1">
                                    @foreach ($submission->productLabels() as $product)
                                        <span class="pill">{{ $product }}</span>
                                    @endforeach
                                </div>
                            </td>
                            <td>
                                <span class="pill" style="{{ $submission->source === 'scanner' ? '' : 'color:#1d4f91;background:#dbeafe;' }}">{{ ucfirst($submission->source) }}</span>
                            </td>
                            <td>{{ $submission->exhibition?->name ?: 'Direct website' }}</td>
                            <td>{{ optional($submission->submitted_at)->format('d M Y, h:i A') }}</td>
                            <td class="text-end">
                                <div class="d-inline-flex flex-wrap gap-2 justify-content-end">
                                    <a class="btn-outline-earth" href="{{ route('admin.leads.show', $submission) }}"><i class="bi bi-eye"></i> View</a>
                                    <form method="POST" action="{{ route('admin.leads.destroy', $submission) }}" onsubmit="return confirm('Delete this lead permanently?');">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn-outline-earth" type="submit" style="color:#8a2c1d;border-color:rgba(154,45,29,.32);background:rgba(248,215,207,.72);"><i class="bi bi-trash"></i> Delete</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="text-center py-5">
                                <i class="bi bi-inbox display-6 text-success"></i>
                                <div class="fw-bold mt-3 mb-1">No leads yet</div>
                                <div class="text-muted small">Scanner and website enquiries will appear here.</div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($submissions->hasPages())
            <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-3 pt-3">
                <div class="small text-muted">
                    Showing {{ $submissions->firstItem() }} to {{ $submissions->lastItem() }} of {{ $submissions->total() }} leads
                </div>
                <div>
                    {{ $submissions->links('pagination::bootstrap-5') }}
                </div>
            </div>
        @else
            <div class="small text-muted pt-3">
                Showing {{ $submissions->count() }} {{ Str::plural('lead', $submissions->count()) }}
            </div>
        @endif
    </div>
</section>

@include('admin.footer')