{{-- Une seule fenetre pour l'ajout et la modification, remplie
     par le bouton qui l'ouvre. Une saisie refusee (fin avant le
     debut) revient ici avec ses erreurs : `_edition` dit sur
     quelle date on etait, la fenetre se rouvre dessus. --}}
@canany(['dates_bloques.create', 'dates_bloques.edit'])
    @php $enEdition = old('_edition'); @endphp
    <div class="modal fade" id="modale-date-bloquee" tabindex="-1" aria-hidden="true" data-modale-saisie
        @if ($errors->any()) data-rouvrir="1" @endif>
        <div class="modal-dialog">
            <form method="post" class="modal-content"
                action="{{ $enEdition ? route('dates_bloques.update', $enEdition) : route('dates_bloques.store') }}"
                data-store="{{ route('dates_bloques.store') }}"
                data-update="{{ route('dates_bloques.update', '__ID__') }}"
                data-titre-ajouter="Ajouter une date bloquée" data-titre-modifier="Modifier la date bloquée">
                @csrf
                <input type="hidden" name="_method" value="{{ $enEdition ? 'PUT' : 'POST' }}">
                <input type="hidden" name="_edition" value="{{ $enEdition }}">

                <div class="modal-header">
                    <h5 class="modal-title" data-titre>{{ $enEdition ? 'Modifier la date bloquée' : 'Ajouter une date bloquée' }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                </div>

                <div class="modal-body" data-zone="date-bloquee-saisie">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="row g-3">
                        <div class="col-6">
                            <label class="form-label" for="date-bloquee-debut">Date début <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="date_debut" id="date-bloquee-debut"
                                data-champ="date_debut" value="{{ old('date_debut') }}" required>
                        </div>

                        <div class="col-6">
                            <label class="form-label" for="date-bloquee-fin">Date fin</label>
                            <input type="date" class="form-control" name="date_fin" id="date-bloquee-fin"
                                data-champ="date_fin" value="{{ old('date_fin') }}">
                        </div>

                        <div class="col-12">
                            <label class="form-label" for="date-bloquee-description">Description</label>
                            <input type="text" class="form-control" name="description" id="date-bloquee-description"
                                data-champ="description" value="{{ old('description') }}" maxlength="191">
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
            </form>
        </div>
    </div>
@endcanany