@extends('layouts.app')

@section('content')
    <div class="mx-auto max-w-lg px-4 py-16 text-center">
        <div class="text-5xl">✉️</div>
        <h1 class="mt-4 text-xl font-bold text-slate-900">Erősítse meg e-mail címét</h1>
        <p class="mt-2 text-sm text-slate-600">
            Regisztrációjának megerősítéséhez kattintson a kiküldött e-mailben található linkre.
            Ha nem érkezett meg, kérhet újat az alábbi gombbal.
        </p>

        @if (session('verification_link_sent'))
            <div class="mt-4 rounded-md bg-emerald-50 border border-emerald-200 px-4 py-3 text-sm text-emerald-700">
                Új megerősítő linket küldtünk az e-mail címére.
            </div>
        @endif

        <form method="POST" action="{{ route('verification.send') }}" class="mt-6">
            @csrf
            <button type="submit" class="inline-flex items-center rounded-md bg-brand-700 px-5 py-2.5 text-sm font-semibold text-white hover:bg-brand-800">Megerősítő link újraküldése</button>
        </form>

        <form method="POST" action="{{ route('customer.logout') }}" class="mt-4">
            @csrf
            <button type="submit" class="text-sm font-medium text-slate-500 hover:text-red-600">Kijelentkezés</button>
        </form>
    </div>
@endsection