{{-- v1.14.0 — l'accueil du client : où en est sa domiciliation, ce qu'il a à faire, son courrier, ses documents, son adresse. --}}
@php
    $prenom = $client->rep_prenom ?: \Illuminate\Support\Str::of($client->rep_nom ?: $acces->nom)->explode(' ')->first();
    $icones = ['rc' => 'doc', 'recepisse' => 'doc', 'echeance' => 'card', 'offre' => 'doc'];
    $siege = setting('societe.siege');
@endphp
<x-portail.client titre="Mon espace" actif="accueil">
    <div class="pt-head">
        <div>
            <h1 class="pt-h1">Bonjour {{ $prenom }}</h1>
            <p class="pt-lead">{{ $client->raison_sociale }}{{ $frise ? ' · demande du '.$client->created_at?->format('d/m/Y') : ($contrat?->reference ? ' · contrat '.$contrat->reference : '') }}</p>
        </div>
        {{-- v1.15.0 §D5 — une demande à MOBDIE, suivie par e-mail. --}}
        <div style="display:flex;gap:8px;flex-wrap:wrap">
            <a class="pt-btn o sm" href="{{ route('portail.client.contrat') }}"><x-portail.icone nom="doc"/>Mon contrat</a>
            <a class="pt-btn p sm" href="{{ route('portail.client.demandes') }}#nouvelle"><x-portail.icone nom="plus"/>Faire une demande</a>
        </div>
    </div>

    <section class="pt-etat" aria-label="Votre domiciliation">
        <div class="pt-etat-t">
            <div>
                <p class="pt-eyebrow">Votre domiciliation</p>
                <h2>{{ $frise['titre'] ?? $etat['libelle'] }}</h2>
            </div>
            @if ($frise)
                <span class="pt-chip v">Étape {{ $frise['etape'] }} sur 4</span>
            @else
                <span class="pt-chip {{ $etat['ton'] === 'v' ? 'v' : $etat['ton'] }}">{{ ['g' => 'À jour', 'o' => 'À régler', 'n' => 'Clos', 'v' => 'En cours'][$etat['ton']] ?? '' }}</span>
            @endif
        </div>

        @if ($frise)
            <ol class="pt-frise" aria-label="Les étapes de votre demande">
                @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>
            <div class="pt-prochaine">
                <div class="grow">
                    <b>{{ $frise['prochaine']['titre'] }}</b>
                    <span>{{ $frise['prochaine']['texte'] }}</span>
                </div>
                @if ($frise['prochaine']['payer'])
                    <a class="pt-btn o sm" href="{{ route('portail.client.paiements', ['comment' => 1]) }}#comment">Coordonnées bancaires</a>
                    <a class="pt-btn p sm" href="{{ route('portail.client.paiements') }}#recu"><x-portail.icone nom="up"/>J'ai payé : déposer mon reçu</a>
                @endif
            </div>
        @else
            <div class="pt-recaps-etat">
                @if ($contrat?->date_debut)
                    <div><span>Contrat</span><b>Depuis le {{ $contrat->date_debut->format('d/m/Y') }}</b></div>
                @endif
                @if ($prochaine?->date_echeance)
                    <div><span>Prochaine échéance</span><b>{{ $prochaine->date_echeance->format('d/m/Y') }} · {{ dh($prochaine->montant_ttc) }}</b></div>
                @endif
                @if (\App\Services\Portail\EspaceCabinet::periodicite($client))
                    <div><span>Formule</span><b>{{ ucfirst(\App\Services\Portail\EspaceCabinet::periodicite($client)) }}</b></div>
                @endif
            </div>
        @endif
    </section>

    @if ($dossiers->count() > 1)
        <form method="POST" action="{{ route('portail.client.dossier') }}" class="pt-field pt-seul-mobile">
            @csrf
            <label for="dossier">Société</label>
            <select id="dossier" name="dossier" class="pt-select pt-input" onchange="this.form.submit()">
                @foreach ($dossiers as $d)
                    <option value="{{ $d->id }}" @selected($d->id === $client->id)>{{ $d->raison_sociale }}</option>
                @endforeach
            </select>
        </form>
    @endif

    <div class="pt-grid-cote">
        <div class="large">
            @if ($taches !== [])
                <section class="pt-lines" aria-label="À faire">
                    <div class="pt-card-t"><h2>À faire</h2><span class="pt-chip r">{{ count($taches) }}</span></div>
                    @foreach ($taches as $t)
                        @php $icone = str_starts_with($t['cle'], 'piece_') ? 'refuse' : ($icones[$t['cle']] ?? 'warn'); @endphp
                        <div @class(['pt-line', 'alerte' => $t['ton'] === 'r', 'attention' => $t['ton'] === 'o'])>
                            <span class="pt-ic {{ $t['ton'] === 'r' ? 'r' : 'o' }}"><x-portail.icone :nom="$icone"/></span>
                            <div class="grow">
                                <div class="tt">{{ $t['titre'] }}</div>
                                <div class="dd {{ $t['ton'] === 'r' ? 'r' : 'o' }}">{{ $t['detail'] }}</div>
                            </div>
                            @if ($t['action'] && $t['lien'])
                                <span class="end court"><a class="pt-btn {{ $t['ton'] === 'r' ? 'p' : 'o' }} sm" href="{{ $t['lien'] }}">{{ $t['action'] }}</a></span>
                            @endif
                        </div>
                    @endforeach
                </section>
            @endif

            <section class="pt-lines" aria-label="Derniers documents">
                <div class="pt-card-t"><h2>Derniers documents</h2><a href="{{ route('portail.client.documents') }}">Tout voir</a></div>
                @forelse ($documents as $doc)
                    <div class="pt-line">
                        <span class="pt-ic v"><x-portail.icone nom="doc"/></span>
                        <div class="grow">
                            <div class="tt">{{ \App\Support\Domiciliation::typesPiece()[$doc->type] ?? $doc->libelle }}</div>
                            <div class="dd">{{ $doc->created_at?->format('d/m/Y') }} · {{ strtoupper(pathinfo($doc->path, PATHINFO_EXTENSION)) ?: 'PDF' }}</div>
                        </div>
                        <span class="end court">@include('portail.partiels.sortie', ['url' => $espace->lien('client', 'document', $doc->public_id), 'titre' => $doc->nom_lisible])</span>
                    </div>
                @empty
                    <div class="pt-line"><div class="grow"><div class="dd">Vos documents arriveront ici : contrat, attestation, factures.</div></div></div>
                @endforelse
            </section>
        </div>

        <div class="cote">
            <section class="pt-card" aria-label="Courrier reçu" style="display:flex;flex-direction:column;gap:12px">
                <div style="display:flex;justify-content:space-between;align-items:center"><h2 class="pt-h3">Courrier reçu</h2>@if ($plis->isNotEmpty())<a class="pt-lien" href="{{ route('portail.client.courrier') }}">Tout voir</a>@endif</div>
                @forelse ($plis as $pli)
                    @php [$etiquette, $ton, $detail] = $espace->etatDuPli($pli); @endphp
                    <div style="display:flex;gap:10px;align-items:center">
                        <span class="pt-ic c"><x-portail.icone nom="mail"/></span>
                        <div style="flex:1 1 auto;min-width:0">
                            <div style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ $pli->expediteur ?: 'Expéditeur non précisé' }}</div>
                            <div class="pt-small pt-muted">Arrivé le {{ $pli->date_reception?->format('d/m') }} · {{ \App\Services\Portail\EspaceClient::natureDuPli($pli->nature) }}</div>
                        </div>
                        <span class="pt-chip {{ $ton }}">{{ $etiquette }}</span>
                    </div>
                @empty
                    <div class="pt-card vide" style="padding:8px 0">
                        <span class="pt-ic v lg"><x-portail.icone nom="mail"/></span>
                        <b>Aucun pli pour le moment</b>
                        <span class="pt-small pt-muted">Dès qu'un courrier arrive à votre nom, vous recevez un e-mail et il s'affiche ici.</span>
                    </div>
                @endforelse
            </section>

            @if ($siege)
                <section class="pt-card" aria-label="Votre adresse de siège" style="display:flex;flex-direction:column;gap:8px">
                    <h2 class="pt-h3">Votre adresse de siège</h2>
                    <p class="pt-small" id="adresse-siege" style="margin:0"><b>{{ $client->raison_sociale }}</b><br>{{ $siege }}</p>
                    <p class="pt-small pt-muted" style="margin:0">À porter sur vos documents dès que le contrat est légalisé.</p>
                    <button type="button" class="pt-btn o sm" style="align-self:flex-start"
                        onclick="navigator.clipboard?.writeText({{ \Illuminate\Support\Js::from($client->raison_sociale."\n".$siege) }}); this.textContent = 'Adresse copiée'">Copier l'adresse</button>
                </section>
            @endif

            <a href="{{ route('portail.client.profil') }}" class="pt-card flat" style="display:flex;align-items:center;gap:10px">
                <span class="pt-ic n" style="background:#fff"><x-portail.icone nom="user"/></span>
                <span class="pt-small" style="flex:1 1 auto"><b>Mon profil</b> · coordonnées et société</span>
                <x-portail.icone nom="chevron"/>
            </a>
        </div>
    </div>
</x-portail.client>