{{--
    The three Booking Action modals of docs/wireframes-v12/inquiry.html —
    #tentativeModal (~line 414), #meetingModal (~456) and #notInterestedModal
    (~488).

    ## One instance of each, re-targeted per row

    The wireframe draws them once at the foot of the page and points them at
    whichever row's dropdown was used, and so does this: each form's `action` is
    rewritten by nrems-inquiry-actions.js from the row's own `data-inquiry`
    payload before the dialog opens. Rendering three dialogs per row would have
    been 30 hidden forms on a 10-row page and 30 CSRF tokens with them.

    The wireframe's own dialogs are hand-rolled fixed-position divs; these are
    <x-modal>, which is Bootstrap 5's markup with the wireframe's look applied
    to `.modal-content` from the app-additions tail of nrems-wireframe.css. That
    is the component's documented reason for existing (v12 draws no modal its
    own stylesheet actually renders), and it buys the focus trap, the Escape
    key and the backdrop click that the wireframe's inline `onclick` handlers
    were approximating.

    ## Per-form error bags (recipe §9)

    The three FormRequests declare `$errorBag` — `hold`, `meeting` and
    `not_interested` — so a rejected hold puts its messages in a bag of its own
    and cannot light up the Not Interested modal's Reason field. Two things read
    those bags:

      * the fields below, through `$errors->getBag(...)`. The controls are
        written out inside <x-form.group> rather than as <x-form.input> etc.,
        because the field components resolve their own error from the *default*
        bag and there is no prop to point them at another one — and
        <x-form.group>'s own docblock invites exactly this use ("whenever a form
        needs a control this library does not ship... and you still want the
        label, asterisk and error to look and behave like every other field").
        The markup they emit is the components' own, class for class.
      * the reopen decision, below: `$errors->hasBag(...)` tells the page which
        dialog to put back on screen after a failed submit, and the hidden
        `data-reopen` field tells it which row that was.

    ## Old input

    Flashed old input is NOT scoped to an error bag, so `old()` repopulates the
    right control whichever form failed. The unit select is the exception and is
    left to the script: its options are fetched from the cascade when the dialog
    opens, so there is nothing server-rendered for `old()` to select — the
    script re-applies the old value once the options exist, from
    `data-old-unit` below.
--}}
@php
    $holdErrors = $errors->getBag('hold');
    $meetingErrors = $errors->getBag('meeting');
    $closingErrors = $errors->getBag('not_interested');

    // Which dialog a failed submit should put back on screen, and which row it
    // belonged to. `reopen_inquiry` is a hidden field every one of the three
    // forms posts, so the answer survives the redirect in old input.
    $reopen = match (true) {
        $holdErrors->isNotEmpty() => 'tentative',
        $meetingErrors->isNotEmpty() => 'meeting',
        $closingErrors->isNotEmpty() => 'notinterested',
        default => null,
    };
@endphp

{{-- The whole block is a write surface, so it renders only for a user who may
     write. The Booking Action column is gated per row on the same ability, so a
     view-only user has no way to reach these and no markup for them either.

     The gate is the bare permission rather than a policy check, because there
     is no one inquiry these dialogs belong to — they are re-targeted per row,
     and the per-row gate is the one in partials/booking-action.blade.php.
     InquiryPolicy@update is `$user->can('inquiries.edit')` and nothing else, so
     the two agree by construction; a Super Admin passes here through the same
     Gate::before hook that carries them through the policy. --}}
