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

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

@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;
            text-align: center;
        }

        .btn {
            min-width: 200px;
        }
    </style>
@endsection

@section('content')
    <div class="auth-wrapper">
        <div class="auth-inner">
            <div class="card shadow">
                <div class="card-body">
                    <h3 class="mb-3 text-success">✅ Email Verified!</h3>
                    <p class="text-muted mb-4">
                        Your email address has been successfully verified.
                        You can now access your dashboard and start using your account.
                    </p>

                    <a href="{{ route('dashboard') }}" class="btn btn-success">Go to Dashboard</a>
                </div>
            </div>
        </div>
    </div>
@endsection