@php
/**
 * Closed-dates (blackout) manager — the list of blocked dates plus the
 * add-a-date form. Rendered inside the Reservations "Closed dates" modal AND
 * the Settings -> Closed dates panel, so both stay in step automatically.
 *
 * @var array  $blackouts upcoming blackout rows: id, blackout_date, reason
 * @var string $returnTo  'reservations' | 'settings' — where the save/delete
 *                        actions send the user back to.
 */
$blackouts = $blackouts ?? [];
$returnTo  = $returnTo ?? 'reservations';
$suffix    = $returnTo === 'settings' ? '-set' : '';
@endphp
<p class="qm-hint mb-3">{{ t_raw('vendor.reservations.blackout_manager_hint') }}</p>
<div class="table-responsive" role="region" tabindex="0" aria-label="{{ t_raw('vendor.reservations.blackout_table_scroll_aria_prefix') }} {{ t_raw('common.scroll_horizontal_hint') }}">
<table class="qm-table">
    <thead><tr><th>{{ t_raw('common.date') }}</th><th>{{ t_raw('vendor.reservations.blackout_col_reason') }}</th><th class="text-end">{{ t_raw('common.remove') }}</th></tr></thead>
    <tbody>
        @if ($blackouts)
        @foreach ($blackouts as $b)
        <tr>
            <td class="qm-cell-body">{!! fmt_day($b['blackout_date']) !!}</td>
            <td>{!! or_dash($b['reason']) !!}</td>
            <td class="text-end">
                <form method="post" action="{{ route('vendor.reservations.blackout.delete') }}" class="d-inline" data-confirm="{{ t_raw('vendor.reservations.blackout_delete_confirm') }}" data-confirm-title="{{ t_raw('vendor.reservations.blackout_delete_title') }}">@csrf<input type="hidden" name="return_to" value="{{ $returnTo }}"><input type="hidden" name="id" value="{{ (int) $b['id'] }}"><button type="submit" class="qm-icon-btn danger" aria-label="{{ t_raw('vendor.reservations.blackout_delete_aria') }}"><i class="fas fa-trash-alt" aria-hidden="true"></i></button></form>
            </td>
        </tr>
        @endforeach
        @else
        @partial('table-empty', ['colspan' => 3, 'icon' => 'fa-calendar-times', 'msg' => t_raw('vendor.reservations.blackout_empty')])
        @endif
    </tbody>
</table>
</div>

<form method="post" action="{{ route('vendor.reservations.blackout.save') }}" class="mt-3">
    @csrf
    <input type="hidden" name="return_to" value="{{ $returnTo }}">
    <h3 class="h6 mb-2">{{ t_raw('vendor.reservations.blackout_form_title') }}</h3>
    <div class="row g-2 align-items-end">
        <div class="col-sm-5">
            <label class="form-label" for="blackout-date{{ $suffix }}">{{ t_raw('common.date') }}</label>
            <input type="date" class="form-control" id="blackout-date{{ $suffix }}" name="blackout_date" data-flatpickr data-fp-mode="date" data-fp-min="today" min="{{ date('Y-m-d') }}" required>
        </div>
        <div class="col-sm-5">
            <label class="form-label" for="blackout-reason{{ $suffix }}">{{ t_raw('vendor.reservations.blackout_col_reason') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
            <input type="text" class="form-control" id="blackout-reason{{ $suffix }}" name="reason" maxlength="120" placeholder="{{ t_raw('vendor.reservations.blackout_reason_placeholder') }}">
        </div>
        <div class="col-sm-2">
            <button type="submit" class="qm-btn w-100">{{ t_raw('common.add') }}</button>
        </div>
    </div>
</form>