@extends('layouts.Dashboard')

@section('content')
    <div class="container min-vh-100 d-flex flex-column justify-content-center align-items-center">
        <img src="{{ asset('img/logo.png') }}" alt="Logo" width="180" class="mb-4">

        <div class="card shadow-lg w-100" style="max-width: 600px;">
            <div class="card-header bg-primary text-white text-center">
                <h4 class="mb-0">Verifikasi Email Anda</h4>
            </div>

            <div class="card-body">
                @if (session('resent'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        Link verifikasi baru telah dikirim ke email Anda.
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <p class="text-center mb-3">
                    Sebelum melanjutkan, silakan cek email Anda untuk link verifikasi.
                </p>

                <p class="text-center">
                    Tidak menerima email verifikasi?
                </p>

                <form method="POST" action="{{ route('verification.resend') }}" class="text-center">
                    @csrf
                    <button type="submit" class="btn btn-outline-primary">
                        Klik di sini untuk kirim ulang
                    </button>
                </form>
            </div>
        </div>

        <footer class="text-muted mt-4 text-center">
            <small>&copy; {{ date('Y') }} PPDB MTS NU KRAMAT</small>
        </footer>
    </div>
@endsection