{{--
    v1.16.0 §D5 — le nouveau client express, dans l'espace cabinet : Les pièces · Vérifier · Formule et envoi.
    Même composant que le formulaire public (Inscription), mêmes règles, mêmes lectures : seules les pièces
    viennent d'abord, et les champs des étapes 1 et 2 se vérifient sur un seul écran.
--}}
@php
    use App\Livewire\Portail\Inscription;
    use App\Support\PieceIdentite;

    $c = $this;
    $nomPieceId = Inscription::PIECES[$piece_type] ?? 'Pièce';
    $attendues = collect(array_filter([
        'societe' => $physique ? null : $pieceSociete,
        'cin_recto' => $passeport ? 'Passeport' : ($rectoPdf ? $nomPieceId.', recto et verso' : $nomPieceId.', recto'),
        'cin_verso' => $passeport || $rectoPdf ? null : $nomPieceId.', verso',
    ]));
    $lues = $attendues->filter(fn ($libelle, $role) => isset($transit[$role])
        && ($role === 'societe' ? $lectureSociete === 'ok' : $lecture === 'ok'))->count();
    $recues = $attendues->filter(fn ($libelle, $role) => isset($transit[$role]))->count();
    $detailPiece = function (string $role) use ($luSurPiece, $luSurSociete, $extraits, $forme_juridique) {
        return match ($role) {
            'cin_recto' => collect([$luSurPiece['rep_piece_numero'] ?? null, isset($extraits['rep_piece_expire_le']) ? 'valable jusqu\'au '.$extraits['rep_piece_expire_le'] : null])->filter()->implode(' · '),
            'cin_verso' => 'adresse personnelle lue',
            default => collect([$luSurSociete['raison_sociale'] ?? null, $luSurSociete['forme_juridique'] ?? null, isset($luSurSociete['recepisse_numero']) ? 'récépissé n° '.$luSurSociete['recepisse_numero'] : null])->filter()->implode(' · '),
        };
    };
    $ecart = $c->ecart();
    $propose = $c->beneficiairePropose();
    $aCompleter = $c->aCompleter();
    $proprietes = ['societe' => 'pieceSociete', 'cin_recto' => 'cinRecto', 'cin_verso' => 'cinVerso'];
@endphp

<div class="pt-head">
    <div>
        <h1 class="pt-h1">Nouveau client</h1>
        <p class="pt-lead">Déposez les pièces : nous remplissons le reste. Vous ne corrigez que ce qui diffère.</p>
    </div>
</div>

<nav class="pt-stepper" aria-label="Étapes">
    @foreach ([1 => 'Les pièces', 2 => 'Vérifier', 3 => 'Formule et envoi'] as $n => $libelle)
        @if ($n > 1)<span @class(['trait', 'fait' => $etape >= $n])></span>@endif
        @if ($n < $etape)
            <button type="button" class="step" wire:click="revenir({{ $n }})" style="border:0;background:none;padding:0;cursor:pointer;text-align:left">
                <span class="pt-dot fait"><x-portail.icone nom="check"/></span><span><b>{{ $libelle }}</b></span>
            </button>
        @else
            <div class="step" @if ($n === $etape) aria-current="step" @endif>
                <span @class(['pt-dot', 'en' => $n === $etape, 'a' => $n > $etape])>{{ $n }}</span>
                <span><b @if ($n > $etape) style="color:#55505F" @endif>{{ $libelle }}</b></span>
            </div>
        @endif
    @endforeach
</nav>

