@extends('layouts.guest', ['title' => 'Vérification email'])

@section('content')
<div class="guest-card">
  <h1>Vérifiez votre email</h1>

  <p class="small">
    Nous venons de vous envoyer un lien de vérification.
    Ouvrez votre boîte mail et cliquez sur le lien pour activer votre compte.
  </p>

  @if (session('status'))
    <p class="small" style="font-weight:700;">{{ session('status') }}</p>
  @endif

  <form method="POST" action="{{ route('verification.send') }}">
    @csrf
    <div class="form-actions" style="justify-content:center;">
      <button class="btn" type="submit">Renvoyer le lien</button>
      <a class="btn2" href="{{ route('logout') }}"
         onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
         Se déconnecter
      </a>
    </div>
  </form>

  <form id="logout-form" method="POST" action="{{ route('logout') }}">
    @csrf
  </form>

  <div class="form-security">
    🔒 Pour votre sécurité, l’accès au portail est activé uniquement après vérification de l’adresse email.
  </div>
</div>
@endsection