{{-- resources/views/auth/verify-email.blade.php --}}
@extends('layouts.horizontalLayoutMaster')

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

@section('page-style')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
    <style>
        .auth-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 40px;
        }

        .auth-inner {
            width: 100%;
            max-width: 440px;
        }

        .card {
            padding: 30px;
            border-radius: 12px;
        }

        .btn {
            min-width: 180px;
        }

        .btn+.btn {
            margin-left: 10px;
        }
    </style>
@endsection

@section('content')
    <div class="auth-wrapper">
        <div class="auth-inner">
            <div class="card shadow">
                <div class="card-body text-center">

                    <h4 class="mb-3">Verify Your Email</h4>

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

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

                    <div class="d-flex justify-content-between mt-4">
                        {{-- Resend verification form --}}
                        <form method="POST" action="{{ route('verification.send') }}">
                            @csrf
                            <button type="submit" class="btn btn-primary">Resend Email</button>
                        </form>

                        {{-- Logout form --}}
                        <form method="POST" action="{{ route('logout') }}">
                            @csrf
                            <button type="submit" class="btn btn-outline-secondary">Log Out</button>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection