@extends('layouts.auth')

@section('title', 'Verify Email')

@section('content')
<a href="{{ route('home') }}" class="auth-logo">
    <div class="auth-logo__mark">
        <svg viewBox="0 0 24 24" fill="none" width="22" height="22">
            <path d="M12 2L5 10H9L7 18H11L12 14L13 18H17L15 10H19L12 2Z" fill="#00D4FF"/>
        </svg>
    </div>
    <span class="auth-logo__name">ALGA ARENA</span>
</a>

<h1 class="auth-heading">Verify Email</h1>
<p class="auth-subheading">Thanks for signing up! Please verify your email address using the link we sent you.</p>

@if (session('status') === 'verification-link-sent')
    <div class="auth-alert auth-alert--success">
        A new verification link has been sent to your email address.
    </div>
@endif

<form action="{{ route('verification.send') }}" method="POST">
    @csrf
    <button type="submit" class="auth-btn-primary">Resend Verification Email →</button>
</form>

<form action="{{ route('logout') }}" method="POST" style="margin-top:12px;">
    @csrf
    <button type="submit" class="auth-social-btn">Sign Out</button>
</form>
@endsection
