<!DOCTYPE html>
<html lang="ms">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', 'e-Sijil Acara Larian 2026')</title>
    @vite(['resources/js/app.js'])
    @stack('styles')
</head>
<body>
    <div class="jalur-gemilang"></div>

    @yield('content')

    <div class="loading-overlay" id="loadingOverlay">
        <div class="text-center">
            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
                <span class="visually-hidden">Memuatkan...</span>
            </div>
            <p class="mt-3 text-muted">Sila tunggu...</p>
        </div>
    </div>

    @stack('scripts')
</body>
</html>
