@extends('layouts.public')

@section('content')
@php
use App\Models\Reservation;
/** @var array $reservations */
$reservations = $reservations ?? [];
$nowTs = time();
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('account.my_reservations_title') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><a href="{{ route('account') }}">{{ t_raw('account.crumb') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('nav.reservations') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>

<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-3">@partial('account-nav')</div>
            <div class="col-lg-9">
                <div class="qm-card">
                    <h2>{{ t_raw('account.table_bookings_title') }}</h2>
                    @if (!$reservations)
                    <div class="qm-empty">
                        <i class="far fa-calendar d-block" aria-hidden="true"></i>
                        <p>{{ t_raw('account.no_reservations_empty') }}</p>
                        <a href="{{ route('restaurants') }}" class="qm-btn">{{ t_raw('restaurant.browse') }}</a>
                    </div>
                    @else
                    <div class="table-responsive">
                    <table class="qm-table">
                        <thead><tr><th>{{ t_raw('account.col_when') }}</th><th>{{ t_raw('common.restaurant') }}</th><th>{{ t_raw('account.col_party') }}</th><th>{{ t_raw('common.status') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
                        <tbody>
                            @foreach ($reservations as $r)
                            @php
                            $status = (string) $r['status'];
                            $ts = strtotime((string) $r['reserved_at']);
                            $isFuture = $ts > $nowTs;
                            $canCancel = $isFuture && in_array($status, ['pending', 'confirmed'], true);
@endphp
                            <tr>
                                <td class="qm-cell-body">
                                    <strong>{!! fmt_day($ts) !!}</strong>
                                    <div class="qm-cell-sub">{!! fmt_clock($ts) !!}</div>
                                    @if (!empty($r['special_requests']))<div class="qm-cell-sub">{{ $r['special_requests'] }}</div>@endif
                                </td>
                                <td>
                                    <a class="qm-tbl-id qm-tbl-link" href="{{ url('/restaurant/' . $r['rest_slug']) }}">
                                        {!! restaurant_logo_html(['logo' => $r['restaurant_logo'] ?? '', 'name' => $r['rest_name'] ?? ''], 'sm') !!}
                                        <div class="qm-tbl-id-text">
                                            <strong>{{ $r['rest_name'] }}</strong>
                                            @if (!empty($r['label_name']))
                                            <span class="qm-occasion-chip qm-occasion-chip-sm"><span class="qm-occasion-dot qm-swatch" style="--qm-sw: {{ $r['label_color'] }}"></span>{{ $r['label_name'] }}</span>
                                            @endif
                                            @if (!empty($r['table_label']))<small>{{ t_raw('account.table_label_prefix', [':label' => $r['table_label']]) }}</small>@endif
                                        </div>
                                    </a>
                                </td>
                                <td>{{ (int) $r['party_size'] }}</td>
                                <td><span class="qm-pill {{ Reservation::statusPill($status) }}">{{ Reservation::statusLabel($status) }}</span></td>
                                <td class="qm-actions-cell">
                                    <div class="qm-row-actions">
                                        @if ($isFuture && in_array($status, ['pending', 'confirmed', 'seated'], true))
                                        <a class="qm-icon-btn" href="{{ url('/account/reservations/' . (int) $r['id'] . '.ics') }}" aria-label="{{ t_raw('account.add_to_calendar') }}" title="{{ t_raw('account.add_to_calendar') }}"><i class="fas fa-calendar-plus" aria-hidden="true"></i></a>
                                        @endif
                                        @if ($canCancel)
                                        <form method="post" action="{{ route('account.reservations.cancel') }}" class="d-inline" data-confirm="{{ t_raw('admin.reservations.confirm_cancel_body') }}" data-confirm-title="{{ t_raw('admin.reservations.confirm_cancel_title') }}" data-confirm-yes="{{ t_raw('admin.reservations.confirm_cancel_yes') }}">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ (int) $r['id'] }}">
                                            <button type="submit" class="qm-btn qm-btn-xs qm-btn-outline">{{ t_raw('common.cancel') }}</button>
                                        </form>
                                        @else
                                        <a class="qm-btn qm-btn-xs qm-btn-outline" href="{{ url('/restaurant/' . $r['rest_slug'] . '/reserve') }}">{{ t_raw('account.book_again_link') }}</a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                    @partial('table-toolbar', ['pager' => $pager, 'base' => '/account/reservations'])
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection