@extends('adminlte::page')

{{-- Konfigurasi Title Default --}}
@section('title', 'Portal Siswa | Smart Cendekia')

{{-- =====================================================================
     GLOBAL CSS (MODERN UI OVERRIDES)
     ===================================================================== --}}
@section('adminlte_css')
    {{-- 1. Import Google Font: Poppins --}}
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <style>
        /* --- TYPOGRAPHY --- */
        body {
            font-family: 'Poppins', sans-serif !important;
            color: #4a5568;
        }

        /* --- LAYOUT & BACKGROUND --- */
        .content-wrapper {
            background-color: #f4f6f9 !important; /* Warna background lembut */
        }
        
        /* --- NAVBAR MODERN --- */
        .main-header {
            border-bottom: 0;
            box-shadow: 0 2px 15px rgba(0,0,0,0.04);
        }
        .nav-link {
            font-weight: 500;
        }

        /* --- SIDEBAR MODERN --- */
        .main-sidebar {
            box-shadow: 4px 0 25px rgba(0,0,0,0.05);
            border-right: 0;
        }
        .brand-link {
            border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        }
        /* Item Menu Sidebar */
        .nav-sidebar .nav-item {
            margin-bottom: 5px;
        }
        .nav-sidebar .nav-link {
            border-radius: 10px !important; /* Membuat menu rounded */
            transition: all 0.3s ease;
            padding: 10px 15px;
        }
        /* Efek Active Menu (Gradient Ungu/Biru) */
        .nav-sidebar .nav-link.active {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
            box-shadow: 0 4px 15px rgba(118, 75, 162, 0.4) !important;
            color: #fff !important;
            font-weight: 600;
        }

        /* --- GLOBAL CARD STYLING --- */
        .card {
            border: none;
            border-radius: 16px; /* Sudut tumpul */
            box-shadow: 0 0 20px rgba(0,0,0,0.03); /* Bayangan halus */
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            margin-bottom: 1.5rem;
        }
        .card:hover {
            /* Efek hover sedikit melayang (opsional, bagus untuk dashboard) */
            box-shadow: 0 10px 25px rgba(0,0,0,0.06); 
        }
        .card-header {
            background-color: transparent;
            border-bottom: 1px solid #f1f5f9;
            padding: 1.25rem 1.5rem;
        }
        .card-title {
            font-weight: 600;
            color: #2d3748;
            font-size: 1.1rem;
        }
        .card-body {
            padding: 1.5rem;
        }

        /* --- UTILITIES --- */
        .btn {
            border-radius: 8px; /* Tombol rounded */
            font-weight: 500;
            letter-spacing: 0.3px;
        }
        .rounded-xl { border-radius: 1rem !important; }
        .bg-gradient-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        }
    </style>

    {{-- Slot untuk CSS spesifik per halaman --}}
    @yield('css')
@stop


{{-- =====================================================================
     GLOBAL JAVASCRIPT (NOTIFICATIONS & HELPERS)
     ===================================================================== --}}
@section('adminlte_js')
    <script>
        console.log('Portal Siswa Ready 🚀');

        /**
         * 1. CONFIG SWEETALERT TOAST
         * Notifikasi pojok kanan atas yang hilang otomatis
         */
        const Toast = Swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 3000,
            timerProgressBar: true,
            didOpen: (toast) => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
            }
        });

        /**
         * 2. DETEKSI FLASH MESSAGE LARAVEL
         * Menangkap session('success'), ('error'), dll dari Controller
         */
        @if(session('success'))
            Toast.fire({
                icon: 'success',
                title: "{{ session('success') }}"
            });
        @endif

        @if(session('error'))
            Toast.fire({
                icon: 'error',
                title: "{{ session('error') }}"
            });
        @endif

        @if(session('warning'))
            Toast.fire({
                icon: 'warning',
                title: "{{ session('warning') }}"
            });
        @endif

        @if(session('info'))
            Toast.fire({
                icon: 'info',
                title: "{{ session('info') }}"
            });
        @endif
    </script>

    {{-- Slot untuk JS spesifik per halaman --}}
    @yield('js')
@stop