55 lines
2.6 KiB
PHP
55 lines
2.6 KiB
PHP
<aside id="sidebar" class="sidebar bg-white shadow-sm">
|
|
<div class="sidebar-header d-flex justify-content-between align-items-center px-3 py-3 border-bottom">
|
|
<h5 class="text-primary fw-bold mb-0 ms-3 sidebar-title">Perpus</h5>
|
|
<!-- Tombol close ini hanya untuk mobile -->
|
|
<button type="button" class="btn-close d-lg-none" id="closeSidebarMobile"></button>
|
|
</div>
|
|
|
|
<ul class="nav flex-column px-2 mt-3">
|
|
<li class="nav-item">
|
|
<a href="{{ route('dashboard') }}" class="nav-link {{ request()->routeIs('dashboard') ? 'active' : '' }}">
|
|
<i class="bi bi-grid-fill"></i>
|
|
<span class="nav-text ms-2">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" data-bs-toggle="collapse" href="#katalog-collapse" role="button" aria-expanded="false" aria-controls="katalog-collapse">
|
|
<i class="bi bi-book me-2"></i>
|
|
<span class="nav-text">Katalog Buku</span>
|
|
<i class="bi bi-chevron-down ms-auto"></i>
|
|
</a>
|
|
<div class="collapse {{ request()->routeIs('katalog.index') ? 'show' : '' }}" id="katalog-collapse">
|
|
<ul class="nav flex-column ms-3">
|
|
<li class="nav-item">
|
|
<a href="{{ route('katalog.index', ['tipe' => 'online']) }}" class="nav-link {{ request('tipe') == 'online' ? 'active' : '' }}">
|
|
<span class="nav-text">Baca Buku Online</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{ route('katalog.index', ['tipe' => 'offline']) }}" class="nav-link {{ request('tipe') == 'offline' ? 'active' : '' }}">
|
|
<span class="nav-text">Pinjam Buku Offline</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link">
|
|
<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="#" class="nav-link">
|
|
<i class="bi bi-globe "></i>
|
|
<span class="nav-text ms-2">Baca Buku Online</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link">
|
|
<i class="bi bi-clock-history"></i>
|
|
<span class="nav-text ms-2">Riwayat</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</aside> |