{{-- ===================== 1 — Les pièces ===================== --}}
@if ($etape === 1)
    <section class="pt-card" style="display:flex;flex-direction:column;gap:16px">
        <fieldset class="pt-field">
            <legend>Qui se domicilie ?</legend>
            <div class="pt-seg" role="radiogroup" aria-label="Qui se domicilie">
                @foreach (Inscription::TYPES as $cle => $libelle)
                    <button type="button" wire:click="choisirType('{{ $cle }}')" @class(['on' => $type === $cle]) role="radio" aria-checked="{{ $type === $cle ? 'true' : 'false' }}">
                        {{ $libelle }}<span>{{ ['en_creation' => 'Certificat négatif', 'immatriculee' => 'Registre de commerce (modèle J)', 'personne_physique' => 'Sans société', 'association' => 'Statuts, récépissé'][$cle] }}</span>
                    </button>
                @endforeach
            </div>
        </fieldset>

        @if ($association)
            {{-- v1.17.0 — l'association : déclarée (récépissé) ou en cours (statuts). --}}
            <fieldset class="pt-field">
                <legend>Où en est l'association ?</legend>
                <div class="pt-seg" role="radiogroup" aria-label="Situation de l'association">
                    @foreach (Inscription::SITUATIONS as $cle => $libelle)
                        <button type="button" wire:click="choisirSituation('{{ $cle }}')" @class(['on' => $situation === $cle]) role="radio" aria-checked="{{ $situation === $cle ? 'true' : 'false' }}">
                            {{ $libelle }}<span>{{ ['en_cours' => 'Ses statuts', 'declaree' => 'Son récépissé'][$cle] }}</span>
                        </button>
                    @endforeach
                </div>
            </fieldset>
        @endif

        <fieldset class="pt-field">
            <legend>Pièce d'identité {{ $association ? 'du président' : 'du gérant' }}</legend>
            <div class="pt-puces" role="group" aria-label="Type de pièce">
                @foreach (Inscription::PIECES as $cle => $libelle)
                    <button type="button" @class(['pt-puce', 'on' => $piece_type === $cle]) aria-pressed="{{ $piece_type === $cle ? 'true' : 'false' }}" wire:click="choisirPiece('{{ $cle }}')">{{ $libelle }}</button>
                @endforeach
            </div>
        </fieldset>

        <div class="pt-faces">
            @foreach ($attendues as $role => $libelle)
                @php $propriete = $proprietes[$role]; $recu = $transit[$role] ?? null; $err = $errors->first($propriete); @endphp
                <div id="champ-{{ $propriete }}">
                    @if ($recu && ! $err)
                        @php [$ton, $message] = $controleDe($recu); @endphp
                        <div @class(['pt-scan', 'ok' => $ton === 'ok', 'warn' => $ton === 'warn'])>
                            <span class="pt-vignette"><x-portail.icone :nom="$role === 'societe' ? 'doc' : 'id'"/></span>
                            <span style="flex:1 1 auto;min-width:0">
                                <span style="display:flex;justify-content:space-between;gap:10px">
                                    <span class="t">{{ $libelle }}</span>
                                    <label class="pt-lien pt-depot">Remplacer
                                        <input type="file" wire:model="{{ $propriete }}" accept="image/*,application/pdf,.heic,.heif" aria-label="Remplacer : {{ $libelle }}">
                                    </label>
                                </span>
                                <span class="d" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ $recu['original_name'] ?? 'Reçu' }}</span>
                                <span class="pt-controle {{ $ton }}"><x-portail.icone :nom="$ton === 'ok' ? 'check' : 'warn'"/>{{ $message }}</span>
                            </span>
                        </div>
                    @else
                        <label @class(['pt-scan', 'err' => $err])>
                            <span class="pt-ic {{ $err ? 'r' : 'v' }} lg"><x-portail.icone nom="cam" taille="22"/></span>
                            <span><span class="t">{{ $libelle }}</span>
                                <span class="d">{{ $err ?: ($role === 'cin_recto' && ! $passeport ? 'Photo, ou le PDF scanné recto-verso.' : 'Photo ou PDF.') }}</span></span>
                            <input type="file" wire:model="{{ $propriete }}" accept="image/*,application/pdf,.heic,.heif" aria-label="{{ $libelle }}">
                        </label>
                    @endif
                </div>
            @endforeach
        </div>
        <div wire:loading wire:target="pieceSociete,cinRecto,cinVerso" class="pt-alert v"><x-portail.icone nom="clock"/><span>Contrôle de la pièce…</span></div>
        @if ($this->litEncore('cin') || $this->litEncore('societe'))
            {{-- v1.17.0 §E — la lecture tourne hors de la requête. --}}
            <div wire:poll.2s="relireLesLectures" class="pt-alert v"><x-portail.icone nom="scan"/><span>Lecture des pièces… Vous pouvez continuer : les champs vides se rempliront.</span></div>
        @endif
        <p class="pt-hint" style="margin:0">Chaque pièce est lue aussitôt : {{ $recues }} reçue{{ $recues > 1 ? 's' : '' }} sur {{ $attendues->count() }}, {{ $lues }} lue{{ $lues > 1 ? 's' : '' }}. Une lecture impossible ne bloque rien : les champs restent à saisir.</p>
    </section>
@endif

