@extends('layouts.auth')

@section('content')
    <div class="mb-6">
        <h1 class="text-2xl font-semibold tracking-tight text-white">Verify your email</h1>
        <p class="mt-2 text-sm leading-6 text-slate-400">We sent a verification link to your email address. Open it to unlock your private workspace.</p>
    </div>

    @if (session('status') === 'verification-link-sent')
        <div class="mb-5 rounded-xl border border-emerald-300/20 bg-emerald-300/10 px-4 py-3 text-sm text-emerald-200">A new verification link has been sent.</div>
    @endif

    <form action="{{ route('verification.send') }}" method="POST">
        @csrf
        <button type="submit" class="w-full rounded-xl bg-cyan-400 px-4 py-3 font-semibold text-slate-950 transition hover:bg-cyan-300">Resend verification email</button>
    </form>

    <form action="{{ route('logout') }}" method="POST" class="mt-4 text-center">
        @csrf
        <button type="submit" class="text-sm text-slate-500 transition hover:text-slate-300">Log out</button>
    </form>
@endsection