@include('admin.header', [
    'title' => 'Exhibitions',
    'active' => 'exhibitions',
    'searchPlaceholder' => 'Search exhibitions, locations, leads...'
])

<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">Exhibitions</h1>
            <p class="mb-0 text-secondary">Manage event QR codes, scan sessions, and exhibition-specific leads.</p>
        </div>
        <a class="btn-earth" href="{{ route('admin.exhibitions.create') }}"><i class="bi bi-plus-lg"></i> Add Exhibition</a>
    </div>
</section>

@if (session('status'))
    <div class="alert alert-success">{{ session('status') }}</div>
@endif

<form class="content-card mb-3" method="GET" action="{{ route('admin.exhibitions.index') }}">
    <div class="card-body-pad">
        <div class="row g-2">
            <div class="col-md-10">
                <input class="form-control" name="q" value="{{ request('q') }}" placeholder="Search by exhibition or location">
            </div>
            <div class="col-md-2 d-grid">
                <button class="btn-earth" type="submit"><i class="bi bi-search"></i> Filter</button>
            </div>
        </div>
    </div>
</form>

<section class="content-card">
    <div class="card-head">
        <h2 class="card-title"><span class="title-icon"><i class="bi bi-calendar-event-fill"></i></span>Exhibition QR Tracking</h2>
        <span class="pill">{{ $exhibitions->total() }} exhibitions</span>
    </div>
    <div class="card-body-pad">
        <div class="table-responsive">
            <table class="table wide-table align-middle">
                <thead>
                    <tr>
                        <th>Exhibition</th>
                        <th>Location</th>
                        <th>Date</th>
                        <th>QR Code</th>
                        <th>Total Scans</th>
                        <th>Unique Sessions</th>
                        <th>Submissions</th>
                        <th>Conversion</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($exhibitions as $exhibition)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ $exhibition->name }}</div>
                                <span class="pill" style="{{ $exhibition->is_active ? '' : 'color:#8a2c1d;background:#f8d7cf;' }}">{{ $exhibition->is_active ? 'Active' : 'Inactive' }}</span>
                            </td>
                            <td>{{ $exhibition->location ?: 'Not specified' }}</td>
                            <td>
                                {{ optional($exhibition->starts_on)->format('d M Y') ?: 'Open' }}
                                @if ($exhibition->ends_on)
                                    - {{ $exhibition->ends_on->format('d M Y') }}
                                @endif
                            </td>
                            <td>
                                <img src="{{ route('admin.exhibitions.qr.preview', $exhibition) }}" alt="{{ $exhibition->name }} QR" style="width:64px;height:64px">
                            </td>
                            <td>{{ number_format($exhibition->scan_events_count) }}</td>
                            <td>{{ number_format($exhibition->visits_count) }}</td>
                            <td>{{ number_format($exhibition->submissions_count) }}</td>
                            <td>{{ number_format($exhibition->conversionRate(), 2) }}%</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.exhibitions.leads', $exhibition) }}"><i class="bi bi-people"></i> View Leads</a>
                                    <a class="btn-outline-earth" href="{{ route('admin.exhibitions.qr.svg', $exhibition) }}"><i class="bi bi-download"></i> SVG</a>
                                    <a class="btn-outline-earth" href="{{ route('admin.exhibitions.qr.png', $exhibition) }}"><i class="bi bi-download"></i> PNG</a>
                                    <a class="btn-outline-earth" href="{{ route('admin.exhibitions.edit', $exhibition) }}"><i class="bi bi-pencil"></i> Edit</a>
                                    <form method="POST" action="{{ route('admin.exhibitions.toggle', $exhibition) }}">
                                        @csrf
                                        @method('PATCH')
                                        <button class="btn-outline-earth" type="submit">{{ $exhibition->is_active ? 'Deactivate' : 'Activate' }}</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.exhibitions.destroy', $exhibition) }}" onsubmit="return confirm('Delete this exhibition permanently? Its QR link and scan history will also be removed.');">
                                        @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-calendar-event display-5 text-success"></i>
                                <div class="fw-bold mt-3 mb-1">No exhibitions yet</div>
                                <div class="text-muted small">Create an exhibition to generate its QR code.</div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($exhibitions->hasPages())
            <div class="pt-3">{{ $exhibitions->links('pagination::bootstrap-5') }}</div>
        @endif
    </div>
</section>

@include('admin.footer')