{{-- Une seule fenetre pour l'ajout et la modification, remplie par le bouton
     qui l'ouvre (js/modale-saisie.js). Une saisie refusee revient ici avec
     ses erreurs : `_edition` dit sur quel groupe on etait, la fenetre se
     rouvre dessus.

     Les membres sont une liste de cases (`data-champ-liste`) : le bouton
     donne ceux du groupe. ⚠️ L'enregistrement retire du groupe quiconque
     n'est pas coche — une case qui ne se pre-cocherait pas viderait le
     groupe sans rien dire. --}}
@canany(['responsable_groups.create', 'responsable_groups.edit'])
    @php
        $enEdition = old('_edition');
        $coches = collect(old('membres', []))->map(fn ($v) => (int) $v)->all();
    @endphp
    <div class="modal fade" id="modale-groupe" tabindex="-1" aria-hidden="true" data-modale-saisie
        @if ($errors->any()) data-rouvrir="1" @endif>
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            <form method="post" class="modal-content"
                action="{{ $enEdition ? route('responsable_groups.update', $enEdition) : route('responsable_groups.store') }}"
                data-store="{{ route('responsable_groups.store') }}"
                data-update="{{ route('responsable_groups.update', '__ID__') }}"
                data-titre-ajouter="Ajouter un groupe de responsables" data-titre-modifier="Modifier le groupe">
                @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 le groupe' : 'Ajouter un groupe de responsables' }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                </div>

                <div class="modal-body" data-zone="groupe-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="groupe-nom">Nom du groupe <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="nom" id="groupe-nom" data-champ="nom"
                            value="{{ old('nom') }}" maxlength="255" placeholder="Ex : Direction" required>
                    </div>

                    <div>
                        <label class="form-label d-block">Membres (co-responsables)</label>
                        <div class="row">
                            @foreach ($users as $u)
                                <div class="col-sm-6 col-lg-4 mb-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="groupe-membre-{{ $u->id }}"
                                            name="membres[]" value="{{ $u->id }}" data-champ-liste="membres"
                                            @checked(in_array($u->id, $coches, true))>
                                        <label class="form-check-label" for="groupe-membre-{{ $u->id }}">
                                            {{ $u->nom }} {{ $u->prenom }}
                                        </label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="form-text">Les membres seront toujours assignés ensemble comme responsables.</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