@extends('layouts.dashboard')

@section('content')
@php
/**
 * Shared add/edit reservation form.
 * @var bool $editing @var array|null $res @var array $tables @var array $labels
 * @var string $date @var array $closedDows @var array $blackoutDates
 * @var int $maxParty @var int $defaultDuration @var int $leadMinutes
 */
$editing = $editing ?? false;
$res     = $res ?? null;
$tables  = $tables ?? [];
$labels  = $labels ?? [];
$maxParty = (int) ($maxParty ?? 50);
$defaultDuration = (int) ($defaultDuration ?? 90);
$leadMinutes = (int) ($leadMinutes ?? 0);

$val = static function (string $key, $fallback = '') use ($res, $__env) {
    return $res[$key] ?? $fallback;
};

// Per-field validation errors stashed by the controller on a failed submit (keyed by
// field name). Read raw so we can index it; absent on a clean load. Drives the
// aria-invalid / aria-describedby wiring below for accessible, inline error reporting.
$fieldErrors = \App\Support\Session::old('__errors', []);
$fieldErrors = is_array($fieldErrors) ? $fieldErrors : [];
$err = static function (string $field) use ($fieldErrors, $__env): string {
    return isset($fieldErrors[$field][0]) ? (string) $fieldErrors[$field][0] : '';
};
$resTime = $editing && !empty($res['reserved_at']) ? date('H:i', strtotime((string) $res['reserved_at'])) : '19:00';
$resDur  = $editing ? (int) ($res['duration_minutes'] ?? $defaultDuration) : $defaultDuration;
$resTable = (int) ($res['table_id'] ?? 0) ?: (int) ($prefillTable ?? 0);
$resLabel = (int) ($res['label_id'] ?? 0);
$resLabelColor = '#64748b';
foreach ($labels as $lbl) {
    if ((int) ($lbl['id'] ?? 0) === $resLabel) { $resLabelColor = (string) $lbl['color']; }
}
$durations = [30, 45, 60, 90, 120, 150, 180, 240];
$closedJson = implode(',', array_map('intval', $closedDows ?? []));
$blackoutJson = implode(',', array_map('strval', $blackoutDates ?? []));
$action = $editing ? '/vendor/reservations/update' : '/vendor/reservations/save';
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<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">{!! $editing
            ? t('vendor.reservations.form_sub_edit')
            : t('vendor.reservations.form_sub_new') !!}</p>
    </div>

    <form method="post" action="{{ url($action) }}" data-submit-once>
        @csrf
        @if ($editing)
        <input type="hidden" name="id" value="{{ (int) $res['id'] }}">
        <input type="hidden" name="version" value="{{ (int) ($res['version'] ?? 1) }}">
        @endif
        @php /* Identity of THIS rendering of the new-booking form, so the server can tell a repeat
                 of one create (Back-then-Create, a replayed POST, a second tab) from a second
                 booking genuinely taken for the same party. The editing branch above carries a
                 version instead, which settles a resubmitted update on its own.
                 See ReservationController::createdByUid(). */
