{{-- v1.14.0 — l'accueil du cabinet : quatre chiffres, puis « À faire », une ligne par geste. v1.16.0 §D2 — « Primes à recevoir », la dernière visite, et « Quoi de neuf depuis votre dernière visite ». --}}
@php
    $prenom = \App\Services\Primes\EnvoiReleveCabinet::prenom($acces->nom) ?: $acces->email;
    $visite = $acces->visite_precedente_at;
    $abonne = $recapAllume && $acces->recap_hebdo;
@endphp
<x-portail.cabinet titre="Accueil" actif="accueil">
    <div class="pt-head">
        <div>
            <h1 class="pt-h1">Bonjour {{ $prenom }}</h1>
            <p class="pt-lead">Votre portefeuille chez MOBDIE, à jour.@if ($visite) Dernière visite : {{ $visite->translatedFormat('l j F') }}.@endif</p>
        </div>
        <div class="actions pt-seul-bureau">
            <a href="{{ route('portail.cabinet.lien') }}" class="pt-btn o">Lien client</a>
            <a href="{{ route('portail.cabinet.nouveau') }}" class="pt-btn p"><x-portail.icone nom="plus"/>Nouveau client</a>
        </div>
    </div>

    <div class="pt-kpis">
        <a class="pt-kpi" href="{{ route('portail.cabinet.clients', ['onglet' => 'actifs']) }}"><div class="k">Clients actifs</div><div class="v">{{ $kpi['actifs'] }}</div><div class="s">+ {{ $kpi['en_cours'] }} en cours</div></a>
        <a class="pt-kpi" href="{{ route('portail.cabinet.clients', ['onglet' => 'a_regler']) }}"><div class="k">À régler par vos clients</div><div class="v">{{ dh($kpi['a_regler'], 0) }}</div><div @class(['s', 'r' => $kpi['echeances_en_retard'] > 0])>{{ $kpi['echeances_en_retard'] }} échéance{{ $kpi['echeances_en_retard'] > 1 ? 's' : '' }} en retard</div></a>
        <a class="pt-kpi" href="{{ route('portail.cabinet.primes', ['periode' => 'mois_dernier']) }}"><div class="k">Primes à recevoir</div><div class="v">{{ dh($kpi['primes_a_recevoir'], 0) }}</div><div class="s">{{ $kpi['primes_clients'] }} client{{ $kpi['primes_clients'] > 1 ? 's' : '' }} · relevé du mois prêt</div></a>
        <a class="pt-kpi" href="{{ route('portail.cabinet.courrier') }}"><div class="k">Courrier à retirer</div><div class="v">{{ $kpi['courrier'] }}</div><div class="s">pour {{ $kpi['courrier_clients'] }} client{{ $kpi['courrier_clients'] > 1 ? 's' : '' }}</div></a>
    </div>

    <section class="pt-lines" aria-label="À faire">
        <div class="pt-card-t"><h2>À faire</h2>@if ($taches->isNotEmpty())<span class="pt-chip {{ $taches->contains('ton', 'r') ? 'r' : 'o' }}">{{ $taches->count() }}</span>@endif</div>
        @forelse ($taches as $t)
            @php $icone = $t['puce'] === 'Pièce refusée' ? 'refuse' : $t['icone']; @endphp
            <div @class(['pt-line', 'alerte' => $t['ton'] === 'r'])>
                <span class="pt-ic {{ $t['ton'] }}"><x-portail.icone :nom="$icone"/></span>
                <div class="grow">
                    <div class="tt">{{ $t['client']->raison_sociale }}</div>
                    <div @class(['dd', 'r' => $t['ton'] === 'r'])>{{ $t['detail'] }}</div>
                </div>
                <span class="end">
                    <span class="pt-chip {{ $t['ton'] }} pt-seul-bureau">{{ $t['puce'] }}</span>
                    <a href="{{ $t['lien'] }}" class="pt-btn {{ $t['ton'] === 'r' ? 'p' : 'o' }} sm act">{{ $t['geste'] }}</a>
                </span>
            </div>
        @empty
            <div class="pt-line"><span class="pt-ic g"><x-portail.icone nom="check"/></span><div class="grow"><div class="tt">Rien à faire pour le moment</div><div class="dd">Vos clients sont à jour.</div></div></div>
        @endforelse
    </section>

    <section class="pt-lines" aria-label="Quoi de neuf depuis votre dernière visite">
        <div class="pt-card-t">
            <h2>Quoi de neuf depuis votre dernière visite @if ($nouveautes->isNotEmpty())<span class="pt-chip v">{{ $nouveautes->count() }}</span>@endif</h2>
            <a href="{{ route('portail.cabinet.historique') }}">Tout l'historique</a>
        </div>
        @forelse ($nouveautes->take(8) as $e)
            <div class="pt-line">
                <span class="pt-ic {{ $e['ton'] }}"><x-portail.icone :nom="$e['icone']"/></span>
                <div class="grow">
                    <div class="tt">{{ $e['titre'] }}</div>
                    <div @class(['dd', 'r' => $e['ton'] === 'r'])>{{ $e['texte'] }}</div>
                </div>
                <span class="end">
                    <span class="pt-small pt-muted">{{ \App\Services\Portail\FilDuCabinet::quand($e['date']) }}</span>
                    <a href="{{ $e['lien'] }}" class="pt-btn o sm act">{{ $e['geste'] }}</a>
                </span>
            </div>
        @empty
            <div class="pt-line"><span class="pt-ic n"><x-portail.icone nom="clock"/></span><div class="grow"><div class="tt">Rien de nouveau</div><div class="dd">{{ $visite ? 'depuis votre visite du '.$visite->format('d/m') : 'ces trente derniers jours' }}.</div></div></div>
        @endforelse
    </section>
    <p class="pt-hint" style="margin:0">{{ $abonne ? 'Les nouveautés se lisent ici et dans l\'e-mail du lundi. Elles restent dans l\'historique.' : 'Les nouveautés se lisent ici. Elles restent dans l\'historique.' }}</p>
</x-portail.cabinet>