{{-- v4.14.0 §B — Le mot de passe temporaire, changé avant tout le reste. --}}
<div class="porte">
    <div class="carte">
        <h1>Choisissez votre mot de passe</h1>
        <p class="intro">Votre accès a été ouvert avec un mot de passe provisoire. Choisissez le
            vôtre pour continuer.</p>

        @error('motDePasse') <div class="alerte mauvais">{{ $message }}</div> @enderror

        <form wire:submit="enregistrer">
            <div class="champ">
                <label for="nouveau">Nouveau mot de passe</label>
                <input id="nouveau" type="password" wire:model="motDePasse" autocomplete="new-password" required autofocus>
            </div>

            <div class="champ">
                <label for="confirmation">Confirmez le mot de passe</label>
                <input id="confirmation" type="password" wire:model="confirmation" autocomplete="new-password" required>
            </div>

            <button type="submit" class="btn primary wide" wire:loading.attr="disabled">Enregistrer et continuer</button>
        </form>

        <form method="POST" action="{{ route('espace-client.app.deconnexion') }}">
            @csrf
            <button type="submit" class="linkbtn">Se déconnecter</button>
        </form>

        <p class="pied">{{ \App\Support\Identite::marque() }}</p>
    </div>
</div>