{{--
    v1.14.0 — l'espace des cabinets : le menu fixe à gauche sur ordinateur (le
    vrai logo, « Espace partenaires », le cabinet), les onglets en bas sur
    téléphone, « Nouveau client » au centre.
    v1.16.0 §D1, §D6 — « Primes » ; le menu de la personne connectée porte
    l'interrupteur « E-mail du lundi » (seulement quand l'envoi est allumé) ;
    sur téléphone : Accueil, Clients, +, Primes, Plus.
--}}
@props(['titre' => null, 'actif' => 'accueil'])
@php
    $acces = \App\Support\Portail::acces();
    $cabinet = $acces?->apporteur;
    $nbCollaborateurs = $cabinet ? \App\Models\AccesPortail::where('apporteur_id', $cabinet->id)->where('type', 'cabinet')->where('actif', true)->count() : 0;
    $menu = [
        'accueil' => ['Accueil', 'home', 'portail.cabinet.accueil'],
        'clients' => ['Mes clients', 'users', 'portail.cabinet.clients'],
        'nouveau' => ['Nouveau client', 'plus', 'portail.cabinet.nouveau'],
        'lien' => ['Lien client', 'link', 'portail.cabinet.lien'],
        'primes' => ['Primes', 'coins', 'portail.cabinet.primes'],
        'courrier' => ['Courrier de mes clients', 'mail', 'portail.cabinet.courrier'],
    ];
    $onglets = [
        'accueil' => ['Accueil', 'home', 'portail.cabinet.accueil'],
        'clients' => ['Clients', 'users', 'portail.cabinet.clients'],
        'nouveau' => ['Nouveau', 'plus', 'portail.cabinet.nouveau'],
        'primes' => ['Primes', 'coins', 'portail.cabinet.primes'],
    ];
    $recapAllume = (bool) setting('portail.recap_cabinets', false);
@endphp
<x-portail.page :titre="$titre">
    <div class="pt-shell">
        <aside class="pt-side" aria-label="Espace des cabinets">
            <div class="pt-side-marque">
                <a href="{{ route('portail.cabinet.accueil') }}" aria-label="Accueil de l'espace"><x-portail.logo/></a>
                <span class="pt-chip v" style="align-self:flex-start;margin-left:6px">Espace partenaires</span>
            </div>
            @if ($cabinet)
                <div class="pt-side-dossier">
                    <b>{{ $cabinet->raison_sociale }}</b>
                    <span>{{ $cabinet->type_label }} · {{ $nbCollaborateurs }} collaborateur{{ $nbCollaborateurs > 1 ? 's' : '' }}</span>
                </div>
            @endif
            <nav class="pt-nav" aria-label="Rubriques">
                @foreach ($menu as $cle => [$libelle, $icone, $route])
                    <a href="{{ route($route) }}" @class(['on' => $actif === $cle]) @if ($actif === $cle) aria-current="page" @endif><x-portail.icone :nom="$icone"/>{{ $libelle }}</a>
                @endforeach
            </nav>
            <div class="pt-side-pied">
                <span class="pt-avatar">{{ \App\Services\Portail\EspaceCabinet::initiales($acces?->nom ?: $cabinet?->raison_sociale) }}</span>
                <div class="grow"><b>{{ $acces?->nom ?: $cabinet?->raison_sociale }}</b><span>{{ $acces?->email }}</span></div>
                @if ($recapAllume && $acces)
                    <details class="pt-menu-personne">
                        <summary aria-label="Mes réglages" title="Mes réglages"><x-portail.icone nom="more"/></summary>
                        <div class="pt-menu-volet">
                            @include('portail.cabinet._recap-interrupteur', ['acces' => $acces])
                        </div>
                    </details>
                @endif
                <form method="POST" action="{{ route('portail.deconnexion') }}">
                    @csrf
                    <button aria-label="Se déconnecter" title="Se déconnecter"><x-portail.icone nom="out"/></button>
                </form>
            </div>
        </aside>

        <header class="pt-mtop">
            <x-portail.logo variante="sigle"/>
            <span class="grow">{{ $titre ?? 'Espace partenaires' }}</span>
            <a href="{{ route('portail.cabinet.lien') }}" class="pt-back" aria-label="Lien client" title="Lien client"><x-portail.icone nom="link"/></a>
            <form method="POST" action="{{ route('portail.deconnexion') }}">
                @csrf
                <button class="pt-back" aria-label="Se déconnecter" title="Se déconnecter"><x-portail.icone nom="out"/></button>
            </form>
        </header>

        <main class="pt-main">
            <div class="pt-inner large">
                @if (session('portail_ok'))
                    <div class="pt-alert g" role="status"><x-portail.icone nom="check"/><span>{{ session('portail_ok') }}</span></div>
                @endif
                @if (session('portail_erreur'))
                    <div class="pt-alert r" role="alert"><x-portail.icone nom="warn"/><span>{{ session('portail_erreur') }}</span></div>
                @endif
                {{ $slot }}
            </div>
        </main>

        <nav class="pt-tabbar" aria-label="Rubriques">
            @foreach ($onglets as $cle => [$libelle, $icone, $route])
                @if ($cle === 'nouveau')
                    <a href="{{ route($route) }}" class="plus" aria-label="Nouveau client" @if ($actif === $cle) aria-current="page" @endif><span class="pt-plus"><x-portail.icone nom="plus" taille="22"/></span></a>
                @else
                    <a href="{{ route($route) }}" @class(['on' => $actif === $cle]) @if ($actif === $cle) aria-current="page" @endif><x-portail.icone :nom="$icone" taille="22"/>{{ $libelle }}</a>
                @endif
            @endforeach
            <details class="pt-plus-menu">
                <summary @class(['on' => in_array($actif, ['lien', 'courrier'], true)])><x-portail.icone nom="more" taille="22"/>Plus</summary>
                <div class="pt-plus-volet" role="menu">
                    <a href="{{ route('portail.cabinet.lien') }}" role="menuitem"><x-portail.icone nom="link"/>Lien client</a>
                    <a href="{{ route('portail.cabinet.courrier') }}" role="menuitem"><x-portail.icone nom="mail"/>Courrier de mes clients</a>
                    @if ($recapAllume && $acces)
                        @include('portail.cabinet._recap-interrupteur', ['acces' => $acces])
                    @endif
                    <form method="POST" action="{{ route('portail.deconnexion') }}">
                        @csrf
                        <button type="submit" role="menuitem"><x-portail.icone nom="out"/>Déconnexion</button>
                    </form>
                </div>
            </details>
        </nav>
    </div>
</x-portail.page>