@extends('layouts.app')

@section('content')
<section class="section">
    <div class="container container-sm" style="max-width:520px">
        <div class="panel" style="padding:32px">
            <h1 style="font-size:1.5rem">Mot de passe oublié</h1>
            <p class="muted small" style="margin:8px 0 22px">
                Indiquez l'adresse e-mail de votre compte : nous vous enverrons un lien pour choisir un nouveau mot de passe.
            </p>

            <form method="post" action="{{ url('/mot-de-passe-oublie') }}" class="stack">
                @csrf
                <div class="field-group">
                    <label class="label" for="email">Adresse e-mail</label>
                    <div class="input-icon">
                        <x-icon name="mail"/>
                        <input class="input @error('email') is-invalid @enderror" id="email" type="email" name="email"
                               value="{{ old('email') }}" required autofocus autocomplete="email">
                    </div>
                    @error('email')<span class="field-error">{{ $message }}</span>@enderror
                </div>
                <button class="btn btn-primary btn-lg btn-block" type="submit">Envoyer le lien</button>
            </form>

            <p class="small center muted" style="margin-top:20px">
                <a href="{{ url('/connexion') }}" style="color:var(--orange-700);font-weight:600">Revenir à la connexion</a>
            </p>
        </div>
    </div>
</section>
@endsection