@extends('layouts.master')

@section('content')
    <div class="flex justify-center items-center min-h-screen bg-dash-bg">
        <div class="w-full max-w-md bg-dash-surface shadow-card rounded-2xl p-6">
            <h2 class="text-2xl font-semibold text-dash-text mb-4">Email Verification</h2>

            <p class="text-dash-text-muted mb-6 text-sm">
                Thanks for signing up! Before getting started, please verify your email address by clicking on the link we
                just emailed to you.
                If you didn't receive the email, we can send you another.
            </p>

            @if (session('status') == 'verification-link-sent')
                <div class="mb-4 text-sm font-medium text-dash-success">
                    A new verification link has been sent to your email address.
                </div>
            @endif

            <div class="flex flex-col gap-4">
                <form method="POST" action="{{ route('verification.send') }}">
                    @csrf
                    <button type="submit"
                        class="w-full px-5 py-2.5 bg-dash-primary hover:bg-dash-primary-hover text-white rounded-lg transition-colors">
                        {{ __('Resend Verification Email') }}
                    </button>
                </form>
                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <button type="submit"
                        class="w-full px-5 py-2.5 bg-dash-danger hover:bg-red-600 text-white rounded-lg transition-colors">
                        {{ __('Log Out') }}
                    </button>
                </form>
            </div>
        </div>
    </div>
@endsection