{{--
    v1.14.0 — l'espace client : le menu fixe à gauche sur ordinateur (le vrai
    logo, le dossier, cinq rubriques), les onglets en bas sur téléphone.
--}}
@props(['titre' => null, 'actif' => 'accueil'])
@php
    $acces = \App\Support\Portail::acces();
    $espaceClient = app(\App\Services\Portail\EspaceClient::class);
    $dossierCourant = $acces ? $espaceClient->dossierCourant($acces) : null;
    $dossiersVisibles = $acces ? $acces->clientsVisibles()->orderBy('raison_sociale')->get(['domiciliation_clients.id', 'raison_sociale']) : collect();
    $aReprendre = $dossierCourant ? \App\Services\Portail\ValidationPieces::aReprendre($dossierCourant)->count() : 0;
    $contratCourant = $dossierCourant ? $espaceClient->contrat($dossierCourant) : null;
    $versionAAccepter = $dossierCourant && \App\Models\VersionOffre::where('client_id', $dossierCourant->id)->where('statut', 'envoyee')->exists();
    $nomAcces = $dossierCourant?->rep_prenom ? trim($dossierCourant->rep_prenom.' '.$dossierCourant->rep_nom_famille) : ($acces?->nom ?: $acces?->email);
    $onglets = [
        'accueil' => ['Accueil', 'home', 'portail.client.accueil'],
        'documents' => ['Documents', 'folder', 'portail.client.documents'],
        // v1.15.0 — le contrat et ses versions (menu de l'ordinateur).
        'contrat' => ['Contrat', 'doc', 'portail.client.contrat'],
        'paiements' => ['Paiements', 'card', 'portail.client.paiements'],
        'courrier' => ['Courrier', 'mail', 'portail.client.courrier'],
        // v1.15.0 — les demandes (menu de l'ordinateur ; boutons de l'accueil sur téléphone).
        'demandes' => ['Demandes', 'plus', 'portail.client.demandes'],
        'profil' => ['Profil', 'user', 'portail.client.profil'],
    ];
@endphp
<x-portail.page :titre="$titre">
    <div class="pt-shell">
        <aside class="pt-side" aria-label="Espace client">
            <a href="{{ route('portail.client.accueil') }}" aria-label="Accueil de mon espace"><x-portail.logo/></a>
            @if ($dossierCourant)
                <div class="pt-side-dossier">
                    <b>{{ $dossierCourant->raison_sociale }}</b>
                    <span>{{ collect([$contratCourant?->reference ? 'Contrat '.$contratCourant->reference : null, \App\Services\Portail\EspaceCabinet::periodicite($dossierCourant)])->filter()->implode(' · ') ?: 'Votre dossier' }}</span>
                    @if ($dossiersVisibles->count() > 1)
                        <form method="POST" action="{{ route('portail.client.dossier') }}">
                            @csrf
                            <label class="pt-sr" for="dossier-menu">Changer de société</label>
                            <select id="dossier-menu" name="dossier" onchange="this.form.submit()">
                                @foreach ($dossiersVisibles as $d)
                                    <option value="{{ $d->id }}" @selected($d->id === $dossierCourant->id)>{{ $d->raison_sociale }}</option>
                                @endforeach
                            </select>
                        </form>
                    @endif
                </div>
            @endif
            <nav class="pt-nav" aria-label="Rubriques">
                @foreach ($onglets 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 }}
                        @if ($cle === 'documents' && $aReprendre > 0)<span class="pt-compte" aria-label="{{ $aReprendre }} pièce(s) à remplacer">{{ $aReprendre }}</span>@endif
                        @if ($cle === 'contrat' && $versionAAccepter)<span class="pt-compte" aria-label="Une version à accepter">1</span>@endif
                    </a>
                @endforeach
            </nav>
            <div class="pt-side-pied">
                <span class="pt-avatar">{{ \App\Services\Portail\EspaceClient::initiales($nomAcces, personne: true) }}</span>
                <div class="grow"><b>{{ $nomAcces }}</b><span>{{ $acces?->email }}</span></div>
                <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">{{ $dossierCourant?->raison_sociale ?? 'Mon espace' }}</span>
            <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">
                @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">
            {{-- Cinq onglets sur téléphone : le contrat et les demandes s'ouvrent depuis l'accueil. --}}
            @foreach (\Illuminate\Support\Arr::only($onglets, ['accueil', 'documents', 'paiements', 'courrier', 'profil']) 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" taille="22"/>{{ $libelle }}
                    @if ($cle === 'documents' && $aReprendre > 0)<span class="pt-pastille">{{ $aReprendre }}</span>@endif
                </a>
            @endforeach
        </nav>
    </div>
</x-portail.page>