{{-- Une seule fenetre pour l'ajout et la modification d'un employe, remplie
     par le bouton qui l'ouvre (js/modale-saisie.js) et posee sur la liste
     comme sur la fiche. Une saisie refusee (adresse deja prise, son propre
     acces qu'on fermerait) revient ici avec ses erreurs : `_edition` dit
     sur quel employe on etait.

     Attend $fenetre (UserController::fenetreDeSaisie) : les roles que l'on
     peut donner, les secteurs, les groupes et les responsables possibles.

     Aucun mot de passe ici : il part avec « Envoyer les identifiants ».
     Un fichier ne se remet pas dans son champ : apres un refus, la photo
     est a rechoisir. --}}
@canany(['users.create', 'users.edit'])
    @php $enEdition = old('_edition'); @endphp
    <div class="modal fade" id="modale-employe" tabindex="-1" aria-hidden="true" data-modale-saisie
        @if ($errors->any()) data-rouvrir="1" @endif>
        <div class="modal-dialog modal-lg">
            <form method="post" class="modal-content" enctype="multipart/form-data"
                action="{{ $enEdition ? route('users.update', $enEdition) : route('users.store') }}"
                data-store="{{ route('users.store') }}"
                data-update="{{ route('users.update', '__ID__') }}"
                data-titre-ajouter="Ajouter un employé" data-titre-modifier="Modifier l’employé">
                @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’employé' : 'Ajouter un employé' }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                </div>

                <div class="modal-body" data-zone="employe-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-md-6">
                            <label class="form-label" for="employe-nom">Nom <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="nom" id="employe-nom" data-champ="nom"
                                value="{{ old('nom') }}" maxlength="255" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="employe-prenom">Prénom <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="prenom" id="employe-prenom" data-champ="prenom"
                                value="{{ old('prenom') }}" maxlength="255" required>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label" for="employe-email">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control" name="email" id="employe-email" data-champ="email"
                                value="{{ old('email') }}" maxlength="255" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="employe-tel">Téléphone</label>
                            <input type="tel" class="form-control" name="tel" id="employe-tel" data-champ="tel"
                                value="{{ old('tel') }}" maxlength="255">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label" for="employe-secteur">Secteur <span class="text-danger">*</span></label>
                            <select class="form-select" name="secteur" id="employe-secteur" data-champ="secteur" required>
                                <option value="">— Choisir un secteur —</option>
                                @foreach ($fenetre['secteurs'] as $s)
                                    <option value="{{ $s }}" @selected(old('secteur') === $s)>{{ ucfirst($s) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="employe-poste">Poste <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="poste" id="employe-poste" data-champ="poste"
                                value="{{ old('poste') }}" maxlength="255" required>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label" for="employe-role">Rôle <span class="text-danger">*</span></label>
                            <select class="form-select" name="role" id="employe-role" data-champ="role" required>
                                <option value="">— Choisir un rôle —</option>
                                @foreach ($fenetre['roles'] as $role)
                                    <option value="{{ $role->id }}" @selected((string) old('role') === (string) $role->id)>{{ ucfirst($role->name) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="employe-chantier">Ira sur chantier ?</label>
                            <select class="form-select" name="chantier" id="employe-chantier" data-champ="chantier" data-defaut="1">
                                <option value="1" @selected((string) old('chantier', '1') === '1')>Oui</option>
                                <option value="0" @selected((string) old('chantier', '1') === '0')>Non</option>
                            </select>
                        </div>

                        {{-- Droit de se connecter (users.actif), distinct de la presence
                             dans les plannings : un poseur sans acces reste affectable.
                             Ferme par defaut, comme la colonne ; son propre acces ne se
                             ferme pas (UserController::update). --}}
                        <div class="col-md-6">
                            <label class="form-label" for="employe-actif">Accès au logiciel</label>
                            <select class="form-select" name="actif" id="employe-actif" data-champ="actif" data-defaut="0">
                                <option value="0" @selected((string) old('actif', '0') === '0')>Non, pas de connexion</option>
                                <option value="1" @selected((string) old('actif', '0') === '1')>Oui, peut se connecter</option>
                            </select>
                        </div>

                        {{-- Appartenance à un groupe de co-responsables --}}
                        <div class="col-md-6">
                            <label class="form-label" for="employe-groupe">Groupe de co-responsables</label>
                            <select class="form-select" name="responsable_group_id" id="employe-groupe" data-champ="responsable_group_id">
                                <option value="">— Aucun —</option>
                                @foreach ($fenetre['groups'] as $g)
                                    <option value="{{ $g->id }}" @selected((string) old('responsable_group_id') === (string) $g->id)>{{ $g->nom }}</option>
                                @endforeach
                            </select>
                            <div class="form-text">Si ce salarié est lui-même co-responsable (ex. Direction).</div>
                        </div>

                        {{-- Responsable unique : un groupe (co-responsables) OU une personne.
                             Personne n'est son propre responsable : son entree porte
                             `data-pas-pour`, la fenetre la retire quand on le modifie. --}}
                        <div class="col-12">
                            <label class="form-label" for="employe-responsable">Responsable</label>
                            <select class="form-select" name="responsable" id="employe-responsable" data-champ="responsable">
                                <option value="">— Aucun (haut de l'organigramme) —</option>

                                @if ($fenetre['groups']->contains(fn ($g) => $g->membres->isNotEmpty()))
                                    <optgroup label="Groupes de co-responsables">
                                        @foreach ($fenetre['groups'] as $g)
                                            @if ($g->membres->isNotEmpty())
                                                <option value="group:{{ $g->id }}" @selected(old('responsable') === 'group:' . $g->id)>
                                                    {{ $g->nom }} ({{ $g->membres->map(fn ($m) => $m->nom . ' ' . $m->prenom)->implode(', ') }})
                                                </option>
                                            @endif
                                        @endforeach
                                    </optgroup>
                                @endif

                                <optgroup label="Individuels">
                                    @foreach ($fenetre['responsables'] as $resp)
                                        <option value="user:{{ $resp->id }}" data-pas-pour="{{ $resp->id }}"
                                            @selected(old('responsable') === 'user:' . $resp->id)
                                            @if ((string) $enEdition === (string) $resp->id) disabled hidden @endif>
                                            {{ $resp->nom }} {{ $resp->prenom }}
                                        </option>
                                    @endforeach
                                </optgroup>
                            </select>
                            <div class="form-text">Un groupe assigne tous ses membres ensemble (co-responsables).</div>
                        </div>

                        {{-- La photo d'identite, rangee avec celles deposees a la main
                             (App\Services\Employes\PhotoIdentite). Le navigateur la
                             reduit des qu'elle est choisie (data-reduire) : une photo
                             de telephone ne passerait pas la limite de PHP. L'apercu
                             montre celle en place, puis celle qui partira. --}}
                        <div class="col-12">
                            <label class="form-label" for="employe-image">Photo d’identité</label>
                            <input type="file" class="form-control" name="image" id="employe-image" data-champ="image"
                                accept="image/jpeg,image/png,image/webp" data-apercu data-apercu-legende="Photo actuelle"
                                data-reduire="{{ \App\Services\Employes\PhotoIdentite::COTE_MAX }}">
                            <div class="form-text">Facultative : JPG, PNG ou WebP, réduite à {{ \App\Services\Employes\PhotoIdentite::COTE_MAX }} px avant l’envoi. En modification, laissez vide pour garder la photo actuelle.</div>
                        </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