{{-- ===================== 2 — Vérifier ===================== --}}
@if ($etape === 2)
    <div class="pt-express">
        <section class="pt-lines pt-pieces-lues" aria-label="Pièces lues">
            <div class="pt-card-t"><h2>Pièces lues <span @class(['pt-chip', 'g' => $lues === $attendues->count(), 'o' => $lues < $attendues->count()])>{{ $lues }} sur {{ $attendues->count() }}</span></h2></div>
            @foreach ($attendues as $role => $libelle)
                @php $propriete = $proprietes[$role]; $recu = $transit[$role] ?? null; @endphp
                <div class="pt-line">
                    <span class="pt-ic v"><x-portail.icone :nom="$role === 'societe' ? 'doc' : 'id'"/></span>
                    <div class="grow"><div class="tt">{{ $libelle }}</div><div class="dd">{{ $recu ? ($detailPiece($role) ?: ($recu['original_name'] ?? 'reçue')) : 'manquante' }}</div></div>
                    <label class="pt-lien pt-depot">{{ $recu ? 'Remplacer' : 'Ajouter' }}
                        <input type="file" wire:model="{{ $propriete }}" accept="image/*,application/pdf,.heic,.heif" aria-label="{{ ($recu ? 'Remplacer : ' : 'Ajouter : ').$libelle }}">
                    </label>
                </div>
            @endforeach
            <div class="pt-line" style="flex-direction:column;align-items:flex-start;gap:4px">
                <button type="button" class="pt-lien" wire:click="revenir(1)">Ajouter une pièce</button>
                <span class="pt-small pt-muted">La CIN peut tenir en un seul PDF recto-verso ; {{ $association ? 'une association déclarée dépose son récépissé, sinon ses statuts.' : 'une société immatriculée dépose son modèle J.' }}</span>
            </div>
            <div wire:loading wire:target="pieceSociete,cinRecto,cinVerso" class="pt-line"><span class="pt-small pt-muted">Contrôle de la pièce…</span></div>
            @if ($this->litEncore('cin') || $this->litEncore('societe'))
                <div wire:poll.2s="relireLesLectures" class="pt-line"><span class="pt-small pt-muted">Lecture des pièces… les champs vides se rempliront.</span></div>
            @endif
        </section>

        <section class="pt-card" style="display:flex;flex-direction:column;gap:18px">
            @if ($ecart && $ecartIdentite === null)
                <div class="pt-ecart" role="alert">
                    <span class="t"><x-portail.icone nom="warn"/>Un écart à trancher</span>
                    <span class="pt-small">Le nom {{ $association ? 'du président' : 'du gérant' }} : « {{ $ecart['cin'] }} » sur la CIN, « {{ $ecart['piece'] }} » sur {{ $ecart['nom_piece'] }}.</span>
                    <div class="actions">
                        <button type="button" class="pt-btn o sm" wire:click="memePersonne">C'est la même personne</button>
                        <button type="button" class="pt-btn o sm" wire:click="pasLaMeme">Ce n'est pas la même</button>
                    </div>
                </div>
            @elseif ($ecart && $ecartIdentite === 'meme')
                <p class="pt-msg ok" style="margin:0"><x-portail.icone nom="check"/><span>Même personne : la graphie de la CIN est gardée, « {{ $ecart['piece'] }} » est noté au dossier.</span></p>
            @elseif ($ecart && $ecartIdentite === 'pas_meme')
                <p class="pt-msg warn" style="margin:0"><x-portail.icone nom="warn"/><span>Le nom {{ $association ? 'du président' : 'du gérant' }} est à saisir ; le dossier portera « écart d'identité à vérifier » pour MOBDIE.</span></p>
            @endif

            @if ($association)
                {{-- v1.17.0 — l'association : dénomination, objet, récépissé. --}}
                <div style="display:flex;flex-direction:column;gap:12px">
                    <p class="pt-cap">L'association</p>
                    @include('portail.partiels.champ', $vars + ['champ' => 'raison_sociale', 'libelle' => 'Dénomination', 'source' => $c->sourceDe('raison_sociale'), 'attrs' => 'autocomplete="organization"'])
                    @include('portail.partiels.champ', $vars + ['champ' => 'activite', 'libelle' => 'Objet', 'source' => $c->sourceDe('activite')])
                    @if ($declaree)
                        <div class="pt-grille2">
                            @include('portail.partiels.champ', $vars + ['champ' => 'recepisse_numero', 'libelle' => 'N° du récépissé', 'source' => $c->sourceDe('recepisse_numero'), 'attrs' => 'autocomplete="off"'])
                            @include('portail.partiels.champ', $vars + ['champ' => 'recepisse_date', 'libelle' => 'Date du récépissé', 'saisie' => 'date'])
                            @include('portail.partiels.champ', $vars + ['champ' => 'recepisse_autorite', 'libelle' => 'Délivré par', 'exemple' => 'Pachalik de Fès', 'source' => $c->sourceDe('recepisse_autorite'), 'classe' => 'plein'])
                        </div>
                        <fieldset class="pt-field" id="champ-recepisse_nature">
                            <legend>Récépissé</legend>
                            <div class="pt-puces">
                                @foreach (\App\Support\Domiciliation::naturesRecepisse() as $cle => $libelleNature)
                                    <button type="button" @class(['pt-puce', 'on' => $recepisse_nature === $cle]) aria-pressed="{{ $recepisse_nature === $cle ? 'true' : 'false' }}" wire:click="$set('recepisse_nature', '{{ $cle }}')">{{ ucfirst($libelleNature) }}</button>
                                @endforeach
                            </div>
                            @error('recepisse_nature')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                        </fieldset>
                    @endif
                </div>
            @elseif (! $physique)
                <div style="display:flex;flex-direction:column;gap:12px">
                    <p class="pt-cap">La société</p>
                    <div class="pt-grille2">
                        @include('portail.partiels.champ', $vars + ['champ' => 'raison_sociale', 'libelle' => 'Dénomination', 'source' => $c->sourceDe('raison_sociale'), 'attrs' => 'autocomplete="organization"'])
                        <fieldset class="pt-field" id="champ-forme_juridique">
                            <legend>Forme @if (filled($luSurSociete['forme_juridique'] ?? null) && $forme_juridique === ($luSurSociete['forme_juridique'] ?? null))<span class="pt-source" style="position:static;transform:none;margin-left:6px">lu</span>@endif</legend>
                            <div class="pt-puces">
                                @foreach (Inscription::FORMES as $forme)
                                    <button type="button" @class(['pt-puce', 'on' => $forme_juridique === $forme]) aria-pressed="{{ $forme_juridique === $forme ? 'true' : 'false' }}" wire:click="choisirForme('{{ $forme }}')">{{ $forme }}</button>
                                @endforeach
                            </div>
                            @if ($forme_juridique === 'Autre')
                                <input class="pt-input @error('forme_autre') err @enderror" style="margin-top:8px" placeholder="Laquelle ?" aria-label="Autre forme juridique" wire:model.blur.live="forme_autre">
                                @error('forme_autre')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                            @endif
                            @error('forme_juridique')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                        </fieldset>
                    </div>
                    @include('portail.partiels.champ', $vars + ['champ' => 'activite', 'libelle' => 'Activité', 'source' => $c->sourceDe('activite')])
                    @if ($type === 'immatriculee')
                        <div class="pt-grille2">
                            @include('portail.partiels.champ', $vars + ['champ' => 'rc', 'libelle' => 'N° de RC', 'exemple' => '72917', 'attrs' => 'inputmode="numeric" autocomplete="off"'])
                            @include('portail.partiels.champ', $vars + ['champ' => 'rc_ville', 'libelle' => 'Ville du tribunal', 'attrs' => 'list="villes-rc" autocomplete="off"'])
                        </div>
                        <datalist id="villes-rc">@foreach (\App\Support\Saisie::villesRc() as $ville)<option value="{{ $ville }}">@endforeach</datalist>
                    @endif
                </div>
            @else
                @include('portail.partiels.champ', $vars + ['champ' => 'activite', 'libelle' => 'Activité'])
            @endif

            <div style="display:flex;flex-direction:column;gap:12px">
                <p class="pt-cap">{{ $physique ? 'Le titulaire' : ($association ? 'Le président' : 'Le gérant') }}</p>
                <div class="pt-grille2">
                    @include('portail.partiels.champ', $vars + ['champ' => 'rep_prenom', 'libelle' => 'Prénom', 'source' => $c->sourceDe('rep_prenom'), 'attrs' => 'autocomplete="off"'])
                    @include('portail.partiels.champ', $vars + ['champ' => 'rep_nom_famille', 'libelle' => 'Nom', 'source' => $c->sourceDe('rep_nom_famille'), 'attrs' => 'autocomplete="off"'])
                    @include('portail.partiels.champ', $vars + ['champ' => 'rep_piece_numero', 'libelle' => 'N° de '.(['cin' => 'CIN', 'passeport' => 'passeport', 'carte_sejour' => 'la carte de séjour'][$piece_type] ?? 'la pièce'), 'source' => $c->sourceDe('rep_piece_numero') ? 'lu' : null, 'attrs' => 'autocapitalize="characters" autocomplete="off"'])
                    @include('portail.partiels.champ', $vars + ['champ' => 'rep_adresse', 'libelle' => 'Adresse personnelle', 'source' => $c->sourceDe('rep_adresse'), 'attrs' => 'autocomplete="off"'])
                </div>
            </div>

            <div style="display:flex;flex-direction:column;gap:12px">
                <p class="pt-cap">À compléter @if (count($aCompleter) > 0)<span class="pt-cap-n">{{ count($aCompleter) }}</span>@endif</p>
                <div class="pt-grille2">
                    @include('portail.partiels.champ', $vars + ['champ' => 'rep_telephone', 'libelle' => $association ? 'Téléphone du président' : 'Téléphone du gérant', 'saisie' => 'tel', 'exemple' => '+212 6 61 23 45 67', 'attrs' => 'inputmode="tel" autocomplete="off"'])
                    @include('portail.partiels.champ', $vars + ['champ' => 'rep_email', 'libelle' => $association ? 'E-mail du président' : 'E-mail du gérant', 'saisie' => 'email', 'exemple' => 'nom@exemple.ma', 'aide' => 'Le projet de contrat et le devis y arrivent, votre cabinet en copie.', 'attrs' => 'inputmode="email" autocapitalize="off" autocomplete="off"'])
                </div>
            </div>

            @unless ($physique)
                @if ($propose && $seulAssocie && ! $beneficiaireConfirme)
                    <div class="pt-propose">
                        <div><b>Bénéficiaire effectif proposé</b><div class="pt-small pt-muted">{{ $propose['nom'] }}, {{ $propose['detail'] }}</div></div>
                        <div style="display:flex;gap:8px"><button type="button" class="pt-btn o sm" wire:click="confirmerBeneficiaire">Je confirme</button><button type="button" class="pt-lien" wire:click="modifierBeneficiaire">Modifier</button></div>
                    </div>
                @elseif ($propose && $seulAssocie && $beneficiaireConfirme)
                    <p class="pt-msg ok" style="margin:0"><x-portail.icone nom="check"/><span>Bénéficiaire effectif : {{ $propose['nom'] }}, associé unique, 100 % — confirmé.</span> <button type="button" class="pt-lien" wire:click="modifierBeneficiaire">Modifier</button></p>
                @else
                    <div class="pt-sec-f" id="champ-associes">
                        @if ($association)
                            <h2>Les personnes qui dirigent ou contrôlent l'association</h2>
                            <p class="pt-hint" style="margin:0">Président, trésorier, membres du bureau. Le président y figure d'office.</p>
                            <label class="pt-switch">
                                <span><span class="t">Le président est seul à la diriger</span><span class="d">Sinon, indiquez chaque membre du bureau, avec sa fonction.</span></span>
                                <input type="checkbox" wire:model.live="seulAssocie">
                            </label>
                        @else
                        <h2>Les associés</h2>
                        <label class="pt-switch">
                            <span><span class="t">Le gérant est le seul associé</span><span class="d">Sinon, indiquez chaque associé qui détient 25 % ou plus du capital ou des droits de vote.</span></span>
                            <input type="checkbox" wire:model.live="seulAssocie">
                        </label>
                        @endif
                        @unless ($seulAssocie)
                            @php $total = \App\Support\Saisie::totalDesParts($associes); @endphp
                            @foreach ($associes as $i => $associe)
                                <div class="pt-associe" wire:key="associe-{{ $i }}">
                                    <div class="pt-field"><label for="associe-{{ $i }}-nom">Nom</label>
                                        <input id="associe-{{ $i }}-nom" class="pt-input @error('associes.'.$i.'.nom') err @enderror" wire:model.blur.live="associes.{{ $i }}.nom">
                                        @error('associes.'.$i.'.nom')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror</div>
                                    <div class="pt-field"><label for="associe-{{ $i }}-piece">N° de CIN</label>
                                        <input id="associe-{{ $i }}-piece" class="pt-input @error('associes.'.$i.'.piece_numero') err @enderror" wire:model.blur.live="associes.{{ $i }}.piece_numero" autocapitalize="characters">
                                        @error('associes.'.$i.'.piece_numero')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror</div>
                                    @if ($association)
                                        <div class="pt-field"><label for="associe-{{ $i }}-fonction">Fonction</label>
                                            <input id="associe-{{ $i }}-fonction" class="pt-input @error('associes.'.$i.'.fonction') err @enderror" placeholder="Trésorier, secrétaire…" wire:model.blur.live="associes.{{ $i }}.fonction">
                                            @error('associes.'.$i.'.fonction')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror</div>
                                    @else
                                    <div class="pt-field"><label for="associe-{{ $i }}-part">Part</label>
                                        <div class="pt-prefixe fin"><span>%</span><input id="associe-{{ $i }}-part" class="pt-input @error('associes.'.$i.'.part') err @enderror" inputmode="decimal" wire:model.blur.live="associes.{{ $i }}.part"></div>
                                        @error('associes.'.$i.'.part')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror</div>
                                    @endif
                                    @if (count($associes) > 1)
                                        <button type="button" class="retirer" wire:click="retirerAssocie({{ $i }})" aria-label="Retirer l'associé {{ $i + 1 }}"><x-portail.icone nom="x"/></button>
                                    @else
                                        <span></span>
                                    @endif
                                </div>
                            @endforeach
                            @unless ($association)
                                <div style="display:flex;justify-content:space-between;font-weight:700"><span>Total des parts</span><span @if ($total > 100) style="color:var(--err-txt)" @endif>{{ Inscription::pourcent($total) }}</span></div>
                            @endunless
                            @error('associes')<p class="pt-msg err" style="margin:0"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
                            <button type="button" class="pt-btn o sm" style="align-self:flex-start" wire:click="ajouterAssocie"><x-portail.icone nom="plus"/>{{ $association ? 'Ajouter un membre du bureau' : 'Ajouter un associé' }}</button>
                        @endunless
                    </div>
                @endif
            @endunless

            <label class="pt-switch">
                <span><span class="t">Personne politiquement exposée</span><span class="d">Exerce ou a exercé une fonction publique importante, ou en est un proche.</span></span>
                <input type="checkbox" wire:model.live="ppe">
            </label>
            @if ($ppe)
                @include('portail.partiels.champ', $vars + ['champ' => 'ppe_precision', 'libelle' => 'Laquelle ?'])
            @endif
        </section>
    </div>
@endif

{{-- ===================== 3 — Formule et envoi ===================== --}}
@if ($etape === 3)
    <div class="pt-cols">
        <section class="pt-main-col"><div class="pt-form">@include('portail.partiels.formule-et-options')</div></section>
        <aside class="pt-aside">
            @if ($offre)
                <div style="position:sticky;top:16px;display:flex;flex-direction:column;gap:16px">@include('portail.partiels.redevance')</div>
            @endif
        </aside>
    </div>
@endif

<div class="pt-pied-f">
    @if ($libellesErreurs->isNotEmpty())
        <button type="button" class="pt-alert r pt-resume-err" role="alert" onclick="window.ptPremiereErreur()">
            <x-portail.icone nom="alert"/>
            <span><b>{{ $libellesErreurs->count() }} point{{ $libellesErreurs->count() > 1 ? 's' : '' }} à corriger :</b> {{ $libellesErreurs->implode(', ') }}.</span>
        </button>
    @endif
    <div class="boutons">
        @if ($etape > 1)
            <button type="button" class="pt-btn o" wire:click="revenir"><x-portail.icone nom="back"/>Retour</button>
        @else
            <span></span>
        @endif
        <span style="display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end">
            @if ($etape === 2)
                <button type="button" class="pt-btn o" wire:click="garderLeBrouillon">Enregistrer le brouillon</button>
            @endif
            @if ($etape < 3)
                <button type="button" class="pt-btn p" wire:click="continuer" wire:loading.attr="disabled">{{ $etape === 1 ? 'Continuer : vérifier' : 'Continuer : formule et envoi' }}<x-portail.icone nom="chevron"/></button>
            @else
                <button type="button" class="pt-btn p lg" wire:click="envoyer" wire:loading.attr="disabled" @disabled(! $consentement)>
                    <span wire:loading.remove wire:target="envoyer">Envoyer la demande</span>
                    <span wire:loading wire:target="envoyer">Envoi…</span>
                </button>
            @endif
        </span>
    </div>
</div>
<p class="pt-hint" style="margin:0">À l'envoi, le client reçoit le projet de contrat et le devis par e-mail, votre cabinet en copie ; MOBDIE valide ensuite les pièces.</p>