{{-- Une seule fenetre pour l'ajout et la modification, remplie
     par le bouton qui l'ouvre. Une saisie refusee (nom deja
     pris) revient ici avec ses erreurs : `_edition` dit sur
     quelle equipe on etait, la fenetre se rouvre dessus. --}}
@canany(['equipes.create', 'equipes.edit'])
    @php $enEdition = old('_edition'); @endphp
    <div class="modal fade" id="modale-equipe" 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('equipes.update', $enEdition) : route('equipes.store') }}"
                data-store="{{ route('equipes.store') }}"
                data-update="{{ route('equipes.update', '__ID__') }}"
                data-titre-ajouter="Ajouter une équipe" data-titre-modifier="Modifier l’équipe">
                @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 l’équipe' : 'Ajouter une équipe' }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                </div>

                <div class="modal-body" data-zone="equipe-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="mb-3">
                        <label class="form-label" for="equipe-nom">Nom <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="nom" id="equipe-nom" data-champ="nom"
                            value="{{ old('nom') }}" maxlength="191" required>
                    </div>

                    <div>
                        <label class="form-label" for="equipe-type">Type <span class="text-danger">*</span></label>
                        <select class="form-select" name="type" id="equipe-type" data-champ="type" required>
                            <option value="">-- Sélectionner --</option>
                            @foreach (\App\Models\Equipe::TYPES as $type)
                                <option value="{{ $type }}" @selected(old('type') === $type)>{{ ucfirst($type) }}</option>
                            @endforeach
                        </select>
                    </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