@extends('layouts.app')
@section('content')
<div class="max-w-lg mx-auto p-6">
    <h1 class="text-2xl font-semibold mb-4">Verify Your Email</h1>
    @if (session('success'))
        <div class="mb-4 p-3 bg-green-100 text-green-800 rounded">{{ session('success') }}</div>
    @endif
    <p class="text-gray-700 mb-6">
        Thanks for signing in. Please verify your email address by clicking the link we just emailed to you.
        If you didn’t receive the email, you can request another.
    </p>
    <form method="POST" action="{{ route('verification.send') }}" class="inline">
        @csrf
        <button class="px-5 py-2 bg-[var(--primary)] text-white rounded">Resend Verification Email</button>
    </form>
    <a href="{{ route('dashboard') }}" class="ml-3 text-[var(--primary)] underline">Back to Dashboard</a>
    <form method="POST" action="{{ route('logout') }}" class="inline ml-3">
        @csrf
        <button class="px-4 py-2 border rounded text-gray-700 bg-white hover:bg-gray-50">Logout</button>
    </form>
</div>
@endsection