@extends('layout')
@section('title', 'Mon mot de passe - Famille Letzelter')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap auth-wrap">
        <div class="auth-card">
            <h1>Mon mot de passe</h1>

            @if (session('status'))
                <div class="alert alert--ok">{{ session('status') }}</div>
            @endif
            @if ($errors->any())
                <div class="alert">{{ $errors->first() }}</div>
            @endif

            <div class="acc-rappel">
                <p class="acc-rappel-titre">Votre identifiant</p>
                <p class="acc-rappel-valeur">{{ $user->getIdentifiantAffiche() }}</p>
                @if ($user->identifiant && $user->email)
                    <p class="muted">Vous pouvez aussi vous connecter avec {{ $user->email }}.</p>
                @endif
            </div>

            @if ($user->mdpProvisoireEnCours())
                <p class="alert alert--info">
                    Vous utilisez encore le mot de passe qui vous a été envoyé.
                    Rien ne vous oblige à en changer, mais c'est plus sûr, et vous
                    choisirez quelque chose dont vous vous souviendrez.
                </p>
            @endif

            <form method="post" action="{{ route('motdepasse.update') }}" class="stack">
                @csrf @method('PUT')
                <label>
                    <span>Mot de passe actuel</span>
                    <input type="password" name="actuel" required autocomplete="current-password">
                </label>
                <label>
                    <span>Nouveau mot de passe</span>
                    <input type="password" name="password" required autocomplete="new-password">
                    <small class="champ-aide">Au moins huit signes, avec des lettres et des chiffres.</small>
                </label>
                <label>
                    <span>Répéter le nouveau mot de passe</span>
                    <input type="password" name="password_confirmation" required autocomplete="new-password">
                </label>
                <button type="submit" class="btn">Enregistrer</button>
            </form>
        </div>
    </section>
@endsection