@endphp
        @if (($createUid ?? '') !== '')
        <input type="hidden" name="create_uid" value="{{ (string) $createUid }}">
        @endif

        <!-- Section 1: Guest details -->
        <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="res-guest-name">{{ t_raw('vendor.reservations.guest_name_label') }}</label>
                    <input type="text" class="form-control{!! $err('guest_name') ? ' is-invalid' : '' !!}" id="res-guest-name" name="guest_name" maxlength="120" value="{{ (string) $val('guest_name') }}" required{!! $err('guest_name') ? ' aria-invalid="true" aria-describedby="res-guest-name-err"' : '' !!} placeholder="{{ t_raw('vendor.settings.contact_name_placeholder') }}">
                    <p class="qm-field-error" id="res-guest-name-err"{!! $err('guest_name') ? '' : ' hidden' !!}>{!! $err('guest_name') !!}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="res-guest-phone">{{ t_raw('common.phone') }}</label>
                    <input type="text" class="form-control{!! $err('guest_phone') ? ' is-invalid' : '' !!}" id="res-guest-phone" name="guest_phone" maxlength="40" value="{{ (string) $val('guest_phone') }}" required{!! $err('guest_phone') ? ' aria-invalid="true" aria-describedby="res-guest-phone-err"' : '' !!} placeholder="{{ t_raw('auth.phone_placeholder') }}">
                    <p class="qm-field-error" id="res-guest-phone-err"{!! $err('guest_phone') ? '' : ' hidden' !!}>{!! $err('guest_phone') !!}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="res-guest-email">{{ t_raw('common.email') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                    <input type="email" class="form-control{!! $err('guest_email') ? ' is-invalid' : '' !!}" id="res-guest-email" name="guest_email" maxlength="160" value="{{ (string) $val('guest_email') }}"{!! $err('guest_email') ? ' aria-invalid="true" aria-describedby="res-guest-email-err"' : '' !!} placeholder="{{ t_raw('auth.email_placeholder') }}">
                    <p class="qm-field-error" id="res-guest-email-err"{!! $err('guest_email') ? '' : ' hidden' !!}>{!! $err('guest_email') !!}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="res-party">{{ t_raw('vendor.reservations.party_size_label') }}</label>
                    <input type="number" class="form-control{!! $err('party_size') ? ' is-invalid' : '' !!}" id="res-party" name="party_size" min="1" max="{{ $maxParty }}" value="{{ (int) $val('party_size', 2) }}" required{!! $err('party_size') ? ' aria-invalid="true" aria-describedby="res-party-err"' : '' !!} placeholder="{{ t_raw('common.placeholder_count') }}">
                    <span class="qm-hint">{{ t_raw('vendor.reservations.party_size_hint', [':max' => $maxParty]) }}</span>
                    <p class="qm-field-error" id="res-party-err"{!! $err('party_size') ? '' : ' hidden' !!}>{!! $err('party_size') !!}</p>
                </div>
            </div>
        </section>

        <!-- Section 2: Booking details -->
        <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-4">
                    <label class="form-label" for="res-date">{{ t_raw('common.date') }}</label>
                    <input type="date" class="form-control{!! $err('date') ? ' is-invalid' : '' !!}" id="res-date" name="date" value="{{ $date }}"
                           data-flatpickr data-fp-mode="date" data-fp-min="today"
                           data-fp-disable-dow="{{ $closedJson }}" data-fp-disable-dates="{{ $blackoutJson }}" required{!! $err('date') ? ' aria-invalid="true" aria-describedby="res-date-err"' : '' !!}>
                    <p class="qm-field-error" id="res-date-err"{!! $err('date') ? '' : ' hidden' !!}>{!! $err('date') !!}</p>
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="res-time">{{ t_raw('common.time') }}</label>
                    <input type="time" class="form-control{!! $err('time') ? ' is-invalid' : '' !!}" id="res-time" name="time" value="{{ $resTime }}" data-flatpickr data-fp-mode="time" required{!! $err('time') ? ' aria-invalid="true" aria-describedby="res-time-err"' : '' !!}>
                    @if ($leadMinutes > 0)<span class="qm-hint">{{ t_raw('vendor.reservations.lead_time_hint', [':n' => $leadMinutes]) }}</span>@endif
                    <p class="qm-field-error" id="res-time-err"{!! $err('time') ? '' : ' hidden' !!}>{!! $err('time') !!}</p>
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="res-duration">{{ t_raw('common.duration') }}</label>
                    <select class="form-select" id="res-duration" name="duration_minutes">
                        @foreach ($durations as $m)
                        <option value="{{ $m }}" {{ $m === $resDur ? 'selected' : '' }}>{{ $m }} {{ t_raw('common.min') }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="res-table">{{ t_raw('vendor.reservations.table_label') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                    <select class="form-select" id="res-table" name="table_id">
                        <option value="">{{ t_raw('vendor.reservations.no_table_option') }}</option>
                        @foreach ($tables as $t)
                        <option value="{{ (int) $t['id'] }}" {{ (int) $t['id'] === $resTable ? 'selected' : '' }}>{{ $t['label'] }} ({{ (int) $t['seats'] }} {{ t_raw($t['seats'] == 1 ? 'vendor.reservations.seat_singular' : 'vendor.reservations.seat_plural') }})</option>
                        @endforeach
                    </select>
                    <span class="qm-hint">{{ t_raw('vendor.reservations.table_hint') }}</span>
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="res-label">{{ t_raw('vendor.reservations.occasion_label') }}</label>
                    <div class="qm-occasion-pick">
                        <span class="qm-occasion-swatch qm-swatch" id="res-label-swatch" style="--qm-sw: {{ $resLabelColor }}"></span>
                        <select class="form-select" id="res-label" name="label_id" data-occasion-select>
                            <option value="" data-color="#64748b" {{ $resLabel === 0 ? 'selected' : '' }}>{{ t_raw('vendor.reservations.standard_occasion_label') }}</option>
                            @foreach ($labels as $lbl)
@php if ((int) ($lbl['is_default'] ?? 0) === 1) { continue; }; @endphp
                            <option value="{{ (int) $lbl['id'] }}" data-color="{{ $lbl['color'] }}" {{ (int) $lbl['id'] === $resLabel ? 'selected' : '' }}>{{ $lbl['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </section>

        <!-- Section 3: Notes -->
        <section class="qm-resv-section">
            <h2 class="qm-settings-sub-h"><i class="fas fa-sticky-note" aria-hidden="true"></i> {{ t_raw('common.notes') }}</h2>
            <div class="row g-3">
                <div class="col-12">
                    <label class="form-label" for="res-notes">{{ t_raw('vendor.reservations.special_requests_label') }} <span class="text-muted">{{ t_raw('vendor.reservations.special_requests_hint') }}</span></label>
                    <textarea class="form-control{!! $err('special_requests') ? ' is-invalid' : '' !!}" id="res-notes" name="special_requests" rows="2" maxlength="500"{!! $err('special_requests') ? ' aria-invalid="true" aria-describedby="res-notes-err"' : '' !!} placeholder="{{ t_raw('reservation.notes_placeholder') }}">{{ (string) $val('special_requests') }}</textarea>
                    <p class="qm-field-error" id="res-notes-err"{!! $err('special_requests') ? '' : ' hidden' !!}>{!! $err('special_requests') !!}</p>
                </div>
                <div class="col-12">
                    <label class="form-label" for="res-staff-notes">{{ t_raw('vendor.reservations.internal_note_label') }} <span class="text-muted">{{ t_raw('vendor.reservations.staff_only_hint') }}</span></label>
                    <textarea class="form-control{!! $err('staff_notes') ? ' is-invalid' : '' !!}" id="res-staff-notes" name="staff_notes" rows="2" maxlength="500"{!! $err('staff_notes') ? ' aria-invalid="true" aria-describedby="res-staff-notes-err"' : '' !!} placeholder="{{ t_raw('reservation.notes_placeholder') }}">{{ (string) $val('staff_notes') }}</textarea>
                    <p class="qm-field-error" id="res-staff-notes-err"{!! $err('staff_notes') ? '' : ' hidden' !!}>{!! $err('staff_notes') !!}</p>
                </div>
            </div>
        </section>

        <div class="qm-resv-actions">
            <a class="qm-btn qm-btn-outline ms-auto" href="{!! url('/vendor/reservations?date=' . e($date)) !!}">{{ t_raw('common.cancel') }}</a>
            <button type="submit" class="qm-btn"><i class="fas {{ $editing ? 'fa-save' : 'fa-plus' }}" aria-hidden="true"></i> {!! $editing ? t('vendor.reservations.save_changes_btn') : t('vendor.reservations.create_reservation_btn') !!}</button>
        </div>
    </form>
</div>
<script>
(function () {
    var sel = document.querySelector('[data-occasion-select]');
    var sw = document.getElementById('res-label-swatch');
    if (sel && sw) {
        var sync = function () {
            var opt = sel.options[sel.selectedIndex];
            sw.style.setProperty('--qm-sw', (opt && opt.getAttribute('data-color')) || '#64748b');
        };
        sel.addEventListener('change', sync);
        sync();
    }
})();
</script>

</div>@php /* /.qm-d2 */
@endphp
@endsection