@extends('layout')
@section('title', 'Accès de la famille - Administration')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap">
        <p class="eyebrow">Administration</p>
        <h1>Accès de la famille</h1>
        <p class="lead">Chaque personne vivante a un identifiant qui ne change jamais et un mot de passe
            simple, à lui transmettre une fois. Le mot de passe s'efface d'ici dès qu'elle choisit le sien.</p>

        @if (session('status'))
            <div class="alert alert--ok">{{ session('status') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert">{{ $errors->first() }}</div>
        @endif

        {{-- Compteurs cliquables : ils servent de filtres --}}
        <div class="acc-chiffres">
            @php
                $vues = [
                    ''           => ['Comptes ouverts', $compteurs['total']],
                    'jamais'     => ['Jamais connectés', $compteurs['jamais']],
                    'connectes'  => ['Déjà venus', $compteurs['connectes']],
                    'a-envoyer'  => ['Reste à envoyer', $compteurs['aEnvoyer']],
                    'envoyes'    => ['Déjà envoyés', $compteurs['envoyes']],
                    'sans-email' => ['Sans adresse e-mail', $compteurs['sansEmail']],
                    'inactifs'   => ['Accès fermés', $compteurs['inactifs']],
                ];
            @endphp
            @foreach ($vues as $cle => [$libelle, $n])
                {{-- On garde la recherche et la branche en changeant de compteur. --}}
                @php $lien = route('admin.acces.index').'?'.http_build_query(array_filter([
                    'filtre' => $cle, 'q' => $q, 'branche' => $branche ?: null,
                ], fn ($v) => $v !== null && $v !== '')); @endphp
                <a class="acc-chiffre @if($filtre === $cle) is-active @endif" href="{{ $lien }}">
                    <span class="acc-chiffre-n">{{ $n }}</span>
                    <span class="acc-chiffre-l">{{ $libelle }}</span>
                </a>
            @endforeach
        </div>

        @if ($compteurs['sansCompte'] > 0)
            <div class="acc-manquants">
                <p><strong>{{ $compteurs['sansCompte'] }}</strong>
                    personne{{ $compteurs['sansCompte'] > 1 ? 's vivantes n\'ont' : ' vivante n\'a' }}
                    pas encore de compte.</p>
                <form method="post" action="{{ route('admin.acces.creer') }}">
                    @csrf
                    <button type="submit" class="btn">Ouvrir les comptes manquants</button>
                </form>
            </div>
        @endif

        {{-- Les neuf branches : une famille à la fois, c'est ainsi qu'on appelle --}}
        <div class="acc-branches" role="toolbar" aria-label="Branche de la famille">
            <a class="acc-branche @if(! $branche) is-active @endif"
               href="{{ route('admin.acces.index') }}?filtre={{ $filtre }}">Toute la famille</a>
            @foreach ($branches as $b)
                <a class="acc-branche @if($branche === $b['id']) is-active @endif"
                   href="{{ route('admin.acces.index') }}?filtre={{ $filtre }}&branche={{ $b['id'] }}">
                    {{ $b['nom'] }} <span class="acc-branche-n">{{ $b['comptes'] }}</span>
                </a>
            @endforeach
        </div>

        @php
            $titreBranche = $branche
                ? (collect($branches)->firstWhere('id', $branche)['nom'] ?? 'cette branche')
                : 'toute la famille';
        @endphp
        <div class="acc-groupe">
            <p>
                <strong>{{ count($adresses) }}</strong>
                adresse{{ count($adresses) > 1 ? 's' : '' }} connue{{ count($adresses) > 1 ? 's' : '' }}
                pour {{ $titreBranche }}.
                @if (count($adresses) === 0)
                    Renseignez les e-mails ligne par ligne, sous « Modifier ».
                @endif
            </p>
            @if (count($adresses) > 0)
                <button type="button" class="btn btn--fin" data-groupe="mail"
                        data-adresses="{{ implode(',', $adresses) }}">
                    Un e-mail à ces {{ count($adresses) }} adresses
                </button>
                <button type="button" class="btn btn--fin" data-groupe="copie"
                        data-adresses="{{ implode(', ', $adresses) }}">Copier les adresses</button>
            @endif
            <a class="btn btn--fin" href="{{ route('admin.acces.coordonnees') }}">Saisir les coordonnées</a>
            <a class="btn btn--fin" href="{{ route('admin.acces.liste') }}">Liste imprimable</a>
            <a class="btn btn--fin" href="{{ route('admin.acces.liste') }}?format=csv">Tableur (CSV)</a>
        </div>

        {{-- Les deux textes envoyés. Modifiables ici, sans redéploiement. --}}
        <details class="acc-modeles">
            <summary>Modifier les messages envoyés</summary>
            <form method="post" action="{{ route('admin.acces.messages') }}" class="acc-modeles-form">
                @csrf
                <p class="muted">
                    Étiquettes remplacées à l'envoi : <code>{prenom}</code>, <code>{nom}</code>,
                    <code>{identifiant}</code>, <code>{motdepasse}</code>, <code>{lien}</code>,
                    <code>{code}</code> (le code du site).
                    La ligne du mot de passe disparaît d'elle-même quand la personne a choisi le sien.
                </p>
                <label>
                    <span>Message personnel (un destinataire, avec ses codes)</span>
                    <textarea name="personnel" rows="18">{{ old('personnel', $modeles['personnel']) }}</textarea>
                </label>
                <label>
                    <span>Message groupé (une branche, sans codes)</span>
                    <textarea name="groupe" rows="12">{{ old('groupe', $modeles['groupe']) }}</textarea>
                </label>
                <label>
                    <span>Message de relais (à ceux qui ont répondu, pour obtenir les coordonnées des leurs)</span>
                    <textarea name="relais" rows="14">{{ old('relais', $modeles['relais']) }}</textarea>
                </label>
                <div class="acc-actions">
                    <button type="submit" class="btn btn--fin">Enregistrer les modèles</button>
                </div>
            </form>
            <form method="post" action="{{ route('admin.acces.messages.defaut') }}">
                @csrf
                <button type="submit" class="btn btn--fin">Rétablir les textes d'origine</button>
            </form>
        </details>

        <form method="get" action="{{ route('admin.acces.index') }}" class="acc-recherche">
            <input type="hidden" name="branche" value="{{ $branche }}">
            <input type="hidden" name="filtre" value="{{ $filtre }}">
            <input type="search" name="q" value="{{ $q }}" placeholder="Un nom, un identifiant, une adresse">
            <button type="submit" class="btn btn--fin">Chercher</button>
            @if ($q)<a class="btn btn--fin" href="{{ route('admin.acces.index') }}?filtre={{ $filtre }}&branche={{ $branche }}">Tout revoir</a>@endif
        </form>

        <p class="muted acc-compte-resultat">
            {{ $comptes->total() }} ligne{{ $comptes->total() > 1 ? 's' : '' }}@if ($comptes->hasPages()),
            page {{ $comptes->currentPage() }} sur {{ $comptes->lastPage() }}@endif.
        </p>

        <div class="acc-liste">
            @forelse ($comptes as $c)
                @php
                    $mdp = $c->mdpProvisoireEnCours();
                    $tel = $c->telephoneJoignable();
                @endphp
                <article class="acc-ligne @if(! $c->actif) acc-ligne--ferme @endif" id="c{{ $c->id }}"
                         data-prenom="{{ $c->individual?->prenom ?: $c->name }}"
                         data-nom="{{ $c->name }}"
                         data-id="{{ $c->getIdentifiantAffiche() }}"
                         data-mdp="{{ $mdp }}"
                         data-mail="{{ $c->email }}"
                         data-tel="{{ $tel ? preg_replace('/[^0-9+]/', '', $tel) : '' }}">
                    <div class="acc-qui">
                        <p class="acc-nom">
                            @if ($c->individual)
                                <a href="{{ route('personne', $c->individual) }}">{{ $c->name }}</a>
                            @else
                                {{ $c->name }}
                            @endif
                            @if ($c->is_admin)<span class="acc-etiq acc-etiq--admin">admin</span>@endif
                            @if (! $c->actif)<span class="acc-etiq acc-etiq--ferme">fermé</span>@endif
                        </p>
                        <p class="acc-etat">
                            @if ($c->last_login_at)
                                Venu le {{ $c->last_login_at->translatedFormat('j F Y') }}
                            @else
                                Jamais connecté
                            @endif
                            @if ($c->password_set_at) · mot de passe choisi @endif
                        </p>
                        @if ($c->envoye_at)
                            <p class="acc-envoye">
                                Envoyé le {{ $c->envoye_at->translatedFormat('j F') }}@if($c->envoye_canal && $c->envoye_canal !== 'autre') par {{ $c->envoye_canal }}@endif
                                <form method="post" action="{{ route('admin.acces.envoye', $c) }}" class="inline-form">
                                    @csrf
                                    <button type="submit" class="link-btn link-btn--fin">décocher</button>
                                </form>
                            </p>
                        @endif
                    </div>

                    <div class="acc-codes">
                        <p class="acc-code"><span>Identifiant</span><code>{{ $c->getIdentifiantAffiche() }}</code></p>
                        @if ($mdp)
                            <p class="acc-code"><span>Mot de passe</span><code>{{ $mdp }}</code></p>
                        @else
                            <p class="acc-code acc-code--vide"><span>Mot de passe</span>
                                <em>choisi par la personne</em></p>
                        @endif
                    </div>

                    <div class="acc-envois">
                        <button type="button" class="btn btn--fin" data-envoi="copie">Copier le message</button>
                        @if ($c->email)<button type="button" class="btn btn--fin" data-envoi="mail">E-mail</button>@endif
                        @if ($tel)
                            <button type="button" class="btn btn--fin" data-envoi="sms">SMS</button>
                            <button type="button" class="btn btn--fin" data-envoi="whatsapp">WhatsApp</button>
                        @endif
                        {{-- Le clic sur E-mail, SMS ou WhatsApp coche l'envoi tout seul.
                             Ce formulaire sert au téléphone, au courrier, ou au rattrapage. --}}
                        <form method="post" action="{{ route('admin.acces.envoye', $c) }}"
                              class="inline-form" data-marquer>
                            @csrf
                            <input type="hidden" name="canal" value="voix">
                            @unless ($c->envoye_at)
                                <button type="submit" class="btn btn--fin">Fait par téléphone</button>
                            @endunless
                        </form>
                    </div>

                    <details class="acc-plus">
                        <summary>Modifier</summary>
                        <form method="post" action="{{ route('admin.acces.update', $c) }}" class="acc-form">
                            @csrf @method('PUT')
                            <label><span>Adresse e-mail</span>
                                <input type="email" name="email" value="{{ $c->email }}" placeholder="facultative"></label>
                            <label><span>Téléphone</span>
                                <input type="text" name="telephone" value="{{ $tel }}" placeholder="+33 6 ..."></label>
                            <label><span>Identifiant</span>
                                <input type="text" name="identifiant" value="{{ $c->identifiant }}"></label>
                            <button type="submit" class="btn btn--fin">Enregistrer</button>
                        </form>
                        <div class="acc-actions">
                            <form method="post" action="{{ route('admin.acces.regenerer', $c) }}">
                                @csrf
                                <button type="submit" class="btn btn--fin">Nouveau mot de passe</button>
                            </form>
                            <form method="post" action="{{ route('admin.acces.bascule', $c) }}">
                                @csrf
                                <button type="submit" class="btn btn--fin">{{ $c->actif ? 'Fermer l\'accès' : 'Rouvrir l\'accès' }}</button>
                            </form>
                        </div>
                    </details>
                </article>
            @empty
                <p class="muted">Aucun compte pour cette recherche.</p>
            @endforelse
        </div>

        @if ($comptes->hasPages())
            <div class="acc-pages">{{ $comptes->links() }}</div>
        @endif

        <p class="acc-note">
            Les mots de passe provisoires sont conservés chiffrés, uniquement pour pouvoir les redire
            à quelqu'un qui les a perdus. Ils disparaissent définitivement dès que la personne choisit le sien.
        </p>

        <p class="back-row"><a class="back-link" href="{{ route('admin.index') }}">← Administration</a></p>
    </section>

    <script>
        // Le message est écrit ici une seule fois : l'inscrire dans chaque ligne
        // pesait huit cents kilo-octets pour deux cent trente lignes.
        var SITE = @json(url('/'));
        var SUJET = "Tes accès à l'album de la famille Letzelter";
        var MODELE = @json($modeles['personnel']);
        var MODELE_GROUPE = @json($modeles['groupe']);
        var CODE_SITE = @json(config('acces.code'));

        function message(l) {
            var t = MODELE
                .replace(/\{prenom\}/g, l.dataset.prenom)
                .replace(/\{nom\}/g, l.dataset.nom || l.dataset.prenom)
                .replace(/\{identifiant\}/g, l.dataset.id)
                .replace(/\{code\}/g, CODE_SITE)
                .replace(/\{lien\}/g, SITE);

            if (l.dataset.mdp) {
                return t.replace(/\{motdepasse\}/g, l.dataset.mdp);
            }
            // Sans mot de passe provisoire, la ligne entière qui le porte saute :
            // écrire « Mot de passe : » suivi de rien serait pire que rien.
            return t.split('\n').filter(function (ligne) {
                return ligne.indexOf('{motdepasse}') === -1;
            }).join('\n');
        }

        // Envoi groupé : un seul message, les destinataires en copie cachée.
        document.querySelectorAll('[data-groupe]').forEach(function (b) {
            b.addEventListener('click', function () {
                if (b.dataset.groupe === 'copie') {
                    navigator.clipboard.writeText(b.dataset.adresses).then(function () {
                        var avant = b.textContent;
                        b.textContent = 'Copiées';
                        setTimeout(function () { b.textContent = avant; }, 1600);
                    });
                    return;
                }
                var corps = MODELE_GROUPE
                    .replace(/\{lien\}/g, SITE)
                    .replace(/\{code\}/g, CODE_SITE);
                location.href = 'mailto:?bcc=' + encodeURIComponent(b.dataset.adresses)
                    + '&subject=' + encodeURIComponent(SUJET)
                    + '&body=' + encodeURIComponent(corps);
            });
        });

        // Ouvrir le message vaut envoi : on coche sans faire recharger la page,
        // sinon le client de messagerie se ferait recouvrir par le rechargement.
        function marquerEnvoi(l, canal) {
            var f = l.querySelector('[data-marquer]');
            if (! f || l.dataset.marque === '1') { return; }
            l.dataset.marque = '1';
            var d = new FormData(f);
            d.set('canal', canal);
            fetch(f.action, {
                method: 'POST', body: d, credentials: 'same-origin',
                headers: {'X-Requested-With': 'XMLHttpRequest'},
            }).then(function () {
                var b = f.querySelector('button');
                if (b) { b.textContent = 'Noté'; b.disabled = true; }
            });
        }

        document.querySelectorAll('[data-envoi]').forEach(function (b) {
            b.addEventListener('click', function () {
                var l = b.closest('.acc-ligne');
                var m = message(l);
                var canal = b.dataset.envoi;

                if (canal === 'copie') {
                    navigator.clipboard.writeText(m).then(function () {
                        var avant = b.textContent;
                        b.textContent = 'Copié';
                        setTimeout(function () { b.textContent = avant; }, 1600);
                    });
                    return;
                }
                marquerEnvoi(l, canal);

                if (canal === 'mail') {
                    location.href = 'mailto:' + l.dataset.mail
                        + '?subject=' + encodeURIComponent(SUJET)
                        + '&body=' + encodeURIComponent(m);
                } else if (canal === 'sms') {
                    location.href = 'sms:' + l.dataset.tel + '&body=' + encodeURIComponent(m);
                } else if (canal === 'whatsapp') {
                    window.open('https://wa.me/' + l.dataset.tel.replace(/\D/g, '')
                        + '?text=' + encodeURIComponent(m), '_blank', 'noopener');
                }
            });
        });
    </script>
@endsection