{{-- =========================================================
     SUPER ADMIN SIDEBAR
========================================================= --}}

<aside class="super-sidebar" id="superSidebar">

    {{-- =====================================================
         SIDEBAR HEADER / BRAND
    ====================================================== --}}

    <div class="super-sidebar-header">

        <a href="{{ route('superadmin.dashboard') }}"
           class="super-brand">

            <div class="super-brand-logo">

                {{-- Ganti sesuai lokasi logo Anda --}}
                <img
                    src="{{ $systemSettings->logo_url }}"
                    alt="Logo {{ $systemSettings->campus_name }}"
                    onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

                {{-- Fallback jika logo tidak ditemukan --}}
                <div class="super-brand-logo-fallback">
                    <i class="fa-solid fa-shield-halved"></i>
                </div>

            </div>


            <div class="super-brand-text">

                <h1>
                    {{ $systemSettings->campus_name }}
                </h1>

                <p>
                    Sistem Inventaris
                </p>

            </div>

        </a>

    </div>


    {{-- =====================================================
         SIDEBAR BODY
    ====================================================== --}}

    <div class="super-sidebar-body">


        {{-- =================================================
             MENU UTAMA
        ================================================== --}}

        <div class="super-menu-section">

            <div class="super-menu-title">
                MENU UTAMA
            </div>


            {{-- DASHBOARD --}}

            <a href="{{ route('superadmin.dashboard') }}"
               class="super-menu-item
               {{ request()->routeIs('superadmin.dashboard') ? 'active' : '' }}">

                <span class="super-menu-icon">

                    <i class="fa-solid fa-chart-line"></i>

                </span>

                <span class="super-menu-text">
                    Dashboard
                </span>

            </a>

            {{-- MONITORING AKUN ADMIN --}}

            <a href="{{ route('superadmin.admin.index') }}"
               class="super-menu-item
               {{ request()->routeIs('superadmin.admin.*') ? 'active' : '' }}">

                <span class="super-menu-icon">

                    <i class="fa-solid fa-users-gear"></i>

                </span>

                <span class="super-menu-text">
                    Monitoring Akun Admin
                </span>

            </a>

        </div>



        {{-- =================================================
             PANDUAN SISTEM
        ================================================== --}}

        <div class="super-menu-section">

            <div class="super-menu-title">
                PANDUAN SISTEM
            </div>


            {{-- DAFTAR PANDUAN --}}

            <a href="{{ route('superadmin.panduan.index') }}"
               class="super-menu-item
               {{ request()->routeIs('superadmin.panduan.index') ? 'active' : '' }}">

                <span class="super-menu-icon">

                    <i class="fa-solid fa-book-open"></i>

                </span>

                <span class="super-menu-text">
                    Daftar Panduan
                </span>

            </a>


            

        </div>



        {{-- =================================================
             PENGATURAN
        ================================================== --}}

        <div class="super-menu-section">

            <div class="super-menu-title">
                PENGATURAN
            </div>


            {{-- PROFIL --}}

            <a href="{{ route('superadmin.profile') }}"
               class="super-menu-item
               {{ request()->routeIs('superadmin.profile') ? 'active' : '' }}">

                <span class="super-menu-icon">

                    <i class="fa-solid fa-user"></i>

                </span>

                <span class="super-menu-text">
                    Profil Super Admin
                </span>

            </a>

            <a href="{{ route('superadmin.settings.system.edit') }}"
               class="super-menu-item {{ request()->routeIs('superadmin.settings.system.*') ? 'active' : '' }}">

                <span class="super-menu-icon">
                    <i class="fa-solid fa-sliders"></i>
                </span>

                <span class="super-menu-text">
                    Pengaturan Sistem
                </span>

            </a>


        </div>


    </div>


    {{-- =====================================================
         SIDEBAR FOOTER
    ====================================================== --}}

    <div class="super-sidebar-footer">

        <form
            action="{{ route('superadmin.logout') }}"
            method="POST">

            @csrf

            <button
                type="submit"
                class="super-logout-button">

                <i class="fa-solid fa-right-from-bracket"></i>

                <span>
                    Logout
                </span>

            </button>

        </form>

    </div>


</aside>


{{-- =========================================================
     MOBILE OVERLAY
========================================================= --}}

<div
    class="super-sidebar-overlay"
    id="superSidebarOverlay">
</div>


{{-- =========================================================
     MOBILE TOPBAR
========================================================= --}}

<header class="super-mobile-header">

    <button
        type="button"
        class="super-mobile-menu-button"
        id="superMobileMenuButton"
        aria-label="Buka menu">

        <i class="fa-solid fa-bars"></i>

    </button>


    <div class="super-mobile-brand">

        <span class="super-mobile-brand-icon">

            <i class="fa-solid fa-shield-halved"></i>

        </span>

        <div>

            <strong>
                SARPRAS
            </strong>

            <small>
                Super Admin
            </small>

        </div>

    </div>

</header>