@extends('layouts.guest')

@section('content')
<div class="container d-flex justify-content-center align-items-center vh-100">
    <div class="card p-4 shadow" style="max-width: 500px; width: 100%;">
        <h2 class="text-center mb-4">Vérification de l'email</h2>

        <p class="mb-3 text-muted text-center">
            Merci de vérifier votre adresse email. Un lien de confirmation vous a été envoyé.
        </p>

        @if (session('status') === 'verification-link-sent')
            <div class="alert alert-success text-center">
                Un nouveau lien a été envoyé à votre adresse email.
            </div>
        @endif

        <form method="POST" action="{{ route('verification.send') }}">
            @csrf
            <button type="submit" class="btn btn-success w-100 mb-3">Renvoyer l’email de vérification</button>
        </form>

        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="btn btn-outline-secondary w-100">Se déconnecter</button>
        </form>
    </div>
</div>
@endsection