@can('inquiries.edit')
<div id="nrems_inquiry_modals"
     data-reopen="{{ $reopen ?? '' }}"
     data-reopen-inquiry="{{ old('reopen_inquiry', '') }}"
     data-unit-options-url="{{ route('inquiries.unit_options', ['project' => '__PROJECT__']) }}"
     data-strings="{{ json_encode([
         'placeholder' => __('inquiries.placeholders.unit'),
         'hold_suffix' => __('inquiries.units.hold_suffix'),
     ], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}">

    {{-- ===== TENTATIVE BOOKING ===== --}}
    <x-form.open id="nrems_inquiry_hold_form" :action="route('inquiries.hold', ['inquiry' => 0])" method="POST" />
        <input type="hidden" name="reopen_inquiry" value="" data-role="reopen-inquiry" />
        <x-modal id="tentativeModal" :title="__('inquiries.modals.tentative_title')" icon="fa-solid fa-calendar-check">
            <x-form.group name="tentative_unit_id" :label="__('inquiries.fields.tentative_unit_id')" required for="hold_tentative_unit_id">
                {{-- Options are fetched from the cascade endpoint when the
                     dialog opens, scoped to the row's project with the row's
                     own hold ignored (CR-6 §3). The placeholder is the only
                     option the server renders. --}}
                <select class="form-control @if ($holdErrors->has('tentative_unit_id')) is-invalid @endif"
                        id="hold_tentative_unit_id" name="tentative_unit_id" required
                        data-old-unit="{{ old('tentative_unit_id', '') }}">
                    <option value="">{{ __('inquiries.placeholders.unit') }}</option>
                </select>
                <span class="form-text">{{ __('inquiries.hints.units_available') }}</span>
                @if ($holdErrors->has('tentative_unit_id'))
                    <div class="invalid-feedback d-block">{{ $holdErrors->first('tentative_unit_id') }}</div>
                @endif
            </x-form.group>

            <x-form.group name="hold_until" :label="__('inquiries.fields.hold_until')" required for="hold_until">
                <input type="date" class="form-control @if ($holdErrors->has('hold_until')) is-invalid @endif"
                       id="hold_until" name="hold_until" value="{{ old('hold_until', '') }}" required />
                <span class="form-text">{{ __('inquiries.hints.hold_until') }}</span>
                @if ($holdErrors->has('hold_until'))
                    <div class="invalid-feedback d-block">{{ $holdErrors->first('hold_until') }}</div>
                @endif
            </x-form.group>

            <x-slot:footer>
                <button type="button" class="btn btn-outline" data-bs-dismiss="modal">{{ __('forms.cancel') }}</button>
                <button type="submit" class="btn btn-primary">
                    <i class="fa-solid fa-check" aria-hidden="true"></i>{{ __('inquiries.modals.tentative_save') }}
                </button>
            </x-slot:footer>
        </x-modal>
    <x-form.close />

    {{-- ===== PERSONAL MEETING ===== --}}
    <x-form.open id="nrems_inquiry_meeting_form" :action="route('inquiries.meeting', ['inquiry' => 0])" method="POST" />
        <input type="hidden" name="reopen_inquiry" value="" data-role="reopen-inquiry" />
        <x-modal id="meetingModal" :title="__('inquiries.modals.meeting_title')" icon="fa-solid fa-handshake">
            <div class="form-row form-row-2">
                <x-form.group name="date" :label="__('inquiries.fields.date')" required for="meeting_date">
                    <input type="date" class="form-control @if ($meetingErrors->has('date')) is-invalid @endif"
                           id="meeting_date" name="date" value="{{ old('date', '') }}" required />
                    @if ($meetingErrors->has('date'))
                        <div class="invalid-feedback d-block">{{ $meetingErrors->first('date') }}</div>
                    @endif
                </x-form.group>

                <x-form.group name="time" :label="__('inquiries.fields.time')" required for="meeting_time">
                    <input type="time" class="form-control @if ($meetingErrors->has('time')) is-invalid @endif"
                           id="meeting_time" name="time" value="{{ old('time', '') }}" required />
                    @if ($meetingErrors->has('time'))
                        <div class="invalid-feedback d-block">{{ $meetingErrors->first('time') }}</div>
                    @endif
                </x-form.group>
            </div>

            <x-form.group name="location" :label="__('inquiries.fields.location')" required for="meeting_location">
                <textarea class="form-control @if ($meetingErrors->has('location')) is-invalid @endif"
                          id="meeting_location" name="location" rows="3" required
                          placeholder="{{ __('inquiries.placeholders.meeting_location') }}">{{ old('location', '') }}</textarea>
                @if ($meetingErrors->has('location'))
                    <div class="invalid-feedback d-block">{{ $meetingErrors->first('location') }}</div>
                @endif
            </x-form.group>

            <x-slot:footer>
                <button type="button" class="btn btn-outline" data-bs-dismiss="modal">{{ __('forms.cancel') }}</button>
                <button type="submit" class="btn btn-primary">
                    <i class="fa-solid fa-check" aria-hidden="true"></i>{{ __('inquiries.modals.meeting_save') }}
                </button>
            </x-slot:footer>
        </x-modal>
    <x-form.close />

    {{-- ===== NOT INTERESTED / CLOSED ===== --}}
    <x-form.open id="nrems_inquiry_closing_form" :action="route('inquiries.not_interested', ['inquiry' => 0])" method="POST" />
        <input type="hidden" name="reopen_inquiry" value="" data-role="reopen-inquiry" />
        <x-modal id="notInterestedModal" :title="__('inquiries.modals.not_interested_title')" icon="fa-solid fa-thumbs-down text-danger">
            <x-form.group name="reason" :label="__('inquiries.fields.reason')" required for="closing_reason">
                <textarea class="form-control @if ($closingErrors->has('reason')) is-invalid @endif"
                          id="closing_reason" name="reason" rows="4" required
                          placeholder="{{ __('inquiries.placeholders.reason_modal') }}">{{ old('reason', '') }}</textarea>
                @if ($closingErrors->has('reason'))
                    <div class="invalid-feedback d-block">{{ $closingErrors->first('reason') }}</div>
                @endif
            </x-form.group>

            <x-slot:footer>
                <button type="button" class="btn btn-outline" data-bs-dismiss="modal">{{ __('forms.cancel') }}</button>
                {{-- v12 paints this one `background:var(--danger)` over a
                     `.btn-primary`; `.btn-danger` is the wireframe's own class
                     for exactly that fill (style.css:441) and is used instead
                     of an inline style. --}}
                <button type="submit" class="btn btn-danger">
                    <i class="fa-solid fa-check" aria-hidden="true"></i>{{ __('inquiries.modals.not_interested_save') }}
                </button>
            </x-slot:footer>
        </x-modal>
    <x-form.close />
</div>
@endcan