@extends('admin.layouts.app')

@section('title', 'Reservations')
@section('page_title', 'Reservations')

@section('content')
    <div class="page-heading">
        <div>
            <h1>Reservation Management</h1>

            <p>
                Review reservation requests, search guests and
                filter bookings by type or status.
            </p>
        </div>
    </div>

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

    <div class="panel filter-panel">
        <div class="panel-header">
            <div>
                <h2 class="panel-title">
                    Search & Filter
                </h2>

                <div class="panel-subtitle">
                    Find a reservation using booking or guest information.
                </div>
            </div>
        </div>

        <div class="panel-body">
            <form
                method="GET"
                action="{{ route('admin.reservations.index') }}"
                class="reservation-filter-form"
            >
                <div class="filter-grid">
                    <div class="form-group">
                        <label
                            class="form-label"
                            for="reservationSearch"
                        >
                            Search Reservation
                        </label>

                        <input
                            class="form-control"
                            id="reservationSearch"
                            type="text"
                            name="search"
                            value="{{ request('search') }}"
                            placeholder="Booking no., guest, phone, email..."
                        >
                    </div>

                    <div class="form-group">
                        <label
                            class="form-label"
                            for="bookingTypeFilter"
                        >
                            Booking Type
                        </label>

                        <select
                            class="form-control"
                            id="bookingTypeFilter"
                            name="booking_type"
                        >
                            <option value="">
                                All Booking Types
                            </option>

                            @foreach ($bookingTypes as $value => $label)
                                <option
                                    value="{{ $value }}"
                                    {{ request('booking_type') === $value
                                        ? 'selected'
                                        : '' }}
                                >
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label
                            class="form-label"
                            for="statusFilter"
                        >
                            Reservation Status
                        </label>

                        <select
                            class="form-control"
                            id="statusFilter"
                            name="status"
                        >
                            <option value="">
                                All Statuses
                            </option>

                            @foreach ($statuses as $value => $label)
                                <option
                                    value="{{ $value }}"
                                    {{ request('status') === $value
                                        ? 'selected'
                                        : '' }}
                                >
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="filter-actions">
                        <button
                            class="btn btn-primary"
                            type="submit"
                        >
                            Apply Filter
                        </button>

                        <a
                            class="btn btn-secondary"
                            href="{{ route('admin.reservations.index') }}"
                        >
                            Reset
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="panel">
        <div class="panel-header">
            <div>
                <h2 class="panel-title">
                    Reservation List
                </h2>

                <div class="panel-subtitle">
                    Total {{ $reservations->total() }}
                    {{ \Illuminate\Support\Str::plural(
                        'reservation',
                        $reservations->total()
                    ) }}
                </div>
            </div>

            @if (
                request()->filled('search')
                || request()->filled('booking_type')
                || request()->filled('status')
            )
                <span class="badge badge-filtered">
                    Filtered Result
                </span>
            @endif
        </div>

        <div class="table-responsive">
            <table class="reservation-table">
                <thead>
                    <tr>
                        <th>SL</th>
                        <th>Booking</th>
                        <th>Guest Information</th>
                        <th>Booking Type</th>
                        <th>Requested Service</th>
                        <th>Reservation Date</th>
                        <th>Status</th>
                        <th>Estimated Amount</th>
                        <th>Submitted</th>
                        <th class="text-right">Action</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse ($reservations as $reservation)
                        @php
                            $serviceName = 'Not specified';
                            $reservationDate = 'Not specified';

                            if (
                                $reservation->booking_type
                                === \App\Models\Reservation::TYPE_ROOM
                            ) {
                                $serviceName =
                                    $reservation->roomType?->name
                                    ?? 'Deleted/Unavailable Room';

                                if ($reservation->check_in) {
                                    $reservationDate =
                                        $reservation->check_in
                                            ->format('d M Y');

                                    if ($reservation->check_out) {
                                        $reservationDate .=
                                            ' – '
                                            .$reservation->check_out
                                                ->format('d M Y');
                                    }
                                }
                            } elseif (
                                $reservation->booking_type
                                === \App\Models\Reservation::TYPE_VENUE_EVENT
                            ) {
                                $serviceName =
                                    $reservation->service_name
                                    ?: 'Venue/Event not specified';

                                if ($reservation->event_date) {
                                    $reservationDate =
                                        $reservation->event_date
                                            ->format('d M Y');
                                }
                            } elseif (
                                $reservation->booking_type
                                === \App\Models\Reservation::TYPE_PACKAGE
                            ) {
                                $serviceName =
                                    $reservation->service_name
                                    ?: 'Package not specified';

                                if ($reservation->event_date) {
                                    $reservationDate =
                                        $reservation->event_date
                                            ->format('d M Y');
                                }
                            }

                            $statusClass = match (
                                $reservation->status
                            ) {
                                \App\Models\Reservation::STATUS_PENDING
                                    => 'status-pending',

                                \App\Models\Reservation::STATUS_CONTACTED
                                    => 'status-contacted',

                                \App\Models\Reservation::STATUS_CONFIRMED
                                    => 'status-confirmed',

                                \App\Models\Reservation::STATUS_COMPLETED
                                    => 'status-completed',

                                \App\Models\Reservation::STATUS_CANCELLED
                                    => 'status-cancelled',

                                default => 'status-unknown',
                            };
                        @endphp

                        <tr>
                            <td>
                                {{ $reservations->firstItem()
                                    + $loop->index }}
                            </td>

                            <td>
                                <div class="booking-number">
                                    {{ $reservation->booking_number }}
                                </div>

                                <div class="muted-text">
                                    Source:
                                    {{ \Illuminate\Support\Str::headline(
                                        $reservation->source
                                    ) }}
                                </div>
                            </td>

                            <td>
                                <div class="guest-name">
                                    {{ $reservation->guest_name }}
                                </div>

                                <div class="guest-contact">
                                    {{ $reservation->phone }}
                                </div>

                                @if ($reservation->email)
                                    <div class="muted-text">
                                        {{ $reservation->email }}
                                    </div>
                                @endif

                                @if ($reservation->company_name)
                                    <div class="company-name">
                                        {{ $reservation->company_name }}
                                    </div>
                                @endif
                            </td>

                            <td>
                                <span class="badge booking-type-badge">
                                    {{ $bookingTypes[
                                        $reservation->booking_type
                                    ] ?? \Illuminate\Support\Str::headline(
                                        $reservation->booking_type
                                    ) }}
                                </span>
                            </td>

                            <td>
                                <div class="service-name">
                                    {{ $serviceName }}
                                </div>

                                @if (
                                    $reservation->booking_type
                                        === \App\Models\Reservation::TYPE_VENUE_EVENT
                                    && $reservation->event_type
                                )
                                    <div class="muted-text">
                                        Event:
                                        {{ \Illuminate\Support\Str::headline(
                                            $reservation->event_type
                                        ) }}
                                    </div>
                                @endif

                                @if (
                                    $reservation->number_of_rooms
                                )
                                    <div class="muted-text">
                                        {{ $reservation->number_of_rooms }}
                                        {{ \Illuminate\Support\Str::plural(
                                            'room',
                                            $reservation->number_of_rooms
                                        ) }}
                                    </div>
                                @endif
                            </td>

                            <td>
                                <div class="reservation-date">
                                    {{ $reservationDate }}
                                </div>

                                @if ($reservation->expected_guests)
                                    <div class="muted-text">
                                        {{ $reservation->expected_guests }}
                                        expected guests
                                    </div>
                                @elseif (
                                    $reservation->adults
                                    || $reservation->children
                                )
                                    <div class="muted-text">
                                        {{ $reservation->adults ?? 0 }}
                                        adults,
                                        {{ $reservation->children ?? 0 }}
                                        children
                                    </div>
                                @endif
                            </td>

                            <td>
                                <span
                                    class="badge reservation-status {{ $statusClass }}"
                                >
                                    {{ $statuses[
                                        $reservation->status
                                    ] ?? \Illuminate\Support\Str::headline(
                                        $reservation->status
                                    ) }}
                                </span>
                            </td>

                            <td>
                                @if (
                                    ! is_null(
                                        $reservation->estimated_amount
                                    )
                                )
                                    <div class="amount-text">
                                        ৳{{ number_format(
                                            (float) $reservation
                                                ->estimated_amount,
                                            2
                                        ) }}
                                    </div>

                                    @if (
                                        ! is_null(
                                            $reservation->advance_amount
                                        )
                                    )
                                        <div class="muted-text">
                                            Advance:
                                            ৳{{ number_format(
                                                (float) $reservation
                                                    ->advance_amount,
                                                2
                                            ) }}
                                        </div>
                                    @endif
                                @else
                                    <span class="muted-text">
                                        Not set
                                    </span>
                                @endif
                            </td>

                            <td>
                                <div class="submitted-date">
                                    {{ $reservation->created_at
                                        ->format('d M Y') }}
                                </div>

                                <div class="muted-text">
                                    {{ $reservation->created_at
                                        ->format('h:i A') }}
                                </div>
                            </td>

                            <td class="text-right">
                                <a
                                    class="btn btn-secondary btn-small"
                                    href="{{ route(
                                        'admin.reservations.show',
                                        $reservation
                                    ) }}"
                                >
                                    View Details
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10">
                                <div class="empty-state">
                                    <div class="empty-state-mark">
                                        R
                                    </div>

                                    <h3>No reservation found</h3>

                                    @if (
                                        request()->filled('search')
                                        || request()->filled('booking_type')
                                        || request()->filled('status')
                                    )
                                        <p>
                                            No reservation matches your
                                            current search or filter.
                                        </p>

                                        <a
                                            class="btn btn-secondary"
                                            href="{{ route(
                                                'admin.reservations.index'
                                            ) }}"
                                        >
                                            Clear All Filters
                                        </a>
                                    @else
                                        <p>
                                            Website reservation requests
                                            will appear here.
                                        </p>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($reservations->hasPages())
            <div class="panel-footer pagination">
                {{ $reservations->links() }}
            </div>
        @endif
    </div>
@endsection

@push('styles')
    <style>
        .filter-panel {
            margin-bottom: 24px;
        }

        .panel-subtitle,
        .muted-text {
            color: var(--muted);
            font-size: 12px;
        }

        .panel-subtitle {
            margin-top: 5px;
        }

        .filter-grid {
            display: grid;
            grid-template-columns:
                minmax(260px, 1.5fr)
                minmax(180px, 1fr)
                minmax(180px, 1fr)
                auto;
            align-items: end;
            gap: 16px;
        }

        .filter-grid .form-group {
            margin-bottom: 0;
        }

        .filter-actions {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .text-right {
            text-align: right;
        }

        .reservation-table {
            min-width: 1450px;
        }

        .booking-number,
        .guest-name,
        .service-name,
        .reservation-date,
        .submitted-date,
        .amount-text {
            color: var(--navy);
            font-weight: 700;
        }

        .booking-number {
            white-space: nowrap;
            font-size: 12px;
        }

        .guest-name {
            margin-bottom: 3px;
        }

        .guest-contact {
            margin-bottom: 3px;
            color: #415762;
            font-size: 13px;
        }

        .company-name {
            margin-top: 4px;
            color: #8d6a28;
            font-size: 12px;
            font-weight: 700;
        }

        .service-name {
            max-width: 210px;
            margin-bottom: 4px;
            line-height: 1.45;
        }

        .reservation-date,
        .submitted-date {
            white-space: nowrap;
            font-size: 13px;
        }

        .amount-text {
            white-space: nowrap;
        }

        .booking-type-badge {
            background: #edf3f6;
            color: #365b6e;
            white-space: nowrap;
        }

        .reservation-status {
            white-space: nowrap;
        }

        .status-pending {
            background: #fff7df;
            color: #946c16;
        }

        .status-contacted {
            background: #eaf3ff;
            color: #2c6093;
        }

        .status-confirmed {
            background: #e8f8ee;
            color: #27754a;
        }

        .status-completed {
            background: #e8f4f2;
            color: #17685f;
        }

        .status-cancelled {
            background: #fff0f0;
            color: #b53c3c;
        }

        .status-unknown {
            background: #edf2f5;
            color: #526975;
        }

        .badge-filtered {
            background: #fff7df;
            color: #946c16;
        }

        .btn-small {
            min-height: 34px;
            padding: 7px 11px;
            white-space: nowrap;
        }

        .panel-footer {
            padding: 0 24px 22px;
        }

        .empty-state {
            padding: 55px 20px;
            text-align: center;
        }

        .empty-state-mark {
            width: 52px;
            height: 52px;
            margin: 0 auto 15px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: #edf2f5;
            color: var(--navy);
            font-family: Georgia, serif;
            font-size: 24px;
        }

        .empty-state h3 {
            margin: 0 0 8px;
            font-family: Georgia, serif;
            font-weight: 500;
        }

        .empty-state p {
            margin: 0 0 18px;
            color: var(--muted);
        }

        @media (max-width: 1100px) {
            .filter-grid {
                grid-template-columns:
                    repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 760px) {
            .filter-grid {
                grid-template-columns: 1fr;
            }

            .filter-actions {
                align-items: stretch;
                flex-direction: column;
            }

            .filter-actions .btn {
                width: 100%;
            }
        }
    </style>
@endpush