{{-- v1.14.0 — les clients du cabinet : chiffres, filtres en puces (dont « Pièces à reprendre »), une ligne par dossier avec un seul geste. --}}
@php
    $filtres = ['tous' => 'Tous', 'en_cours' => 'En cours', 'pieces' => 'Pièces à reprendre', 'a_regler' => 'À régler', 'actifs' => 'Actifs', 'termines' => 'Terminés'];
@endphp
<x-portail.cabinet titre="Mes clients" actif="clients">
    <div class="pt-head">
        <div>
            <h1 class="pt-h1">Mes clients</h1>
            <p class="pt-lead">{{ $comptes['tous'] }} dossier{{ $comptes['tous'] > 1 ? 's' : '' }} apporté{{ $comptes['tous'] > 1 ? 's' : '' }} par votre cabinet</p>
        </div>
        <div class="actions">
            {{-- v1.16.0 §A2.5 — le moteur de MOBDIE, sur vos seuls clients : suggestions dès 3 lettres, Entrée filtre la liste. --}}
            <form method="GET" action="{{ route('portail.cabinet.clients') }}" class="pt-recherche" role="search" data-suggestions="{{ route('portail.cabinet.clients.suggestions') }}">
                <input type="hidden" name="onglet" value="{{ $onglet }}">
                <x-portail.icone nom="search"/>
                <label for="q" class="pt-sr">Rechercher un client</label>
                <input id="q" type="search" name="q" value="{{ $q }}" class="pt-input" placeholder="Société, gérant, associé, CIN…" autocomplete="off" aria-controls="pt-suggestions" aria-expanded="false">
                <div id="pt-suggestions" class="pt-suggestions" role="listbox" hidden></div>
            </form>
            {{-- v1.16.0 §D3 — tous les clients du cabinet, en Excel (lien signé, geste de sortie unique). --}}
            <button type="button" class="pt-btn o pt-seul-bureau" onclick="{{ \App\Support\SortieDocument::gestionnaire($export, 'Mes clients.xlsx') }}"><x-portail.icone nom="down"/>Exporter (Excel)</button>
            <a href="{{ route('portail.cabinet.nouveau') }}" class="pt-btn p pt-seul-bureau"><x-portail.icone nom="plus"/>Nouveau client</a>
        </div>
    </div>

    <div class="pt-kpis">
        <div class="pt-kpi"><div class="k">Clients actifs</div><div class="v">{{ $kpi['actifs'] }}</div><div class="s">+ {{ $kpi['en_cours'] }} en cours</div></div>
        <div class="pt-kpi"><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></div>
        <div class="pt-kpi"><div class="k">Pièces à reprendre</div><div class="v">{{ $comptes['pieces'] }}</div><div class="s">{{ $comptes['pieces'] > 0 ? 'refusées par MOBDIE' : 'aucune pièce refusée' }}</div></div>
        <a class="pt-kpi" href="{{ route('portail.cabinet.primes') }}"><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' : '' }}</div></a>
    </div>

    <nav class="pt-puces defile" aria-label="Filtres">
        @foreach ($filtres as $cle => $libelle)
            <a href="{{ route('portail.cabinet.clients', ['onglet' => $cle, 'q' => $q ?: null]) }}" @class(['pt-puce', 'on' => $onglet === $cle, 'alerte' => $cle === 'pieces' && $comptes['pieces'] > 0]) @if ($onglet === $cle) aria-current="page" @endif>{{ $libelle }}<span class="n">{{ $comptes[$cle] }}</span></a>
        @endforeach
    </nav>

    @if ($resultat)
        <p class="pt-small" style="margin:0"><b>{{ $resultat->resume() }}</b>@if ($resultat->correction()) <span class="pt-muted"><i>{{ $resultat->correction() }}</i></span>@endif</p>
    @endif

    @if ($clients->isEmpty())
        <div class="pt-card vide">
            <span class="pt-ic v lg"><x-portail.icone nom="users"/></span>
            <b>{{ $q !== '' ? 'Aucun client ne correspond à « '.$q.' »' : 'Aucun client ici' }}</b>
            <span class="pt-small pt-muted">{{ $onglet === 'pieces' ? 'Aucune pièce refusée à reprendre : tout est en ordre.' : 'Ajoutez un client, ou envoyez-lui votre lien.' }}</span>
        </div>
    @else
        <div class="pt-lines pt-tableau" role="table" aria-label="Clients">
            <div class="pt-line entete" role="row"><span role="columnheader">Client</span><span role="columnheader">Étape</span><span role="columnheader">Pièces</span><span role="columnheader">À régler</span><span></span></div>
            @foreach ($clients as $client)
                @php
                    $prog = $cabinet->progression($client);
                    $pg = $cabinet->puceEtGeste($client);
                    $pieces = $cabinet->pieces($client);
                    $du = $cabinet->aRegler($client);
                    $lien = route('portail.cabinet.client', ['client' => $client->id, 'onglet' => $pg['onglet']]);
                    $geste = match ($pg['onglet']) { 'pieces' => $pg['puce'] === 'Pièce refusée' ? 'Remplacer la pièce' : 'Ajouter la pièce', default => $pg['geste'] };
                @endphp
                <div class="pt-line" role="row">
                    <div class="qui" role="cell">
                        <span class="pt-avatar">{{ \App\Services\Portail\EspaceCabinet::initiales($client->raison_sociale) }}</span>
                        <div><a href="{{ route('portail.cabinet.client', $client->id) }}">{{ $client->raison_sociale }}</a><div class="pt-small pt-muted">{{ collect([$client->rep_nom, ucfirst((string) \App\Services\Portail\EspaceCabinet::periodicite($client))])->filter()->implode(' · ') }}</div>@if ($t = $resultat?->pour($client->id))<span @class(['pt-pourquoi', 'approche' => collect($t->pourquoi)->contains(fn ($p) => $p['approche'])])>{{ $t->html(avecRaisonSociale: true) }}</span>@endif</div>
                    </div>
                    <div role="cell">@include('portail.partiels.progression', $prog + ['bloc' => true])</div>
                    <div role="cell"><span class="pt-chip {{ $pieces['ton'] }}">{{ $pieces['libelle'] }}</span></div>
                    <div role="cell">
                        @if ($du['montant'] !== null)<b>{{ dh($du['montant']) }}</b>@endif
                        <div @class(['pt-small', 'pt-muted' => $du['ton'] === '', 'pt-r' => $du['ton'] === 'r', 'pt-g' => $du['ton'] === 'g'])>{{ $du['detail'] }}</div>
                    </div>
                    <div role="cell"><a href="{{ $lien }}" class="pt-btn {{ in_array($pg['ton'], ['r'], true) || $geste === 'Ajouter la pièce' ? 'p' : 'o' }} sm">{{ $geste }}</a></div>
                </div>
                <a href="{{ $lien }}" class="pt-ligne-m">
                    <span class="pt-avatar">{{ \App\Services\Portail\EspaceCabinet::initiales($client->raison_sociale) }}</span>
                    <span class="grow">
                        <b>{{ $client->raison_sociale }}</b>
                        <span class="etat"><span class="pt-chip {{ $pg['ton'] }}">{{ $pg['puce'] }}</span><span>{{ str_contains($pg['puce'], 'à régler') ? $du['detail'] : ($du['montant'] !== null ? dh($du['montant']).' · '.$du['detail'] : $prog['libelle']) }}</span></span>
                    </span>
                    <x-portail.icone nom="chevron" class="chev"/>
                </a>
            @endforeach
        </div>
        <div>{{ $clients->links('portail.partiels.pagination') }}</div>
    @endif
    <button type="button" class="pt-btn o block pt-seul-mobile" onclick="{{ \App\Support\SortieDocument::gestionnaire($export, 'Mes clients.xlsx') }}"><x-portail.icone nom="down"/>Exporter mes clients (Excel)</button>
    <p class="pt-hint" style="margin:0">Les 4 étapes, les mêmes que chez MOBDIE : demande reçue, appel, paiement, contrat légalisé. « Exporter (Excel) » : vos {{ $comptes['tous'] }} clients avec leur étape, leurs pièces, ce qui reste à régler et la prime de chacun.</p>
    @include('portail.cabinet._suggestions')
</x-portail.cabinet>