@php
    $prenom = $client->rep_prenom ?: \Illuminate\Support\Str::of((string) $client->rep_nom)->explode(' ')->first();
    $salut = $prenom ?: $client->raison_sociale;
    $type = fn (string $c) => match ($c) { 'rep_email' => 'email', 'rep_telephone' => 'tel', default => 'text' };
@endphp
<x-portail.public titre="Vérifiez votre dossier">
    <x-slot:coin><span class="pt-chip v">2 min</span></x-slot:coin>
    <x-slot:marque>
        <p class="pt-brand-k">Votre dossier de domiciliation</p>
        <p class="pt-brand-t">Deux minutes pour le tenir à jour.</p>
        <p class="pt-brand-p">La loi nous demande de connaître {{ $client->estAssociation() ? 'votre association et ceux qui la dirigent' : 'votre société, son gérant et ses associés' }}. Vérifiez ce que nous avons, complétez ce qui manque.</p>
        <div class="pt-garanties">
            <div class="pt-garantie"><span class="gt"><x-portail.icone nom="shield"/></span><div><b>Vos données protégées</b><span>Traitement autorisé par la CNDP (loi 09-08), accès réservé.</span></div></div>
            <div class="pt-garantie"><span class="gt"><x-portail.icone nom="check"/></span><div><b>Contrôlé à la saisie</b><span>Un numéro ou une adresse incomplets vous sont signalés tout de suite.</span></div></div>
        </div>
    </x-slot:marque>

    @if ($envoye)
        <div class="pt-success">
            <div class="pt-big-ok"><x-portail.icone nom="check" taille="36"/></div>
            <h1 class="pt-h1">Merci {{ $prenom }}</h1>
            <p class="pt-lead" style="max-width:320px">Votre dossier nous est transmis. Nous revenons vers vous si quelque chose est à vérifier.</p>
            @if ($client->rep_email)
                <a class="pt-btn p" href="{{ route('portail.connexion', ['email' => $client->rep_email]) }}">Ouvrir mon espace</a>
                <p class="pt-hint">Votre espace : documents, paiements et courrier reçu, avec un code envoyé à {{ $client->rep_email }}.</p>
            @endif
        </div>
    @else
        <h1 class="pt-h1">{{ $salut }}, {{ $manquants > 0 ? 'votre dossier est presque complet' : 'votre dossier est complet' }}</h1>
        <p class="pt-lead">
            @if ($manquants > 0)
                Vérifiez ce que nous avons et complétez {{ $manquants > 1 ? 'les '.$manquants.' éléments manquants' : 'l\'élément manquant' }}.
            @else
                Vérifiez ce que nous avons, puis confirmez.
            @endif
        </p>

        @if ($errors->any())
            <div class="pt-alert r"><x-portail.icone nom="warn"/><span>{{ $errors->first() }}</span></div>
        @endif

        <div class="pt-lines">
            <div class="pt-line">
                <span class="pt-ic g"><x-portail.icone nom="check"/></span>
                <div class="grow"><div class="tt">{{ $client->raison_sociale }}</div><div class="dd">{{ $client->rep_nom ?: '—' }}{{ $client->rep_qualite ? ' · '.$client->rep_qualite : '' }}</div></div>
            </div>
            @foreach ($elements as $el)
                @php $attente = $el['champ'] ? ($enAttente[$el['champ']] ?? null) : null; $ouvert = $edition === $el['cle']; @endphp
                <div class="pt-line" id="{{ $el['cle'] }}" style="flex-wrap:wrap">
                    <span class="pt-ic {{ $el['manque'] ? 'r' : 'g' }}"><x-portail.icone :nom="$el['manque'] ? 'warn' : 'check'"/></span>
                    <div class="grow">
                        <div class="tt">{{ $el['libelle'] }}</div>
                        <div class="dd">
                            {{ $el['manque'] ? ($el['geste'] === 'champ' ? 'Manquant' : 'Non déclaré') : $el['valeur'] }}
                            @if ($attente)<br><span class="pt-chip o" style="margin-top:4px">Modification envoyée, en vérification</span>@endif
                        </div>
                    </div>
                    @unless ($ouvert)
                        <span class="end">
                            @if ($el['manque'])
                                <a class="pt-btn o sm" href="{{ route('portail.verifier', ['jeton' => $jeton, 'modifier' => $el['cle']]) }}#{{ $el['cle'] }}">{{ $el['geste'] === 'champ' ? 'Saisir' : 'Déclarer' }}</a>
                            @elseif ($el['geste'] === 'champ')
                                <a class="pt-lien" href="{{ route('portail.verifier', ['jeton' => $jeton, 'modifier' => $el['cle']]) }}#{{ $el['cle'] }}">Modifier</a>
                            @endif
                        </span>
                    @else
                        <form method="POST" action="{{ route('portail.verifier.enregistrer', $jeton) }}" style="flex-basis:100%;margin-top:8px">
                            @csrf
                            <input type="text" name="website" value="" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true">
                            <input type="hidden" name="retour" value="{{ $el['cle'] }}">
                            @if ($el['geste'] === 'champ')
                                <input type="hidden" name="geste" value="champ">
                                <input type="hidden" name="champ" value="{{ $el['champ'] }}">
                                <div style="display:flex;gap:8px">
                                    <input name="valeur" type="{{ $type($el['champ']) }}" class="pt-input" value="{{ old('valeur', $el['manque'] ? '' : $client->getAttribute($el['champ'])) }}" required autofocus>
                                    <button class="pt-btn p sm" style="min-height:46px">OK</button>
                                </div>
                                @if (! $el['manque'])<div class="pt-hint">Une modification nous est transmise pour vérification.</div>@endif
                            @elseif ($el['geste'] === 'ppe')
                                <input type="hidden" name="geste" value="ppe">
                                <p class="pt-small" style="margin:0 0 8px">Exercez-vous, ou avez-vous exercé, une haute fonction publique, politique ou juridictionnelle — vous ou un proche ?</p>
                                <div class="pt-seg" style="grid-template-columns:1fr 1fr">
                                    <label><input type="radio" name="ppe" value="0" style="display:none" onchange="this.closest('form').querySelector('#fonction').hidden=true; this.closest('.pt-seg').querySelectorAll('label').forEach(l=>l.classList.remove('on')); this.parentNode.classList.add('on')">Non</label>
                                    <label><input type="radio" name="ppe" value="1" style="display:none" onchange="this.closest('form').querySelector('#fonction').hidden=false; this.closest('.pt-seg').querySelectorAll('label').forEach(l=>l.classList.remove('on')); this.parentNode.classList.add('on')">Oui</label>
                                </div>
                                <div id="fonction" hidden class="pt-field"><label for="ppe_precision">Quelle fonction ?</label><input id="ppe_precision" name="ppe_precision" class="pt-input"></div>
                                <button class="pt-btn p sm block">Enregistrer</button>
                            @else
                                <input type="hidden" name="geste" value="beneficiaires">
                                @php $asso = $client->estAssociation(); @endphp
                                <label class="pt-switch" style="margin-bottom:10px">
                                    @if ($asso)
                                        <span><span class="t" style="display:block">{{ $client->rep_nom ?: 'Le président' }} est seul à diriger l'association</span><span class="d">Sinon, indiquez le trésorier et les membres du bureau</span></span>
                                    @else
                                    <span><span class="t" style="display:block">{{ $client->rep_nom ?: 'Le gérant' }} est le seul associé</span><span class="d">Il détient 100 % des parts</span></span>
                                    @endif
                                    <input type="checkbox" name="seul_associe" value="1" checked onchange="document.getElementById('associes').hidden=this.checked">
                                </label>
                                <div id="associes" hidden>
                                    <p class="pt-small pt-muted" style="margin:0 0 8px">{{ $asso ? 'Les personnes qui dirigent ou contrôlent l\'association (loi 43-05).' : 'Les personnes qui détiennent 25 % ou plus des parts (décret 2-21-708).' }}</p>
                                    @for ($i = 0; $i < 3; $i++)
                                        <div class="pt-card flat" style="margin-bottom:8px">
                                            <div class="pt-row2">
                                                <input name="associes[{{ $i }}][nom]" class="pt-input" placeholder="Nom et prénom" @disabled(false)>
                                                @if ($asso)
                                                    <input name="associes[{{ $i }}][fonction]" class="pt-input" placeholder="Fonction (trésorier…)">
                                                @else
                                                <input name="associes[{{ $i }}][part]" class="pt-input" placeholder="Part (%)" inputmode="decimal">
                                                @endif
                                            </div>
                                            <div class="pt-row2" style="margin-top:8px">
                                                <input name="associes[{{ $i }}][piece_numero]" class="pt-input" placeholder="N° de CIN">
                                                <input name="associes[{{ $i }}][nationalite]" class="pt-input" placeholder="Nationalité">
                                            </div>
                                        </div>
                                    @endfor
                                </div>
                                <button class="pt-btn p sm block" onclick="this.form.querySelectorAll('#associes .pt-card').forEach(c => { if (![...c.querySelectorAll('input')].some(i => i.value.trim())) c.querySelectorAll('input').forEach(i => i.disabled = true) })">Enregistrer</button>
                            @endif
                        </form>
                    @endunless
                </div>
            @endforeach
        </div>

        @if ($contrat)
            <div class="pt-card" style="margin-top:12px;background:var(--violet-50);border-color:var(--violet-100)">
                <div style="font-weight:600;font-size:13.5px">Recevoir vos avis par e-mail</div>
                @if ($contrat->avenant_accepte_le)
                    <div class="pt-small" style="color:var(--ink-2)">Avenant accepté le {{ $contrat->avenant_accepte_le->format('d/m/Y') }}. Nous vous le présenterons imprimé, à signer.</div>
                @else
                    <div class="pt-small" style="color:var(--ink-2)">En acceptant l'avenant au contrat, vos avis et notifications vous parviennent par e-mail plutôt que par lettre recommandée.</div>
                    <a class="pt-lien" style="display:inline-block;margin-top:8px" href="{{ route('portail.verifier.avenant', $jeton) }}" target="_blank" rel="noopener">Lire l'avenant</a>
                    <form method="POST" action="{{ route('portail.verifier.enregistrer', $jeton) }}" style="margin-top:10px">
                        @csrf
                        <input type="hidden" name="geste" value="avenant">
                        <label class="pt-check"><input type="checkbox" name="accepte" value="1" required><span>J'accepte l'avenant. Je le signerai sur papier ; cette acceptation en ligne ne vaut pas signature.</span></label>
                        <button class="pt-btn o sm" style="margin-top:10px">Accepter l'avenant</button>
                    </form>
                @endif
            </div>
        @endif

        <form method="POST" action="{{ route('portail.verifier.enregistrer', $jeton) }}" class="pt-actions">
            @csrf
            <input type="hidden" name="geste" value="confirmer">
            <button class="pt-btn p block">C'est juste, j'envoie</button>
        </form>
        <p class="pt-legal" style="margin-top:14px">{{ \App\Support\Portail::mention0908() }}</p>
    @endif
</x-portail.public>