@extends('layouts.public')

@section('content')
@php
/**
 * Public "reserve a table" booking form.
 * @var array $restaurant @var string $cuisineName @var array $labels @var array $closedDows
 * @var array $blackoutDates @var int $maxParty @var int $leadMinutes
 * @var array $hours @var bool $isOpen
 */
$labels = $labels ?? [];
$cuisineName = (string) ($cuisineName ?? '');
$maxParty = (int) ($maxParty ?? 50);
$leadMinutes = (int) ($leadMinutes ?? 0);
$closedJson = implode(',', array_map('intval', $closedDows ?? []));
$blackoutJson = implode(',', array_map('strval', $blackoutDates ?? []));
$slug = (string) $restaurant['slug'];

// Sidebar content (info/contact, mini-map) mirrors restaurant-detail.php's own
// $renderInfoCard/$renderMiniMap closures exactly - same data, same markup, same
// classes - just inlined here since a page-local closure can't be shared across
// view files. Real per-restaurant data only, nothing fabricated.
$hours = $hours ?? [];
$isOpen = (bool) ($isOpen ?? true);
$radius = (float) ($restaurant['delivery_radius'] ?? 0);
$dayNames = [t('common.day_sunday'), t('common.day_monday'), t('common.day_tuesday'), t('common.day_wednesday'), t('common.day_thursday'), t('common.day_friday'), t('common.day_saturday')];
$todayIdx = (int) date('w');
$mapLive = setting('maps_enabled', '1') === '1' && ($restaurant['lat'] ?? null) !== null && ($restaurant['lng'] ?? null) !== null;

// Only a signed-in customer has an account dashboard to track the booking in (the
// controller keys the success copy off the same Auth::is('customer') check). Guests
// are reached only by phone/email, so we must not promise them an account view.
$resvSignedIn = \App\Support\Auth::is('customer');

$rating      = (float) ($restaurant['rating_cache'] ?? 0);
$ratingCount = (int) ($restaurant['rating_count'] ?? 0);
// Cover chain matches restaurant-detail.php exactly: the restaurant's own cover, else the
// admin's configured general fallback (Settings -> General), else a clean branded banner —
// never a stock photo standing in for a specific restaurant.
$hasCover  = !empty($restaurant['cover_image']) && is_file(public_path() . '/' . ltrim((string) $restaurant['cover_image'], '/'));
$adminFallbackCover = trim((string) setting('fallback_general_image', 'assets/admin/fallback/general-fallback.png'));
$hasAdminFallbackCover = $adminFallbackCover !== '' && is_file(public_path() . '/' . ltrim($adminFallbackCover, '/'));
$cover     = $hasCover ? media($restaurant['cover_image']) : ($hasAdminFallbackCover ? asset($adminFallbackCover) : '');
$hasAnyCover = $hasCover || $hasAdminFallbackCover;
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('reservation.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="{{ url('/restaurant/' . $slug) }}">{{ $restaurant['name'] }}</a><span class="mx-2" aria-hidden="true">/</span>
            <span class="active">{{ t_raw('reservation.crumb') }}</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>


<!-- ===== Restaurant cover ===== -->
<div class="qm-rd-hero qm-rd-hero--overlap {{ $hasAnyCover ? 'qm-bgimg-scrim' : 'qm-rd-hero--brand' }}"{!! $hasAnyCover ? ' style="--qm-bg: url(\'' . e($cover) . '\')"' : '' !!}>
    <div class="container-fluid">
        <div class="qm-rd-hero-card">
            <div class="qm-rd-hero-logowrap">
                {!! restaurant_logo_html($restaurant, 'xl', 'qm-rd-hero-logo') !!}
            </div>
            <div class="qm-rd-hero-main">
                <h2 class="qm-rd-hero-name qm-rd-hero-name--sub">{{ $restaurant['name'] }}</h2>
                @if (!empty($restaurant['address']))<p class="qm-rd-hero-tag"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ $restaurant['address'] }}</p>@endif
                <div class="qm-rd-hero-meta">
                    <span class="qm-rd-pill qm-rd-rate"><i class="fas fa-star" aria-hidden="true"></i> @if ($ratingCount > 0){{ number_format($rating, 1) }} <small>({{ $ratingCount }})</small>@else<small>{{ t_raw('restaurant.no_ratings_yet') }}</small>@endif</span>
                    @if ($cuisineName)<span class="qm-rd-pill"><i class="fas fa-utensils" aria-hidden="true"></i> {{ $cuisineName }}</span>@endif
                </div>
            </div>
        </div>
    </div>
