TIF_NGANJUK_E41220778/resources/views/layouts/sidebar.blade.php

<aside id="sidebar" class="sidebar bg-white">
    <div class="sidebar-header d-flex justify-content-between align-items-center px-3 py-3 py-md-2">
        <a href="{{ Auth::user()->role == 'penjaga perpus' ? route('admin.dashboard') : route('dashboard') }}"
            class="d-flex align-items-center text-decoration-none" style="gap: 0.75rem;">
            <img src="{{ asset('images/logo/icon.svg') }}" alt="Ikon Perpus" style="height: 32px;" class="mt-md-2">
            <div class="d-flex align-items-center mt-md-2" style="gap: 0.75rem;">
                <div class="vr bg-primary sidebar-title" style="width: 2px; height: 24px;"></div>
                <img src="{{ asset('images/logo/name.svg') }}" alt="Perpus" style="height: 24px;"
                    class="sidebar-title">
            </div>
        </a>
        <button type="button" class="btn-close d-lg-none" id="closeSidebarMobile"></button>
    </div>

    <ul class="nav flex-column px-2 mt-2">

        @if (Auth::user()->role == 'penjaga perpus')
            {{-- ================= MENU PENJAGA PERPUSTAKAAN ================= --}}
            <li class="nav-item"><a href="{{ route('admin.dashboard') }}"
                    class="nav-link {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}"><i
                        class="bi bi-grid-1x2-fill"></i><span class="nav-text ms-2">Dashboard</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('admin.buku.index') }}"
                    class="nav-link {{ request()->routeIs('admin.buku.*') ? 'active' : '' }}"><i
                        class="bi bi-book-fill"></i><span class="nav-text ms-2">Manajemen Buku</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('admin.pengumuman.index') }}"
                    class="nav-link {{ request()->routeIs('admin.pengumuman.*') ? 'active' : '' }}"><i
                        class="bi bi-megaphone-fill"></i><span class="nav-text ms-2">Pengumuman</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('admin.pengguna.index') }}"
                    class="nav-link {{ request()->routeIs('admin.pengguna.*') ? 'active' : '' }}"><i
                        class="bi bi-people-fill"></i><span class="nav-text ms-2">Manajemen Pengguna</span></a>
            </li>
            <li class="nav-item">
                <a href="{{ route('admin.rekomendasi.index') }}"
                    class="nav-link {{ request()->routeIs('admin.rekomendasi.*') ? 'active' : '' }}">
                    <i class="bi bi-lightbulb-fill"></i><span class="nav-text ms-2">Rekomendasi</span>
                </a>
            </li>
        @elseif (Auth::user()->role == 'guru')
            {{-- ================= MENU GURU (Siswa + Fitur Khusus) ================= --}}
            <li class="nav-item"><a href="{{ route('dashboard') }}"
                    class="nav-link {{ request()->routeIs('dashboard') ? 'active' : '' }}"><i
                        class="bi bi-grid-1x2-fill"></i><span class="nav-text ms-2">Dashboard</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('katalog.index') }}"
                    class="nav-link {{ request()->routeIs('katalog.*') ? 'active' : '' }}"><i
                        class="bi bi-search"></i><span class="nav-text ms-2">Katalog Buku</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('peminjaman.index') }}"
                    class="nav-link {{ request()->routeIs('peminjaman.*') ? 'active' : '' }}"><i
                        class="bi bi-arrow-left-right"></i><span class="nav-text ms-2">Peminjaman Offline</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('baca.index') }}"
                    class="nav-link {{ request()->routeIs('baca.*') ? 'active' : '' }}"><i
                        class="bi bi-globe"></i><span class="nav-text ms-2">Baca Buku Online</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('guru.laporan.index') }}"
                    class="nav-link {{ request()->routeIs('guru.laporan.*') ? 'active' : '' }}"><i
                        class="bi bi-graph-up-arrow"></i><span class="nav-text ms-2">Laporan Minat Baca</span></a></li>
            <li class="nav-item">
                <a class="nav-link collapsed d-flex align-items-center {{ request()->routeIs('riwayat.*') ? 'active' : '' }}"
                    href="#riwayat-collapse" data-bs-toggle="collapse" aria-expanded="false">
                    <span><i class="bi bi-clock-history"></i><span class="nav-text ms-2">Riwayat</span></span>
                    <i class="bi bi-chevron-down ms-auto"></i>
                </a>
                <div class="collapse {{ request()->routeIs('riwayat.*') ? 'show' : '' }}" id="riwayat-collapse">
                    <ul class="nav flex-column ms-4">
                        <li class="nav-item"><a
                                class="nav-link py-1 {{ request()->routeIs('riwayat.offline') ? 'active' : '' }}"
                                href="{{ route('riwayat.offline') }}">Peminjaman Offline</a></li>
                        <li class="nav-item"><a
                                class="nav-link py-1 {{ request()->routeIs('riwayat.online') ? 'active' : '' }}"
                                href="{{ route('riwayat.online') }}">Baca Online</a></li>
                    </ul>
                </div>
            </li>
        @else
            {{-- ================= MENU SISWA ================= --}}
            <li class="nav-item"><a href="{{ route('dashboard') }}"
                    class="nav-link {{ request()->routeIs('dashboard') ? 'active' : '' }}"><i
                        class="bi bi-grid-1x2-fill"></i><span class="nav-text ms-2">Dashboard</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('katalog.index') }}"
                    class="nav-link {{ request()->routeIs('katalog.*') ? 'active' : '' }}"><i
                        class="bi bi-search"></i><span class="nav-text ms-2">Katalog Buku</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('peminjaman.index') }}"
                    class="nav-link {{ request()->routeIs('peminjaman.*') ? 'active' : '' }}"><i
                        class="bi bi-arrow-left-right"></i><span class="nav-text ms-2">Peminjaman Offline</span></a>
            </li>
            <li class="nav-item"><a href="{{ route('baca.index') }}"
                    class="nav-link {{ request()->routeIs('baca.*') ? 'active' : '' }}"><i
                        class="bi bi-globe"></i><span class="nav-text ms-2">Baca Buku Online</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link collapsed d-flex align-items-center {{ request()->routeIs('riwayat.*') ? 'active' : '' }}"
                    href="#riwayat-collapse" data-bs-toggle="collapse" aria-expanded="false">
                    <span><i class="bi bi-clock-history"></i><span class="nav-text ms-2">Riwayat</span></span>
                    <i class="bi bi-chevron-down ms-auto"></i>
                </a>
                <div class="collapse {{ request()->routeIs('riwayat.*') ? 'show' : '' }}" id="riwayat-collapse">
                    <ul class="nav flex-column ms-4">
                        <li class="nav-item"><a
                                class="nav-link py-1 {{ request()->routeIs('riwayat.offline') ? 'active' : '' }}"
                                href="{{ route('riwayat.offline') }}">Peminjaman Offline</a>
                        </li>
                        <li class="nav-item"><a
                                class="nav-link py-1 {{ request()->routeIs('riwayat.online') ? 'active' : '' }}"
                                href="{{ route('riwayat.online') }}">Baca Online</a>
                        </li>
                    </ul>
                </div>
            </li>
        @endif
    </ul>
</aside>