@extends('layouts.app')

@section('titre', 'Comptes')

@section('contenu')
    @include('administration._onglets')

    <h1 class="mb-1 text-xl font-semibold">Comptes et droits d'accès</h1>
    <p class="mb-4 text-sm text-slate-500">
        Un compte par manager et un compte par salarié, plus un compte partagé par branche
        d'activité, qui sert aux nouveaux arrivants le temps qu'ils aient le leur. Couper les
        connexions ouvertes est le geste à faire au départ d'un salarié, et il compte double
        sur un compte partagé.
    </p>

    @if ($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            <ul class="list-inside list-disc">
                @foreach ($errors->all() as $erreur)<li>{{ $erreur }}</li>@endforeach
            </ul>
        </div>
    @endif

    @foreach ($comptes as $compte)
        <section class="carte mb-3 {{ $compte->actif ? '' : 'opacity-60' }}">
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div>
                    <h2 class="font-semibold">
                        {{ $compte->name }}
                        <span class="ml-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs font-medium text-slate-600">
                            {{ $tousLesRoles[$compte->role] }}
                        </span>
                        @if ($compte->compte_partage)
                            <span class="ml-1 rounded-full bg-marque-50 px-2 py-0.5 text-xs font-medium text-marque-700">
                                partagé
                            </span>
                        @endif
                    </h2>
                    <p class="text-sm text-slate-600">{{ $compte->email }}</p>
                    @unless ($compte->actif)
                        <p class="text-sm text-amber-700">Compte désactivé.</p>
                    @endunless
                    @if ($compte->sessions_revoquees_at)
                        <p class="text-sm text-slate-500">
                            Connexions coupées le
                            {{ $compte->sessions_revoquees_at->translatedFormat('j F Y à H\hi') }}.
                        </p>
                    @endif
                </div>

                <div class="flex flex-wrap gap-3 text-sm">
                    <form method="POST" action="{{ route('administration.comptes.sessions', $compte) }}">
                        @csrf
                        <button type="submit" class="font-medium text-marque-700 hover:underline">
                            Couper les connexions
                        </button>
                    </form>
                    <form method="POST" action="{{ route('administration.comptes.basculer', $compte) }}">
                        @csrf
                        <button type="submit" class="font-medium text-marque-700 hover:underline">
                            {{ $compte->actif ? 'Désactiver' : 'Réactiver' }}
                        </button>
                    </form>
                </div>
            </div>

            <form method="POST" action="{{ route('administration.comptes.poles', $compte) }}"
                  class="mt-4 border-t border-slate-100 pt-3">
                @csrf
                <p class="etiquette">Pôles d'activité</p>
                @if ($compte->estAdministrateur())
                    <p class="text-sm text-slate-500">
                        Un administrateur voit tous les pôles, y compris ceux créés plus tard.
                    </p>
                @else
                    @foreach ($poles as $pole)
                        <label class="mr-4 mb-2 inline-flex items-center gap-2 text-sm text-slate-700">
                            <input type="checkbox" name="poles[]" value="{{ $pole->id }}"
                                   @checked($compte->poles->contains($pole))
                                   class="size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                            {{ $pole->nom }}
                        </label>
                    @endforeach
                    <button type="submit" class="bouton-secondaire mt-2 block">Enregistrer les pôles</button>
                @endif
            </form>

            <form method="POST" action="{{ route('administration.comptes.mot-de-passe', $compte) }}"
                  class="mt-4 flex flex-wrap items-end gap-3 border-t border-slate-100 pt-3">
                @csrf
                <label class="min-w-44 flex-1"><span class="etiquette">Nouveau mot de passe</span>
                    <input name="mot_de_passe" type="password" autocomplete="new-password"
                           required class="champ"></label>
                <label class="min-w-44 flex-1"><span class="etiquette">Répéter</span>
                    <input name="mot_de_passe_confirmation" type="password" autocomplete="new-password"
                           required class="champ"></label>
                <button type="submit" class="bouton-secondaire">Changer</button>
                <p class="w-full text-sm text-slate-500">
                    Dix caractères au minimum. Changer le mot de passe coupe aussi les connexions
                    ouvertes avec l'ancien.
                </p>
            </form>
        </section>
    @endforeach

    <section class="carte mt-6">
        <h2 class="mb-3 font-semibold">Créer un compte</h2>
        <form method="POST" action="{{ route('administration.comptes.enregistrer') }}" class="space-y-3">
            @csrf
            <div class="grid gap-3 sm:grid-cols-2">
                <label><span class="etiquette">Nom du compte</span>
                    <input name="name" value="{{ old('name') }}" required class="champ"></label>
                <label><span class="etiquette">Adresse e-mail</span>
                    <input name="email" type="email" value="{{ old('email') }}" required class="champ"></label>
                <label><span class="etiquette">Rôle</span>
                    <select name="role" class="champ">
                        @foreach ($roles as $valeur => $libelle)
                            <option value="{{ $valeur }}" @selected(old('role') === $valeur)>{{ $libelle }}</option>
                        @endforeach
                    </select>
                </label>
                <label><span class="etiquette">Téléphone</span>
                    <input name="telephone" type="tel" value="{{ old('telephone') }}" class="champ"></label>
                <label><span class="etiquette">Mot de passe</span>
                    <input name="mot_de_passe" type="password" autocomplete="new-password"
                           required class="champ"></label>
                <label><span class="etiquette">Répéter le mot de passe</span>
                    <input name="mot_de_passe_confirmation" type="password" autocomplete="new-password"
                           required class="champ"></label>
            </div>

            <fieldset>
                <legend class="etiquette">Pôles d'activité</legend>
                <p class="mb-2 text-sm text-slate-500">
                    Le compte ne verra que les dossiers de ces pôles.
                    @unless ($estAdministrateur)
                        Vous ne pouvez donner que les pôles dont vous faites partie.
                    @endunless
                    Sans choix, il hérite des vôtres.
                </p>
                @foreach ($poles as $pole)
                    <label class="mr-4 mb-2 inline-flex items-center gap-2 text-sm text-slate-700">
                        <input type="checkbox" name="poles[]" value="{{ $pole->id }}"
                               @checked(in_array($pole->id, old('poles', []), false))
                               class="size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                        {{ $pole->nom }}
                    </label>
                @endforeach
            </fieldset>

            <label class="flex items-start gap-2 text-sm text-slate-700">
                <input type="checkbox" name="compte_partage" value="1" @checked(old('compte_partage'))
                       class="mt-0.5 size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                Compte partagé par plusieurs salariés. Leur prénom sera demandé au moment de leurs
                actions, plutôt que rattaché au compte.
            </label>

            <button type="submit" class="bouton-principal w-full sm:w-auto">Créer le compte</button>
        </form>
    </section>
@endsection