@extends('layouts.guest')
@section('title', __('Verify your email'))

@section('content')
<div class="text-center">
    <div class="mx-auto w-14 h-14 rounded-2xl bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 flex items-center justify-center mb-5">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
    </div>
    <h1 class="text-3xl font-semibold tracking-tight text-slate-900 dark:text-white">{{ __('Verify your email') }}</h1>
    <p class="mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto">
        {{ __('We\'ve sent a verification link to your inbox. Click it to activate your workspace.') }}
    </p>

    @if(session('status') === 'verification-link-sent')
        <div class="mt-6 px-4 py-3 rounded-xl bg-emerald-50 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300 text-sm">{{ __('A new link has been sent.') }}</div>
    @endif

    <div class="mt-8 flex flex-col gap-2">
        <form method="POST" action="{{ route('verification.send') }}">@csrf
            <button class="btn-primary w-full">{{ __('Resend verification email') }}</button>
        </form>
        <form method="POST" action="{{ route('logout') }}">@csrf
            <button class="btn-ghost w-full text-sm">{{ __('Sign out') }}</button>
        </form>
    </div>
</div>
@endsection