{{-- resources/views/conference/bookings/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Conference Bookings')
@section('page_title', 'Conference Bookings')
@section('page_subtitle', 'All venue and event bookings')

@section('content')

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-warning">
                <i class="bi bi-hourglass-split"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['tentative'] }}</div>
                <div class="stat-label">Tentative</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-check-circle"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['confirmed'] }}</div>
                <div class="stat-label">Confirmed</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-cash-coin"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($stats['revenue'], 0) }}
                </div>
                <div class="stat-label">Revenue This Month</div>
            </div>
        </div>
    </div>
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET"
              class="d-flex align-items-center gap-2 flex-wrap">
            <select name="status"
                    class="form-select form-select-sm"
                    style="width:auto;"
                    onchange="this.form.submit()">
                <option value="">All Statuses</option>
                @foreach(['tentative','confirmed','completed','cancelled'] as $s)
                    <option value="{{ $s }}"
                            {{ request('status') === $s ? 'selected' : '' }}>
                        {{ ucfirst($s) }}
                    </option>
                @endforeach
            </select>

            <select name="venue"
                    class="form-select form-select-sm"
                    style="width:auto;"
                    onchange="this.form.submit()">
                <option value="">All Venues</option>
                @foreach($venues as $v)
                    <option value="{{ $v->id }}"
                            {{ request('venue') == $v->id ? 'selected' : '' }}>
                        {{ $v->name }}
                    </option>
                @endforeach
            </select>

            <input type="date" name="date_from"
                   class="form-control form-control-sm"
                   style="width:auto;"
                   value="{{ request('date_from') }}">
            <input type="date" name="date_to"
                   class="form-control form-control-sm"
                   style="width:auto;"
                   value="{{ request('date_to') }}">
            <button type="submit"
                    class="btn btn-sm btn-outline-secondary">
                Filter
            </button>

            <div class="ms-auto">
                <a href="{{ tenant_route('conferences.create') }}"
                   class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i>New Booking
                </a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            Bookings
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $bookings->total() }} total
            </span>
        </span>
    </div>

    @if($bookings->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-calendar-event"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No bookings found</p>
            <a href="{{ tenant_route('conferences.create') }}"
               class="btn btn-primary btn-sm mt-2">
                Create First Booking
            </a>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Reference</th>
                        <th>Event</th>
                        <th>Venue</th>
                        <th>Client</th>
                        <th>Date</th>
                        <th>Pax</th>
                        <th>Total</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($bookings as $booking)
                        @php
                            $sc = [
                                'tentative' => ['bg'=>'#fef3c7','color'=>'#92400e'],
                                'confirmed' => ['bg'=>'#d1fae5','color'=>'#065f46'],
                                'completed' => ['bg'=>'#f1f5f9','color'=>'#64748b'],
                                'cancelled' => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                            ][$booking->status] ?? ['bg'=>'#f1f5f9','color'=>'#475569'];
                        @endphp
                        <tr onclick="window.location='{{ tenant_route('conferences.show', ['booking' => $booking->id]) }}'"
                            style="cursor:pointer;">
                            <td style="font-size:.78rem;font-weight:600;color:var(--clay);">
                                {{ $booking->reference }}
                            </td>
                            <td>
                                <div class="fw-semibold" style="font-size:.83rem;">
                                    {{ $booking->event_name }}
                                </div>
                                @if($booking->event_type)
                                    <div style="font-size:.7rem;color:var(--muted);">
                                        {{ $booking->event_type }}
                                    </div>
                                @endif
                            </td>
                            <td style="font-size:.8rem;">
                                {{ $booking->venue?->name }}
                            </td>
                            <td style="font-size:.8rem;">
                                {{ $booking->contact_name }}
                                @if($booking->company)
                                    <div style="font-size:.7rem;color:var(--muted);">
                                        {{ $booking->company->name }}
                                    </div>
                                @endif
                            </td>
                            <td style="font-size:.78rem;white-space:nowrap;">
                                {{ $booking->start_date->format('d M Y') }}
                                @if($booking->start_date->toDateString() !== $booking->end_date->toDateString())
                                    <br>
                                    <span style="color:var(--muted);">
                                        – {{ $booking->end_date->format('d M') }}
                                    </span>
                                @endif
                            </td>
                            <td style="font-size:.8rem;">
                                {{ $booking->pax }}
                            </td>
                            <td style="font-size:.84rem;font-weight:600;color:var(--clay);">
                                ${{ number_format($booking->total_amount, 2) }}
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $sc['bg'] }};
                                             color:{{ $sc['color'] }};">
                                    {{ ucfirst($booking->status) }}
                                </span>
                            </td>
                            <td onclick="event.stopPropagation()">
                                <a href="{{ tenant_route('conferences.show', ['booking' => $booking->id]) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($bookings->hasPages())
            <div class="card-body"
                 style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $bookings->links() }}
            </div>
        @endif
    @endif
</div>

@endsection