@extends('layouts.guest')

@section('title', __('auth.verify_title'))

@section('content')
    <h1 class="text-xl font-bold text-brand-deep">{{ __('auth.verify_title') }}</h1>
    <p class="mt-1 text-sm text-ink-soft">{{ __('auth.verify_subtitle') }}</p>

    @if (session('status'))
        <p class="mt-4 rounded-lg bg-leaf/15 px-3 py-2 text-sm font-medium text-ink">{{ session('status') }}</p>
    @endif

    <div class="mt-6 space-y-4">
        <form method="POST" action="{{ lroute('verification.send') }}">
            @csrf
            <button type="submit" class="w-full rounded-lg bg-brand py-2.5 text-sm font-semibold text-white transition hover:bg-brand-deep">
                {{ __('auth.resend_verification') }}
            </button>
        </form>

        <form method="POST" action="{{ lroute('logout') }}">
            @csrf
            <button type="submit" class="w-full text-sm font-medium text-ink-soft transition hover:text-brand">
                {{ __('app.nav.logout') }}
            </button>
        </form>
    </div>
@endsection