@extends('auth.layouts.app')

@section('title', __('Verify Your Email Address'))

@section('content')
    <div class="text-center mb-8">
        <h1 class="mb-3 text-3xl font-black text-slate-900">{{ __('Verify Your Email Address') }}</h1>
        <div class="text-base font-semibold text-slate-500">{{ __('Before proceeding, please check your email for a verification link.') }}</div>
    </div>

    @if (session('resent'))
        <div class="mb-7 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm font-bold text-emerald-700" role="status">
            {{ __('A fresh verification link has been sent to your email address.') }}
        </div>
    @endif

    <div class="mb-7 rounded-2xl border border-blue-200 bg-blue-50 px-4 py-3 text-sm font-bold text-blue-700">
        {{ __('If you did not receive the email') }}
    </div>

    <form method="POST" action="{{ route('verification.resend') }}" class="auth-form">
        @csrf

        <div class="grid">
            <button type="submit" class="app-btn app-btn--primary w-full">
                {{ __('click here to request another') }}
            </button>
        </div>
    </form>
@endsection