</div>

<section class="qm-section pt-0">
    <div class="container-fluid">
        <div class="row g-4">
            <aside class="col-lg-4">
                <div class="qm-card qm-rd-info">
                    @php // Live open/closed state reads as a status for the whole card, so it
                          // sits on the title line at the far end rather than buried under the
                          // hours table.
@endphp
                    <div class="qm-rd-info-head">
                        <h2 class="qm-rd-info-title">{{ t_raw('restaurant.info_title') }}</h2>
                        <p class="qm-rd-open-now{{ $isOpen ? '' : ' is-closed' }}"><span class="qm-rd-dot" aria-hidden="true"></span> {!! $isOpen ? t('restaurant.open_now') : t('restaurant.closed_now') !!}</p>
                    </div>
                    @if (!empty($restaurant['description']))
                    <p class="qm-rd-info-about">{{ str_excerpt($restaurant['description'], 36) }}</p>
                    @endif

                    <h3 class="qm-rd-info-sub"><i class="far fa-clock" aria-hidden="true"></i> {{ t_raw('restaurant.opening_hours_title') }}</h3>
                    @if (!empty($hours))
                    <ul class="qm-rd-hours">
                        @php for ($d = 0; $d < 7; $d++):
                            $h = $hours[$d] ?? null;
                            $closed = $h && (int) $h['is_closed'] === 1;
                            $hasHours = $h && $h['open_time'] && $h['close_time'];
@endphp
                        <li class="qm-rd-hours-row{{ $d === $todayIdx ? ' is-today' : '' }}">
                            <span class="qm-rd-hours-day">{!! $dayNames[$d] !!}{!! $d === $todayIdx ? ' <span class="qm-rd-today">' . t('common.today') . '</span>' : '' !!}</span>
                            <span class="qm-rd-hours-time{{ $closed ? ' is-closed' : '' }}">
                                @if ($closed){{ t_raw('common.closed') }}@elseif ($hasHours){!! fmt_clock($h['open_time']) !!} &ndash; {!! fmt_clock($h['close_time']) !!}@else{!! dash() !!}@endif
                            </span>
                        </li>
                        @endfor
                    </ul>
                    @endif

                    <div class="qm-deliv-only">
                        <h3 class="qm-rd-info-sub"><i class="fas fa-truck" aria-hidden="true"></i> {{ t_raw('common.delivery') }}</h3>
                        <ul class="qm-rd-deliv">
                            @if ($radius > 0)<li><span>{{ t_raw('restaurant.radius_label') }}</span><strong>{{ \App\Services\Distance::format($radius) }}</strong></li>@endif
                            <li><span>{{ t_raw('restaurant.min_order') }}</span><strong>{{ money($restaurant['min_order']) }}</strong></li>
                            <li><span>{{ t_raw('checkout.delivery_fee') }}</span><strong>{!! (float) $restaurant['delivery_fee'] > 0 ? money($restaurant['delivery_fee']) : t('common.free') !!}</strong></li>
                            <li><span>{{ t_raw('restaurant.prep_time_label') }}</span><strong>{{ (int) $restaurant['avg_prep_time'] }} {{ t_raw('common.prep_min_suffix') }}</strong></li>
                        </ul>
                    </div>

                    <h3 class="qm-rd-info-sub"><i class="fas fa-address-book" aria-hidden="true"></i> {{ t_raw('common.contact') }}</h3>
                    <ul class="qm-rd-contact">
                        @if (!empty($restaurant['phone']))<li><i class="fas fa-phone" aria-hidden="true"></i> <a href="tel:{{ preg_replace('/[^0-9+]/', '', (string) $restaurant['phone']) }}">{{ $restaurant['phone'] }}</a></li>@endif
                        @if (!empty($restaurant['email']))<li><i class="fas fa-envelope" aria-hidden="true"></i> <a href="mailto:{{ $restaurant['email'] }}">{{ $restaurant['email'] }}</a></li>@endif
                        @if (!empty($restaurant['website']))
