@php
    // contoh header
    // [ 'title' => 'MASTER', 'type' => 'header' ],

    // contoh menu 1 level
    // [ 'title' => 'Dashboard', 'type' => 'menu', 'icon' => 'bi bi-speedometer', 'url' => route('page-home') ],

    // contoh menu 2 level
    // [ 'title' => 'Widgets', 'type' => 'menu', 'icon' => 'bi bi-box-seam-fill', 'url' => 'javascript:void(0)',
    //     'children' => [
    //         [ 'title' => 'Small Box', 'type' => 'menu', 'icon' => 'bi bi-circle', 'url' => 'javascript:void(0)' ],
    //     ],
    // ],

    // contoh menu 3 level
    // [ 'title' => 'Layout Options', 'type' => 'menu', 'icon' => 'bi bi-clipboard-fill', 'url' => 'javascript:void(0)',
    //     'children' => [
    //         [ 'title' => 'Layout', 'type' => 'menu', 'icon' => 'bi bi-circle', 'url' => 'javascript:void(0)',
    //             'children' => [
    //                 [ 'title' => 'Custom Area', 'type' => 'menu', 'icon' => 'bi bi-circle', 'url' => 'javascript:void(0)' ],
    //             ],
    //         ],
    //     ],
    // ],

    $menus = [
        [ 'title' => 'Dashboard', 'type' => 'menu', 'icon' => 'bi bi-speedometer', 'url' => route('page-home'), 'permission' => 'view-dashboard' ],
        [ 'title' => 'MASTER', 'type' => 'header', 'permission' => 'view-master' ],
        [ 'title' => 'Buku', 'type' => 'menu', 'icon' => 'bi bi-book', 'url' => route('page-book'), 'permission' => 'view-master-buku' ],
        [ 'title' => 'Kategori Buku', 'type' => 'menu', 'icon' => 'bi bi-tags', 'url' => route('page-category'), 'permission' => 'view-master-kategori' ],
        [ 'title' => 'Anggota', 'type' => 'menu', 'icon' => 'bi bi-people', 'url' => route('page-member'), 'permission' => 'view-master-anggota' ],
        [ 'title' => 'MANAJEMEN', 'type' => 'header', 'permission' => 'view-manajemen' ],
        [ 'title' => 'Peminjaman', 'type' => 'menu', 'icon' => 'bi bi-journal-bookmark', 'url' => route('page-rent'), 'permission' => 'view-manajemen-peminjaman' ],
        [ 'title' => 'Pengembalian', 'type' => 'menu', 'icon' => 'bi bi-journal-bookmark', 'url' => route('page-return'), 'permission' => 'view-manajemen-pengembalian' ],
        [ 'title' => 'Denda', 'type' => 'menu', 'icon' => 'bi bi-receipt', 'url' => route('page-fine'), 'permission' => 'view-manajemen-denda' ],
        [ 'title' => 'MISCELLANEOUS', 'type' => 'header', 'permission' => 'view-miscellaneous' ],
        [ 'title' => 'Pengguna', 'type' => 'menu', 'icon' => 'bi bi-person-check', 'url' => route('page-user'), 'permission' => 'view-miscellaneous-pengguna' ],
        [ 'title' => 'Pengaturan', 'type' => 'menu', 'icon' => 'bi bi-gear', 'url' => route('page-config'), 'permission' => 'view-miscellaneous-pengaturan' ],
    ];

    $renderMenu = function($menu) use (&$renderMenu) {
        if (isset($menu['permission']) && !Gate::allows($menu['permission'])) {
            return ''; // skip kalau user tidak punya izin
        }

        if ($menu['type'] === 'header') {
            return "<li class=\"nav-header text-uppercase\">" . ($menu['title'] ?? '') . "</li>";
        }

        $html = "";
        $html .= "<li class=\"nav-item " . ($menu['class'] ?? '') . "\">";
        $html .= "<a href=\"" . ($menu['url'] ?? '#') . "\" class=\"nav-link " . ($menu['class'] ?? '') . "\">";
        $html .= "<i class=\"nav-icon " . ($menu['icon'] ?? '') . "\"></i>";
        $html .= "<p>" . ($menu['title'] ?? '');
        if(array_key_exists('children', $menu) && !empty($menu['children'])) {
            $html .= "<i class=\"nav-arrow bi bi-chevron-right\"></i>";
        }
        $html .= "</p>";
        $html .= "</a>";

        if(array_key_exists('children', $menu) && !empty($menu['children'])) {
            $html .= "<ul class=\"nav nav-treeview\">";
            foreach($menu['children'] as $child) {
                $html .= $renderMenu($child);
            }
            $html .= "</ul>";
            $html .= "</li>";
        }

        return $html;
    }
@endphp

<!-- Start::app-sidebar -->
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
    <div class="sidebar-brand">
        <a href="{{ route('page-home') }}" class="brand-link">
            <img src="{{ asset('assets/img/AdminLTELogo.png') }}" alt="AdminLTE Logo" class="brand-image opacity-75 shadow" />
            <span class="brand-text fw-light">Perpustakaan</span>
        </a>
    </div>

    <div class="sidebar-wrapper">
        <nav class="mt-2">
            <!--begin::Sidebar Menu-->
            <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="navigation" aria-label="Main navigation" data-accordion="false" id="navigation">
                @foreach($menus as $menu)
                    {!! $renderMenu($menu) !!}
                @endforeach
            </ul>
            <!--end::Sidebar Menu-->
        </nav>
    </div>
    <!--end::Sidebar Wrapper-->
</aside>
<!-- End::app-sidebar -->