{{-- Sidebar Super Admin --}}
@php
$isMasterActive = request()->routeIs('admin.users.*')
|| request()->routeIs('admin.teachers.*')
|| request()->routeIs('admin.students.*')
|| request()->routeIs('admin.classrooms.*')
|| request()->routeIs('admin.subjects.*');

$isAkademikActive = request()->routeIs('admin.academic-years.*')
|| request()->routeIs('admin.schedules.*')
|| request()->routeIs('admin.promotions.*')
|| request()->routeIs('admin.substitutes.*')
|| request()->routeIs('admin.holidays.*');

$isAbsensiActive = request()->routeIs('admin.teacher-daily-attendances.*')
|| request()->routeIs('admin.student-daily-attendances.*')
|| request()->routeIs('admin.teaching-attendances.*')
|| request()->routeIs('admin.student-subject-attendances.*');

$isPerizinanActive = request()->routeIs('admin.teacher-leaves.*')
|| request()->routeIs('admin.student-leaves.*');

$isQrActive = request()->routeIs('admin.kiosk-tokens.*')
|| request()->routeIs('admin.qr-codes.*');

$isLaporanActive = request()->routeIs('admin.reports.*');
@endphp

<aside id="sidebar"
    class="fixed top-0 left-0 z-20 hidden w-64 h-full pt-16 font-normal duration-75 transition-width lg:flex lg:flex-col shrink-0"
    aria-label="Sidebar Admin">
    <div
        class="relative flex flex-col flex-1 min-h-0 pt-0 bg-white border-r border-gray-200 dark:bg-gray-800 dark:border-gray-700">
        <div class="flex flex-col flex-1 pt-5 pb-4 overflow-y-auto">
            <div class="flex-1 px-3 space-y-1 bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">

                {{-- MENU UTAMA --}}
                <ul class="pb-2 space-y-2">
                    {{-- Dashboard --}}
                    <li>
                        <a href="{{ route('admin.dashboard') }}"
                            class="flex items-center p-2 text-base text-gray-900 rounded-lg hover:bg-gray-100 group dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.dashboard') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">
                            <svg class="w-6 h-6 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
                                <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
                            </svg>
                            <span class="ml-3">Dashboard</span>
                        </a>
                    </li>

                    {{-- Master Data (collapse) --}}
                    <li>
                        <button type="button"
                            class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ $isMasterActive ? 'bg-gray-100 dark:bg-gray-700' : '' }}"
                            aria-controls="dropdown-master" data-collapse-toggle="dropdown-master">
                            <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path
                                    d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" />
                            </svg>
                            <span class="flex-1 ml-3 text-left whitespace-nowrap">Master Data</span>
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </button>
                        <ul id="dropdown-master"
                            class="{{ $isMasterActive ? 'py-2 space-y-2' : 'hidden py-2 space-y-2' }}">
                            <li><a href="{{ route('admin.users.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.users.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Manajemen
                                    User</a></li>
                            <li><a href="{{ route('admin.teachers.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.teachers.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Data
                                    Guru</a></li>
                            <li><a href="{{ route('admin.students.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.students.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Data
                                    Siswa</a></li>
                            <li><a href="{{ route('admin.classrooms.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.classrooms.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Data
                                    Kelas</a></li>
                            <li><a href="{{ route('admin.subjects.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.subjects.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Data
                                    Mapel</a></li>
                        </ul>
                    </li>

                    {{-- Akademik --}}
                    <li>
                        <button type="button"
                            class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ $isAkademikActive ? 'bg-gray-100 dark:bg-gray-700' : '' }}"
                            aria-controls="dropdown-akademik" data-collapse-toggle="dropdown-akademik">
                            <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path
                                    d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zm5.99 7.176A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z" />
                            </svg>
                            <span class="flex-1 ml-3 text-left whitespace-nowrap">Akademik</span>
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </button>
                        <ul id="dropdown-akademik"
                            class="{{ $isAkademikActive ? 'py-2 space-y-2' : 'hidden py-2 space-y-2' }}">
                            <li><a href="{{ route('admin.academic-years.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.academic-years.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Tahun
                                    Ajaran</a></li>
                            <li><a href="{{ route('admin.schedules.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.schedules.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Jadwal
                                    Pelajaran</a></li>
                            <li><a href="{{ route('admin.promotions.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.promotions.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Kenaikan
                                    Kelas</a></li>
                            <li><a href="{{ route('admin.holidays.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.holidays.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Kalender
                                    Libur</a></li>
                            <li><a href="{{ route('admin.substitutes.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.substitutes.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Guru
                                    Pengganti</a></li>
                        </ul>
                    </li>

                    {{-- Absensi --}}
                    <li>
                        <button type="button"
                            class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ $isAbsensiActive ? 'bg-gray-100 dark:bg-gray-700' : '' }}"
                            aria-controls="dropdown-absensi" data-collapse-toggle="dropdown-absensi">
                            <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
                                    clip-rule="evenodd" />
                            </svg>
                            <span class="flex-1 ml-3 text-left whitespace-nowrap">Absensi</span>
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </button>
                        <ul id="dropdown-absensi"
                            class="{{ $isAbsensiActive ? 'py-2 space-y-2' : 'hidden py-2 space-y-2' }}">
                            <li><a href="{{ route('admin.teacher-daily-attendances.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.teacher-daily-attendances.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Absensi
                                    Harian Guru</a></li>
                            <li><a href="{{ route('admin.student-daily-attendances.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.student-daily-attendances.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Absensi
                                    Harian Siswa</a></li>
                            <li><a href="{{ route('admin.teaching-attendances.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.teaching-attendances.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Absensi
                                    Mengajar</a></li>
                            <li><a href="{{ route('admin.student-subject-attendances.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.student-subject-attendances.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Absensi
                                    Mapel Siswa</a></li>
                        </ul>
                    </li>

                    {{-- Perizinan --}}
                    <li>
                        <button type="button"
                            class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ $isPerizinanActive ? 'bg-gray-100 dark:bg-gray-700' : '' }}"
                            aria-controls="dropdown-izin" data-collapse-toggle="dropdown-izin">
                            <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z"
                                    clip-rule="evenodd" />
                            </svg>
                            <span class="flex-1 ml-3 text-left whitespace-nowrap">Perizinan</span>
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </button>
                        <ul id="dropdown-izin"
                            class="{{ $isPerizinanActive ? 'py-2 space-y-2' : 'hidden py-2 space-y-2' }}">
                            <li><a href="{{ route('admin.teacher-leaves.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.teacher-leaves.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Izin
                                    Guru</a></li>
                            <li><a href="{{ route('admin.student-leaves.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.student-leaves.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Izin
                                    Siswa</a></li>
                        </ul>
                    </li>

                    {{-- QR & Kiosk --}}
                    <li>
                        <button type="button"
                            class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ $isQrActive ? 'bg-gray-100 dark:bg-gray-700' : '' }}"
                            aria-controls="dropdown-qr" data-collapse-toggle="dropdown-qr">
                            <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M3 4a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm2 2V5h1v1H5zM3 13a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm2 2v-1h1v1H5zM13 3a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V4a1 1 0 00-1-1h-3zm1 2v1h1V5h-1z"
                                    clip-rule="evenodd" />
                                <path
                                    d="M11 4a1 1 0 10-2 0v1a1 1 0 002 0V4zM10 7a1 1 0 011 1v1h2a1 1 0 110 2h-3a1 1 0 01-1-1V8a1 1 0 011-1zM16 9a1 1 0 100 2 1 1 0 000-2zM9 13a1 1 0 011-1h1a1 1 0 110 2v2a1 1 0 11-2 0v-3zM7 11a1 1 0 000-2H4a1 1 0 000 2h3zM17 13a1 1 0 01-1 1h-2a1 1 0 110-2h2a1 1 0 011 1zM16 17a1 1 0 100-2h-3a1 1 0 100 2h3z" />
                            </svg>
                            <span class="flex-1 ml-3 text-left whitespace-nowrap">QR & Kiosk</span>
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </button>
                        <ul id="dropdown-qr" class="{{ $isQrActive ? 'py-2 space-y-2' : 'hidden py-2 space-y-2' }}">
                            <li><a href="{{ route('admin.qr.index') }}"
                                class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.qr-codes.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">QR Code</a></li>
                            <li><a href="{{ route('admin.kiosk-tokens.index') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.kiosk-tokens.*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Kiosk
                                    Token</a></li>
                        </ul>
                    </li>

                    {{-- Laporan --}}
                    <li>
                        <button type="button"
                            class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ $isLaporanActive ? 'bg-gray-100 dark:bg-gray-700' : '' }}"
                            aria-controls="dropdown-laporan" data-collapse-toggle="dropdown-laporan">
                            <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                                fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm2 10a1 1 0 10-2 0v3a1 1 0 102 0v-3zm2-3a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1zm4-1a1 1 0 10-2 0v7a1 1 0 102 0V8z"
                                    clip-rule="evenodd" />
                            </svg>
                            <span class="flex-1 ml-3 text-left whitespace-nowrap">Laporan</span>
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </button>
                        <ul id="dropdown-laporan"
                            class="{{ $isLaporanActive ? 'py-2 space-y-2' : 'hidden py-2 space-y-2' }}">
                            <li><a href="{{ route('admin.reports.teacher-daily') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.reports.teacher-daily') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Lap.
                                    Guru Harian</a></li>
                            <li><a href="{{ route('admin.reports.student-daily') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.reports.student-daily') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Lap.
                                    Siswa Harian</a></li>
                            <li><a href="{{ route('admin.reports.teaching') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.reports.teaching') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Lap.
                                    Mengajar</a></li>
                            <li><a href="{{ route('admin.reports.student-subject') }}"
                                    class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg pl-11 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.reports.student-subject') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">Lap.
                                    Mapel Siswa</a></li>
                        </ul>
                    </li>
                </ul>

                {{-- MENU BAWAH --}}
                <div class="pt-2 space-y-2">
                    <a href="{{ route('admin.settings.index') }}"
                        class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg hover:bg-gray-100 group dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.settings*') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">
                        <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                            fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z"
                                clip-rule="evenodd" />
                        </svg>
                        <span class="ml-3">Konfigurasi Sistem</span>
                    </a>
                    <a href="{{ route('admin.notifications') }}"
                        class="flex items-center p-2 text-base text-gray-900 transition duration-75 rounded-lg hover:bg-gray-100 group dark:text-gray-200 dark:hover:bg-gray-700 {{ request()->routeIs('admin.notifications') ? 'bg-gray-100 dark:bg-gray-700' : '' }}">
                        <svg class="shrink-0 w-6 h-6 text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                            fill="currentColor" viewBox="0 0 20 20">
                            <path
                                d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" />
                        </svg>
                        <span class="ml-3">Notifikasi</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</aside>