@php $wsHref  = preg_match('~^https?://~i', (string) $restaurant['website']) ? (string) $restaurant['website'] : 'https://' . ltrim((string) $restaurant['website'], '/');
                            $wsLabel = rtrim(preg_replace('~^https?://(www\.)?~i', '', (string) $restaurant['website']), '/'); @endphp<li><i class="fas fa-globe" aria-hidden="true"></i> <a href="{{ $wsHref }}" target="_blank" rel="noopener nofollow">{{ $wsLabel }}</a></li>@endif
                        @if (!empty($restaurant['address']) || !empty($restaurant['city']))<li><i class="fas fa-map-marker-alt" aria-hidden="true"></i> <span>{{ trim(($restaurant['address'] ?? '') . (!empty($restaurant['city']) ? ', ' . $restaurant['city'] : ''), ', ') }}</span></li>@endif
                    </ul>
                </div>

                @php
$mapAddr = trim(($restaurant['address'] ?? '') . (!empty($restaurant['city']) ? ', ' . $restaurant['city'] : ''), ', ') ?: t_raw('restaurant.view_on_map');
// Marked with the restaurant's own storefront photo, matching the maps on the
// restaurant page and Find location (see restaurant-detail.php for the why).
$mapMarkers = $mapLive ? (string) json_encode([[
                    'lat'      => (float) $restaurant['lat'],
                    'lng'      => (float) $restaurant['lng'],
                    'iconHtml' => restaurant_cover_html($restaurant, 'sm'),
                ]], JSON_UNESCAPED_SLASHES) : '';
