{{-- v4.14.0 §B — La porte : e-mail, mot de passe, et rien d'autre. --}}
<div class="porte">
    <div class="carte">
        <div class="marque">
            @if (\App\Support\Identite::logoRecadre())
                {{-- v4.17.0 §C2 — Sur PLAQUE, comme dans l'en-tête (v4.16.0 §B) : un logo dessiné
                     pour du papier blanc disparaissait sur le fond sombre de la porte. --}}
                <span class="plaque"><img src="{{ \App\Support\Identite::logoRecadre() }}" alt="{{ \App\Support\Identite::marque() }}"></span>
            @else
                <span class="wordmark">{{ \App\Support\Identite::marque() }}</span>
            @endif
        </div>

        <h1>Votre espace</h1>
        <p class="intro">Suivez votre marché, validez ce qui attend votre réponse, retrouvez vos documents.</p>

        @if (session('espace-client.refus'))
            <div class="alerte mauvais">{{ session('espace-client.refus') }}</div>
        @endif

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

        <form wire:submit="connexion">
            <div class="champ">
                <label for="courriel">Adresse e-mail</label>
                <input id="courriel" type="email" wire:model="email" autocomplete="username" required autofocus>
            </div>

            <div class="champ">
                <label for="motdepasse">Mot de passe</label>
                <input id="motdepasse" type="password" wire:model="motDePasse" autocomplete="current-password" required>
                @error('motDePasse') <div class="alerte mauvais" style="margin-top:8px">{{ $message }}</div> @enderror
            </div>

            <label class="coche">
                <input type="checkbox" wire:model="seSouvenir"> Rester connecté sur cet appareil
            </label>

            <button type="submit" class="btn primary wide" wire:loading.attr="disabled">
                <span wire:loading.remove wire:target="connexion">Entrer</span>
                <span wire:loading wire:target="connexion">Un instant…</span>
            </button>
        </form>

        <div class="aide">
            <a href="{{ route('espace-client.app.mot-de-passe-oublie') }}">Définir ou réinitialiser mon mot de passe</a>
        </div>

        @auth
            {{-- Authentifié mais sans espace ouvert : la seule chose utile qu'on puisse lui offrir. --}}
            <form method="POST" action="{{ route('espace-client.app.deconnexion') }}">
                @csrf
                <button type="submit" class="linkbtn">Se déconnecter</button>
            </form>
        @endauth

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