<!-- Sidenav Menu -->
<div class="app-menu bg-white">

    <!-- App Logo -->
    <a href="{{url('/')}}" class="">
        <div class="flex gap-3 p-4 items-center">
            <div>
                <img src="{{asset('assets/logo-dlh.png')}}" class="" alt="Light logo" width="35">
            </div>
            <div class="flex text-menu flex-col gap-1">
                <h6 class="text-lg bold">SLHD</h6>
                <h6 class="text-xs">Dinas Lingkungan Hidup</h6>
            </div>
        </div>
    </a>

    <!-- Sidenav Menu Toggle Button -->
    <button id="button-hover-toggle" class="absolute top-5 end-2 rounded-full p-1.5 z-50">
        <span class="sr-only">Menu Toggle Button</span>
        <i class="ri-checkbox-blank-circle-line text-xl"></i>
    </button>

    <!--- Menu -->
    <div class="scrollbar" data-simplebar>
        <ul class="menu border-t" data-fc-type="accordion">
            <li class="menu-title">Navigation</li>

            <li class="menu-item">
                <a href="{{url('dashboard')}}" class="menu-link">
                    <span class="menu-icon">
                        <i class="ri-home-4-line"></i>
                    </span>
                    <span class="menu-text"> Dashboard </span>
                </a>
            </li>

            {!! renderMenu() !!}
            <li class="menu-item">
                <a href="{{url('logout')}}" class="menu-link">
                    <span class="menu-icon">
                        <i class="ri-logout-box-line"></i>
                    </span>
                    <span class="menu-text"> Logout </span>
                </a>
            </li>
        </ul>

    </div>
</div>
<!-- Sidenav Menu End  -->
