@extends('layouts.auth')

@section('title', 'Verify Email · Aromaniacs ERP')

@section('content')
<div class="w-full max-w-md">
    <div class="card">
        <div class="flex flex-col items-center text-center mb-6">
            <img src="{{ asset('assets/brand-mark-alt.png') }}" alt="Aromaniacs" class="h-12 w-12 mb-4">
            <p class="label" style="color: var(--color-ink);">Admin Access</p>
            <h1 class="mt-2 text-3xl" style="font-family: var(--font-serif);">Verify Your Email</h1>
            <p class="mt-3 text-sm" style="color: var(--color-ink-70);">
                Follow these steps to activate your admin account:
            </p>
            <ol class="mt-4 text-left text-sm space-y-2" style="color: var(--color-ink-75); max-width: 26rem;">
                <li>1) Open your inbox for <strong>{{ auth()->user()?->email }}</strong>.</li>
                <li>2) If you do not see it, check <strong>Spam</strong> and <strong>Promotions</strong>.</li>
                <li>3) Click the verification link inside the email.</li>
                <li>4) Return here and sign in. You should be allowed in immediately.</li>
            </ol>
        </div>

        <form method="POST" action="{{ route('admin.verification.send') }}" class="space-y-4">
            @csrf
            <button type="submit" class="btn btn-primary w-full">Resend Verification Email</button>
        </form>
        <p class="mt-3 text-xs text-center" style="color: var(--color-ink-50);">
            Click resend if the email does not arrive within 1-2 minutes.
        </p>

        <p class="mt-5 text-center text-xs label" style="color: var(--color-ink-40);">
            Account creation is managed by ERP administrators.
        </p>
    </div>
</div>
@endsection