@endphp
@if ($mapLive)
                <div class="qm-card qm-rd-mini-map qm-rd-mini-map--live">
                    <div class="qm-rd-mini-map-frame qm-map" data-qm-map data-lat="{{ (string) $restaurant['lat'] }}" data-lng="{{ (string) $restaurant['lng'] }}" data-zoom="16" data-interactive="false" data-markers="{{ $mapMarkers }}" role="application" aria-label="{{ t_raw('restaurant.map_aria', [':name' => $restaurant['name']]) }}"></div>
                    <div class="qm-rd-mini-map-foot">
                        <strong><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ t_raw('restaurant.find_us') }}</strong>
                        <span>{{ $mapAddr }}</span>
                    </div>
                </div>
                @else
                <a href="{{ url('/restaurant/' . $slug) }}#map" class="qm-card qm-rd-mini-map" aria-label="{{ t_raw('restaurant.jump_to_map_aria') }}">
                    <div class="qm-rd-mini-map-canvas" aria-hidden="true"><span class="qm-rd-mini-pin"><i class="fas fa-map-marker-alt"></i></span></div>
                    <div class="qm-rd-mini-map-foot">
                        <strong><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ t_raw('restaurant.find_us') }}</strong>
                        <span>{{ $mapAddr }}</span>
                    </div>
                </a>
                @endif
            </aside>
            <div class="col-lg-8">
                <div class="qm-card qm-resv-form-card">
                    <div class="qm-resv-form-head">
                        <span class="qm-resv-form-eyebrow">{{ t_raw('nav.reservations') }}</span>
                        <p class="qm-resv-form-sub">{{ t_raw('reservation.intro') }}</p>
                    </div>

                    <form method="post" action="{{ url('/restaurant/' . $slug . '/reserve') }}" data-submit-once>
                        @csrf

                        <section class="qm-resv-section">
                            <h2 class="qm-settings-sub-h"><i class="fas fa-user" aria-hidden="true"></i> {{ t_raw('vendor.reservations.section_guest_details') }}</h2>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-name">{{ t_raw('contact_page.name_label') }}</label>
                                    <input type="text" class="form-control" id="rv-name" name="guest_name" maxlength="120" value="{{ old('guest_name', \App\Support\Auth::user()['name'] ?? '') }}" required placeholder="{{ t_raw('vendor.settings.contact_name_placeholder') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-phone">{{ t_raw('common.phone') }}</label>
                                    <input type="text" class="form-control" id="rv-phone" name="guest_phone" maxlength="40" value="{{ old('guest_phone', \App\Support\Auth::user()['phone'] ?? '') }}" required placeholder="{{ t_raw('auth.phone_placeholder') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-email">{{ t_raw('common.email') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                                    <input type="email" class="form-control" id="rv-email" name="guest_email" maxlength="160" value="{{ old('guest_email', \App\Support\Auth::user()['email'] ?? '') }}" placeholder="{{ t_raw('auth.email_placeholder') }}">
                                </div>
                            </div>
                        </section>

                        <section class="qm-resv-section">
                            <h2 class="qm-settings-sub-h"><i class="fas fa-calendar-check" aria-hidden="true"></i> {{ t_raw('vendor.reservations.section_booking_details') }}</h2>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-party">{{ t_raw('reservation.party_size_label') }}</label>
                                    <input type="number" class="form-control" id="rv-party" name="party_size" min="1" max="{{ $maxParty }}" value="{{ old('party_size', '2') }}" required placeholder="{{ t_raw('common.placeholder_count') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-date">{{ t_raw('reservation.date_label') }}</label>
                                    <input type="date" class="form-control" id="rv-date" name="date" value="{{ old('date', '') }}"
                                           data-flatpickr data-fp-mode="date" data-fp-min="today"
                                           data-fp-disable-dow="{{ $closedJson }}" data-fp-disable-dates="{{ $blackoutJson }}" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-time">{{ t_raw('reservation.time_label') }}</label>
                                    <input type="time" class="form-control" id="rv-time" name="time" value="{{ old('time', '19:00') }}" data-flatpickr data-fp-mode="time" required>
                                    @if ($leadMinutes > 0)<span class="qm-hint">{{ t_raw('reservation.lead_hint', [':min' => $leadMinutes]) }}</span>@endif
                                </div>
                                @if ($labels)
                                <div class="col-md-6">
                                    <label class="form-label" for="rv-label">{{ t_raw('reservation.occasion_label') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                                    <select class="form-select" id="rv-label" name="label_id">
                                        @php $oldLabel = (string) old('label_id', '');
@endphp
                                        <option value="">{{ t_raw('common.none') }}</option>
                                        @foreach ($labels as $lbl)
@php if ((int) ($lbl['is_default'] ?? 0) === 1) { continue; }; @endphp
                                        <option value="{{ (int) $lbl['id'] }}"{{ $oldLabel !== '' && (int) $oldLabel === (int) $lbl['id'] ? ' selected' : '' }}>{{ $lbl['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @endif
                                <div class="col-12">
                                    <label class="form-label" for="rv-notes">{{ t_raw('reservation.notes_label') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                                    <textarea class="form-control" id="rv-notes" name="special_requests" rows="2" maxlength="500" placeholder="{{ t_raw('reservation.notes_placeholder') }}">{{ old('special_requests', '') }}</textarea>
                                </div>
                                <div class="col-12">
                                    <label class="qm-check"><input type="checkbox" name="join_waitlist" value="1"{{ old('join_waitlist') ? ' checked' : '' }}> {{ t_raw('reservation.waitlist_checkbox') }}</label>
                                </div>
                            </div>
                            {!! \App\Services\Recaptcha::widget('reservation') !!}
                        </section>

                        <div class="qm-resv-actions">
                            <span class="qm-hint qm-resv-note me-auto d-none d-sm-inline"><i class="fas fa-info-circle" aria-hidden="true"></i> {!! $resvSignedIn ? t('reservation.confirm_account') : t('reservation.confirm_guest') !!}</span>
                            <button type="submit" class="qm-btn"><i class="fas fa-calendar-check me-1" aria-hidden="true"></i> {{ t_raw('reservation.submit_btn') }}</button>
                            <a class="qm-btn qm-btn-outline" href="{{ url('/restaurant/' . $slug) }}">{{ t_raw('reservation.back_to_menu') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection