@php
    $title = 'Мои брони — Hotel Pineta';
    $heading = 'Мои брони';
    $subheading = 'Личный список бронирований гостя';
@endphp

@extends('layouts.guest')
@section('i18n_page', 'guest_bookings')

@section('content')
    <div class="card">
        <form method="get" class="form-grid" style="margin-bottom:18px;">
            <div class="field">
                <label for="status" data-i18n="filterStatus">Статус</label>
                <select id="status" name="status">
                    <option value="" data-i18n="filterAll">Все статусы</option>
                    @foreach ($statuses as $value => $label)
                        <option value="{{ $value }}" @selected($filters['status'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field" style="align-self:end;">
                <button type="submit" class="primary" data-i18n="apply">Применить</button>
            </div>
        </form>

        @if ($bookings->isEmpty())
            <div class="help" data-i18n="empty">Брони пока не найдены.</div>
        @else
            <div class="table-scroll">
            <table>
                <thead>
                <tr>
                    <th data-i18n="colBooking">Бронь</th>
                    <th data-i18n="colRoom">Комната</th>
                    <th data-i18n="colArrival">Заезд</th>
                    <th data-i18n="colNights">Ночей</th>
                    <th data-i18n="colStatus">Статус</th>
                    <th data-i18n="colAmount">Сумма</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($bookings as $booking)
                    <tr>
                        <td><a href="{{ route('guest.bookings.show', $booking) }}">{{ $booking->booking_number }}</a></td>
                        <td><span class="js-booking-room" data-room-code="{{ $booking->room?->code }}">№ {{ $booking->room?->code }} — {{ $booking->room?->title }}</span></td>
                        <td>{{ $booking->arrival_date?->format('d.m.Y') }}</td>
                        <td>{{ $booking->nights }}</td>
                        <td><span class="badge {{ $booking->status }} js-status" data-status="{{ $booking->status }}">{{ $statuses[$booking->status] ?? $booking->status }}</span></td>
                        <td>{{ number_format((float) $booking->full_amount, 2, '.', ' ') }} €</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            </div>

            <div style="margin-top:18px;">{{ $bookings->links() }}</div>
        @endif
    </div>
@endsection