{{-- v1.14.0 — la fiche d'un client du cabinet : avancement, pièces et leur vérification, échéance, coordonnées. --}}
@php
    use App\Services\Portail\ValidationPieces;

    $libelles = \App\Support\Domiciliation::typesPiece();
    $prochaine = $ouvertes->first();
    $suivies = $pieces->whereIn('type', \App\Models\ClientDocument::RUBRIQUE_PIECES)->values();
    $aReprendre = ValidationPieces::aReprendre($client, $suivies);
    $resume = ValidationPieces::resume($client, $suivies);
    $onglets = ['resume' => 'Résumé', 'pieces' => 'Pièces', 'echeances' => 'Échéances', 'documents' => 'Documents', 'courrier' => 'Courrier'];
    $nombres = ['documents' => $documents->count() + $factures->count(), 'echeances' => $ouvertes->count(), 'courrier' => $plis->count()];
    $actif = in_array($onglet, ['paiement', 'resiliation'], true) ? null : $onglet;
    $typeChoisi = old('type', $ajouter ?: $aReprendre->first()?->type);
    $remplacer = fn ($doc) => route('portail.cabinet.client', ['client' => $client->id, 'onglet' => 'pieces', 'ajouter' => $doc->type]).'#depot';
    $clos = in_array($client->statut, ['resilie', 'annule'], true);
@endphp
<x-portail.cabinet :titre="$client->raison_sociale" actif="clients">
    <a href="{{ route('portail.cabinet.clients') }}" class="pt-lien pt-retour"><x-portail.icone nom="back" taille="14"/>Mes clients</a>

    <div class="pt-head">
        <div class="pt-fiche-t">
            <span class="pt-avatar lg pt-seul-bureau">{{ \App\Services\Portail\EspaceCabinet::initiales($client->raison_sociale) }}</span>
            <div style="min-width:0">
                <h1 class="pt-h1">{{ $client->raison_sociale }} <span class="pt-chip {{ $puce['ton'] }}">{{ $frise['titre'] ?? $puce['puce'] }}</span></h1>
                <p class="pt-lead">{{ collect([$client->rep_nom, ucfirst((string) \App\Services\Portail\EspaceCabinet::periodicite($client)), $frise ? 'demande du '.$client->created_at?->format('d/m/Y') : ($contrat?->date_debut ? 'contrat du '.$contrat->date_debut->format('d/m/Y') : null)])->filter()->implode(' · ') }}</p>
            </div>
        </div>
        <div class="actions">
            @unless ($clos)
                <details class="pt-menu">
                    <summary class="pt-btn o" aria-label="Autres actions"><x-portail.icone nom="more"/></summary>
                    <div class="pt-menu-l">
                        <a href="{{ route('portail.cabinet.client', ['client' => $client->id, 'onglet' => 'resiliation']) }}">Demander une résiliation</a>
                        <a href="{{ route('portail.cabinet.client', ['client' => $client->id, 'onglet' => 'pieces']) }}#depot">Ajouter une pièce</a>
                    </div>
                </details>
                <a href="{{ route('portail.cabinet.client', ['client' => $client->id, 'onglet' => 'paiement']) }}" class="pt-btn p">Déclarer un paiement</a>
            @endunless
        </div>
    </div>

    @php
        // Les erreurs des formulaires de la fiche se lisent sous leur champ ; les autres, ici.
        $ailleurs = collect($errors->keys())->diff(['rep_email', 'rep_telephone', 'rep_adresse', 'montant', 'date_paiement', 'recu', 'motif', 'lettre', 'type', 'fichier', 'rc', 'rc_ville']);
    @endphp
    @if ($ailleurs->isNotEmpty())
        <div class="pt-alert r" role="alert"><x-portail.icone nom="alert"/><span>{{ $errors->first($ailleurs->first()) }}</span></div>
    @endif

    <nav class="pt-tabs" aria-label="Rubriques du dossier">
        @foreach ($onglets as $cle => $libelle)
            <a href="{{ route('portail.cabinet.client', ['client' => $client->id, 'onglet' => $cle]) }}" @class(['on' => $actif === $cle]) @if ($actif === $cle) aria-current="page" @endif>
                {{ $libelle }}
                @if ($cle === 'pieces' && $aReprendre->isNotEmpty())<span class="pt-chip r">{{ $aReprendre->count() }} refusée{{ $aReprendre->count() > 1 ? 's' : '' }}</span>@elseif (isset($nombres[$cle]))<span>{{ $nombres[$cle] }}</span>@endif
            </a>
        @endforeach
    </nav>

    @switch($onglet)
        @case('paiement')
            <div class="pt-grid-cote">
                <form method="POST" action="{{ route('portail.cabinet.paiement', $client->id) }}" enctype="multipart/form-data" class="large pt-card" style="gap:14px">
                    @csrf
                    <div><h2 class="pt-h3" style="font-size:18px">Déclarer un paiement</h2>
                        <p class="pt-small pt-muted" style="margin:4px 0 0">MOBDIE l'enregistre après rapprochement avec son relevé. La facture reste au nom du client, que le client ou le cabinet ait payé.</p></div>
                    <input type="hidden" name="installment_id" value="{{ $prochaine?->id }}">
                    <div class="pt-grille2">
                        <div class="pt-field">
                            <label for="montant">Montant</label>
                            <div class="pt-prefixe fin"><span>DH</span><input id="montant" name="montant" class="pt-input @error('montant') err @enderror" inputmode="decimal" required value="{{ old('montant', $prochaine ? number_format((float) $prochaine->montant_ttc, 2, '.', '') : (($frise['montant'] ?? null) ? number_format((float) $frise['montant'], 2, '.', '') : '')) }}"></div>
                            @error('montant')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                        </div>
                        <div class="pt-field">
                            <label for="date_paiement">Date du paiement</label>
                            <input id="date_paiement" type="date" name="date_paiement" class="pt-input @error('date_paiement') err @enderror" required max="{{ today()->toDateString() }}" value="{{ old('date_paiement', today()->toDateString()) }}">
                            @error('date_paiement')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                        </div>
                    </div>
                    <fieldset class="pt-field">
                        <legend>Mode</legend>
                        <div class="pt-puces">
                            @foreach (['Virement', 'Versement', 'Chèque', 'Espèces'] as $m)
                                <label class="pt-puce pt-puce-radio"><input type="radio" name="mode" value="{{ $m }}" @checked(old('mode', 'Virement') === $m)>{{ $m }}</label>
                            @endforeach
                        </div>
                    </fieldset>
                    <div class="pt-field"><label for="reference">Référence <span class="opt">· facultatif</span></label><input id="reference" name="reference" class="pt-input" value="{{ old('reference') }}"></div>
                    <label @class(['pt-scan', 'pt-depot', 'err' => $errors->has('recu')])>
                        <span class="pt-ic v lg"><x-portail.icone nom="up"/></span>
                        <span><span class="t">Le reçu (PDF ou photo)</span><span class="d">{{ $errors->first('recu') ?: '10 Mo au plus' }}</span></span>
                        <input type="file" name="recu" accept="application/pdf,image/*,.heic,.heif" required onchange="this.closest('label').querySelector('.t').textContent = this.files[0]?.name || 'Fichier choisi'">
                    </label>
                    <button class="pt-btn p block">Déclarer le paiement</button>
                </form>
                <aside class="cote">
                    <section class="pt-card" style="display:flex;flex-direction:column;gap:6px">
                        <p class="pt-small pt-muted" style="margin:0">À régler</p>
                        <p style="margin:0;font-weight:800;font-size:24px">{{ dh($du['echu']['montant']) }}</p>
                        <p class="pt-small pt-muted" style="margin:0">{{ $du['echu']['nombre'] }} échéance{{ $du['echu']['nombre'] > 1 ? 's' : '' }} échue{{ $du['echu']['nombre'] > 1 ? 's' : '' }} · {{ dh($du['a_venir']['montant']) }} à venir</p>
                    </section>
                    @if ($declares->isNotEmpty())
                        <section class="pt-lines">
                            <div class="pt-card-t"><h2>Déclarés</h2></div>
                            @foreach ($declares as $d)
                                @php $ton = $d->statut === 'encaisse' ? 'g' : ($d->statut === 'refuse' ? 'r' : 'b'); @endphp
                                <div class="pt-line">
                                    <div class="grow"><div class="tt">{{ dh($d->montant) }}</div><div class="dd">Payé le {{ $d->date_paiement->format('d/m/Y') }}{{ $d->motif ? ' · '.$d->motif : '' }}</div></div>
                                    <span class="end court"><span class="pt-chip {{ $ton }}">{{ $d->statut === 'a_encaisser' ? 'En vérification' : \App\Models\PaiementDeclare::statuts()[$d->statut] }}</span></span>
                                </div>
                            @endforeach
                        </section>
                    @endif
                </aside>
            </div>
            @break

        @case('resiliation')
            <form method="POST" action="{{ route('portail.cabinet.resiliation', $client->id) }}" enctype="multipart/form-data" class="pt-card" style="max-width:640px;display:flex;flex-direction:column;gap:14px">
                @csrf
                <div><h2 class="pt-h3" style="font-size:18px">Demander une résiliation</h2>
                    <p class="pt-small pt-muted" style="margin:4px 0 0">La demande arrive chez MOBDIE, qui prononce la résiliation. Rien n'est résilié d'ici.</p></div>
                @foreach ($demandes as $dem)
                    <div class="pt-alert {{ $dem->statut === 'a_traiter' ? 'o' : ($dem->statut === 'refusee' ? 'r' : 'g') }}"><span>Demande du {{ $dem->created_at->format('d/m/Y') }} : {{ ['a_traiter' => 'en cours de traitement', 'traitee' => 'traitée', 'refusee' => 'refusée'][$dem->statut] }}{{ $dem->reponse ? ' — '.$dem->reponse : '' }}</span></div>
                @endforeach
                <div class="pt-field">
                    <label for="motif">Motif</label>
                    <textarea id="motif" name="motif" class="pt-textarea @error('motif') err @enderror" required minlength="5">{{ old('motif') }}</textarea>
                    @error('motif')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                </div>
                <div class="pt-field"><label for="date_souhaitee">Date souhaitée <span class="opt">· facultatif</span></label><input id="date_souhaitee" type="date" name="date_souhaitee" class="pt-input" min="{{ today()->toDateString() }}" value="{{ old('date_souhaitee') }}"></div>
                <label @class(['pt-scan', 'pt-depot', 'err' => $errors->has('lettre')])>
                    <span class="pt-ic v lg"><x-portail.icone nom="up"/></span>
                    <span><span class="t">La lettre du client</span><span class="d">{{ $errors->first('lettre') ?: 'Facultatif · PDF ou photo' }}</span></span>
                    <input type="file" name="lettre" accept="application/pdf,image/*,.heic,.heif" onchange="this.closest('label').querySelector('.t').textContent = this.files[0]?.name || 'Fichier choisi'">
                </label>
                <button class="pt-btn p block">Transmettre la demande</button>
            </form>
            @break

        @case('documents')
            <div class="pt-lines">
                @foreach ($documents as $doc)
                    <div class="pt-line">
                        <span class="pt-ic v"><x-portail.icone nom="doc"/></span>
                        <div class="grow"><div class="tt">{{ $doc->type === 'contrat' ? 'Contrat légalisé' : ($libelles[$doc->type] ?? $doc->libelle) }}</div><div class="dd">{{ $doc->created_at?->format('d/m/Y') }}</div></div>
                        <span class="end court">@include('portail.partiels.sortie', ['url' => $espace->lien('cabinet', 'document', $doc->public_id), 'titre' => $doc->nom_lisible])</span>
                    </div>
                @endforeach
                @foreach ($factures as $facture)
                    <div class="pt-line">
                        <span class="pt-ic {{ $facture->estPayee() ? 'g' : 'v' }}"><x-portail.icone :nom="$facture->estPayee() ? 'check' : 'doc'"/></span>
                        <div class="grow"><div class="tt">Facture {{ $facture->numero }}</div><div class="dd">Au nom de {{ $client->raison_sociale }} · {{ dh($facture->total_ttc) }}{{ $facture->estPayee() ? ' · payée' : '' }}</div></div>
                        <span class="end court">@include('portail.partiels.sortie', ['url' => $espace->lien('cabinet', 'facture', $facture->id), 'titre' => 'Facture '.$facture->numero])</span>
                    </div>
                @endforeach
                @if ($documents->isEmpty() && $factures->isEmpty())
                    <div class="pt-line"><div class="grow"><div class="dd">Aucun document pour le moment.</div></div></div>
                @endif
            </div>
            @break

        @case('echeances')
            <div class="pt-lines">
                @foreach ($ouvertes as $e)
                    @php $echue = $e->date_echeance?->lt(today()); @endphp
                    <div @class(['pt-line', 'alerte' => $echue])>
                        <span class="pt-ic {{ $echue ? 'r' : 'n' }}"><x-portail.icone :nom="$echue ? 'warn' : 'clock'"/></span>
                        <div class="grow"><div class="tt">Échéance du {{ $e->date_echeance?->format('d/m/Y') }}</div><div @class(['dd', 'r' => $echue])>{{ $echue ? 'Échue depuis '.\App\Services\Portail\EspaceCabinet::jours($e->date_echeance).' jours'.($e->nb_relances ? ' · '.$e->nb_relances.' rappel(s) envoyé(s), copie au cabinet' : '') : 'À venir' }}</div></div>
                        <span class="end court"><b>{{ dh($e->montant_ttc) }}</b></span>
                    </div>
                @endforeach
                @foreach ($payees as $e)
                    <div class="pt-line">
                        <span class="pt-ic g"><x-portail.icone nom="check"/></span>
                        <div class="grow"><div class="tt">Échéance du {{ $e->date_echeance?->format('d/m/Y') }}</div><div class="dd">Payée{{ $e->invoice?->numero ? ' · facture '.$e->invoice->numero : '' }}</div></div>
                        <span class="end court pt-muted">{{ dh($e->montant_ttc) }}</span>
                    </div>
                @endforeach
                @if ($ouvertes->isEmpty() && $payees->isEmpty())
                    <div class="pt-line"><div class="grow"><div class="dd">Aucune échéance pour le moment.</div></div></div>
                @endif
            </div>
            @break

        @case('courrier')
            <div class="pt-lines">
                @forelse ($plis as $pli)
                    @php [$etiquette, $ton, $detail] = $espace->etatDuPli($pli); @endphp
                    <div class="pt-line">
                        <span class="pt-ic c"><x-portail.icone nom="mail"/></span>
                        <div class="grow"><div class="tt">{{ $pli->expediteur ?: 'Expéditeur non précisé' }}</div><div class="dd">Arrivé le {{ $pli->date_reception?->format('d/m/Y') }} · {{ \App\Services\Portail\EspaceClient::natureDuPli($pli->nature) }} · {{ $detail }}{{ $pli->scan_envoye_le ? ' · scan envoyé au client par e-mail' : '' }}</div></div>
                        <span class="end court"><span class="pt-chip {{ $ton }}">{{ $etiquette }}</span></span>
                    </div>
                @empty
                    <div class="pt-line"><div class="grow"><div class="dd">Aucun pli reçu.</div></div></div>
                @endforelse
            </div>
            @break

        @case('pieces')
            @foreach ($aReprendre as $refusee)
                <div class="pt-alert r" role="alert">
                    <x-portail.icone nom="alert"/>
                    <div class="grow"><b>{{ ValidationPieces::libelle($refusee) }} : refusée{{ $refusee->verifiee_le ? ' le '.$refusee->verifiee_le->format('d/m/Y') : '' }}.</b><br>Motif : {{ $refusee->motif_refus ?: 'à demander à MOBDIE.' }}</div>
                    <a class="pt-btn p sm" href="{{ $remplacer($refusee) }}">Remplacer</a>
                </div>
            @endforeach
            <div class="pt-grid-cote">
                <div class="large">
                    @include('portail.cabinet._pieces')
                </div>
                @include('portail.partiels.depot-piece', ['action' => route('portail.cabinet.piece', $client->id), 'typeChoisi' => $typeChoisi])
            </div>
            @break

        @default
            <div class="pt-grid-cote">
                <div class="large">
                    @if ($frise)
                        <section class="pt-etat" aria-label="Avancement">
                            <div class="pt-etat-t"><h2 style="font-size:18px">Avancement</h2><span class="pt-chip v">Étape {{ $frise['etape'] }} sur 4</span></div>
                            <ol class="pt-frise">
                                @foreach ($frise['jalons'] as $i => $jalon)
                                    <li class="{{ $jalon['etat'] }}" @if ($jalon['etat'] === 'en') aria-current="step" @endif>
                                        <span class="barre"></span>
                                        <span class="jalon">
                                            <span @class(['pt-dot', 'fait' => $jalon['etat'] === 'fait', 'en' => $jalon['etat'] === 'en', 'a' => $jalon['etat'] === 'a'])>@if ($jalon['etat'] === 'fait')<x-portail.icone nom="check"/>@else{{ $i + 1 }}@endif</span>
                                            <span><b>{{ $jalon['libelle'] }}</b><span>{{ $jalon['detail'] }}</span></span>
                                        </span>
                                    </li>
                                @endforeach
                            </ol>
                        </section>
                    @else
                        <section class="pt-card" aria-label="État" style="display:flex;flex-direction:column;gap:10px">
                            <h2 class="pt-h3" style="font-size:18px">{{ $etat['libelle'] }}{{ $du['echu']['nombre'] > 0 ? ' · '.$du['echu']['nombre'].' échéance'.($du['echu']['nombre'] > 1 ? 's' : '').' à régler' : '' }}</h2>
                            @include('portail.partiels.progression', $progression)
                        </section>
                    @endif
                    @include('portail.cabinet._pieces')
                </div>
                <aside class="cote">
                    @if ($prochaine || ($frise['montant'] ?? null))
                        @php $echue = $prochaine?->date_echeance?->lt(today()); @endphp
                        <section class="pt-card" aria-label="Échéance à régler" style="display:flex;flex-direction:column;gap:8px">
                            <h2 class="pt-h3">{{ $echue ? 'Échéance échue' : 'Échéance à régler' }}</h2>
                            <div style="display:flex;justify-content:space-between;align-items:baseline;gap:10px">
                                <span class="pt-muted">{{ $prochaine ? 'Échéance du '.$prochaine->date_echeance?->format('d/m/Y') : 'Première période, au devis' }}</span>
                                <b style="font-size:18px">{{ dh($prochaine ? $prochaine->montant_ttc : $frise['montant']) }}</b>
                            </div>
                            @if ($prochaine)<p @class(['pt-small', 'pt-r' => $echue, 'pt-muted' => ! $echue]) style="margin:0">{{ $echue ? 'Échue depuis '.\App\Services\Portail\EspaceCabinet::jours($prochaine->date_echeance).' jours' : 'Due le '.$prochaine->date_echeance?->format('d/m/Y') }}</p>@endif
                            @unless ($clos)<a href="{{ route('portail.cabinet.client', ['client' => $client->id, 'onglet' => 'paiement']) }}" class="pt-btn o block">Déclarer un paiement</a>@endunless
                        </section>
                    @endif
                    <form method="POST" action="{{ route('portail.cabinet.coordonnees', $client->id) }}" class="pt-card" style="display:flex;flex-direction:column;gap:14px" novalidate>
                        @csrf
                        <div><h2 class="pt-h3">Coordonnées du client</h2><p class="pt-small pt-muted" style="margin:4px 0 0">Un ajout passe directement ; une modification est validée par MOBDIE.</p></div>
                        @foreach (['rep_email' => ['E-mail du gérant', 'email', 'nom@exemple.ma'], 'rep_telephone' => ['Téléphone du gérant', 'tel', '06 61 23 45 67'], 'rep_adresse' => ['Adresse personnelle du gérant', 'text', '12, rue Ibn Sina, Agdal, Rabat']] as $champ => [$libelle, $type, $exemple])
                            <div class="pt-field">
                                <label for="{{ $champ }}">{{ $libelle }}</label>
                                <input id="{{ $champ }}" name="{{ $champ }}" type="{{ $type }}" @class(['pt-input', 'err' => $errors->has($champ)]) placeholder="{{ $exemple }}" value="{{ old($champ, $client->getAttribute($champ)) }}" @error($champ) aria-invalid="true" @enderror>
                                @error($champ)<p class="pt-msg err"><x-portail.icone nom="alert"/><span>{{ $message }}</span></p>@enderror
                                @if (isset($enAttente[$champ]))<p class="pt-msg warn"><x-portail.icone nom="clock"/><span>À valider par MOBDIE : {{ $enAttente[$champ] }}</span></p>@endif
                                @if ($champ === 'rep_adresse')<p class="pt-hint">Jamais celle du cabinet, jamais celle de MOBDIE.</p>@endif
                            </div>
                        @endforeach
                        <button class="pt-btn o" style="align-self:flex-start">Enregistrer</button>
                    </form>
                </aside>
            </div>
    @endswitch
</x-portail.cabinet>