siopas-istw-website/resources/views/layouts/sidebar.blade.php

<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
    @if (auth()->user()->role_id == 1)
        <!-- Sidebar - Brand -->
        <a class="sidebar-brand d-flex align-items-center justify-content-center"
            href="{{ route('dashboard.home.admin') }}">
            <div class="sidebar-brand-icon">
                <img src="{{ asset('assets/img/logo_istw.png') }}" alt="Tachometer Icon" width="70" height="70"
                    class="mb-2 mt-2">
            </div>
            <div class="sidebar-brand-text mx-2 mr-3">SIOPAS</div>
        </a>

        <!-- Divider -->
        <hr class="sidebar-divider my-0">

        <!-- Nav Item - Dashboard -->
        <li class="nav-item {{ $active == 'menu-admin' ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('dashboard.home.admin') }}">
                <i class="fas fa-fw fa-tachometer-alt"></i>
                <span>Dashboard</span></a>
        </li>

        <!-- Divider -->
        <hr class="sidebar-divider">

        <!-- Transaction -->
        <li
            class="nav-item {{ $active == 'menu-peminjaman' || $active == 'menu-pengembalian' || $active == 'menu-transfer' ? 'active' : '' }}">
            <a class="nav-link {{ !($active == 'menu-peminjaman' || $active == 'menu-pengembalian' || $active == 'menu-transfer') ? 'collapsed' : '' }}"
                href="#" data-toggle="collapse" data-target="#collapseTransaksi" aria-expanded="true"
                aria-controls="collapseTransaksi">
                <i class="fas fa-fw fa-exchange-alt"></i>
                <span>Transaksi</span>
            </a>
            <div id="collapseTransaksi"
                class="collapse {{ $active == 'menu-peminjaman' || $active == 'menu-pengembalian' || $active == 'menu-transfer' ? 'show' : '' }}"
                aria-labelledby="headingTransaksi" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <a class="collapse-item {{ $active == 'menu-peminjaman' ? 'active' : '' }}"
                        href="{{ route('dashboard.peminjaman.index') }}">Peti Out</a>
                    <a class="collapse-item {{ $active == 'menu-pengembalian' ? 'active' : '' }}"
                        href="{{ route('dashboard.pengembalian.index') }}">Peti In</a>
                    <a class="collapse-item {{ $active == 'menu-transfer' ? 'active' : '' }}"
                        href="{{ route('dashboard.transfer.index') }}">Transfer</a>
                </div>
            </div>
        </li>

        <!-- Disposal -->
        <li class="nav-item {{ $active == 'menu-disposal' ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('dashboard.disposal.index') }}">
                <i class="fas fa-fw fa-trash"></i>
                <span>Disposal</span>
            </a>
        </li>

        <!-- Histories -->
        <li
            class="nav-item {{ $active == 'history-peminjaman' || $active == 'history-pengembalian' || $active == 'history-transfer' ? 'active' : '' }}">
            <a class="nav-link {{ !($active == 'history-peminjaman' || $active == 'history-pengembalian' || $active == 'history-transfer') ? 'collapsed' : '' }}"
                href="#" data-toggle="collapse" data-target="#collapsehistory" aria-expanded="true"
                aria-controls="collapsehistory">
                <i class="fas fa-history"></i>
                <span>History</span>
            </a>
            <div id="collapsehistory"
                class="collapse {{ $active == 'history-peminjaman' || $active == 'history-pengembalian' || $active == 'history-transfer' ? 'show' : '' }}"
                aria-labelledby="headingHistory" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <a class="collapse-item {{ $active == 'history-peminjaman' ? 'active' : '' }}"
                        href="{{ route('dashboard.history.historyPeminjaman') }}">Peti Out</a>
                    <a class="collapse-item {{ $active == 'history-pengembalian' ? 'active' : '' }}"
                        href="{{ route('dashboard.history.historyPengembalian') }}">Peti In</a>
                    <a class="collapse-item {{ $active == 'history-transfer' ? 'active' : '' }}"
                        href="{{ route('dashboard.history.historyTransfer') }}">Transfer</a>
                </div>
            </div>
        </li>

        <!-- Divider -->
        <hr class="sidebar-divider">

        <!-- Heading -->
        <div class="sidebar-heading">
            Master Data
        </div>

        <!-- User -->
        <li class="nav-item {{ $active == 'menu-user' || $active == 'menu-role' ? 'active' : '' }}">
            <a class="nav-link {{ !($active == 'menu-user' || $active == 'menu-role') ? 'collapsed' : '' }}"
                href="#" data-toggle="collapse" data-target="#collapseUser" aria-expanded="true"
                aria-controls="collapseUser">
                <i class="fas fa-fw fa-users"></i>
                <span>Manajemen User</span>
            </a>
            <div id="collapseUser"
                class="collapse {{ $active == 'menu-user' || $active == 'menu-role' ? 'show' : '' }}"
                aria-labelledby="headingUser" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <a class="collapse-item {{ $active == 'menu-user' ? 'active' : '' }}"
                        href="{{ route('dashboard.user.index') }}">User</a>
                    <a class="collapse-item {{ $active == 'menu-role' ? 'active' : '' }}"
                        href="{{ route('dashboard.role.index') }}">Role</a>
                </div>
            </div>
        </li>

        <!-- Customer -->
        <li class="nav-item {{ $active == 'menu-customer' ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('dashboard.customer.index') }}">
                <i class="fas fa-fw fa-user"></i>
                <span>Customer</span>
            </a>
        </li>

        <!-- Peti -->
        <li
            class="nav-item {{ $active == 'menu-typepeti' || $active == 'enu-kondisipeti' || $active == 'menu-peti' ? 'active' : '' }}">
            <a class="nav-link {{ !($active == 'menu-typepeti' || $active == 'menu-kondisipeti' || $active == 'menu-peti') ? 'collapsed' : '' }}"
                href="#" data-toggle="collapse" data-target="#collapsePeti" aria-expanded="true"
                aria-controls="collapsePeti">
                <i class="fas fa-fw fa-box"></i>
                <span>Manajemen Peti</span>
            </a>
            <div id="collapsePeti"
                class="collapse {{ $active == 'menu-typepeti' || $active == 'menu-kondisipeti' || $active == 'menu-peti' ? 'show' : '' }}"
                aria-labelledby="headingPeti" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <a class="collapse-item {{ $active == 'menu-typepeti' ? 'active' : '' }}"
                        href="{{ route('dashboard.typepeti.index') }}">Tipe Peti</a>
                    <a class="collapse-item {{ $active == 'menu-kondisipeti' ? 'active' : '' }}"
                        href="{{ route('dashboard.kondisipeti.index') }}">Kondisi
                        Peti</a>
                    <a class="collapse-item {{ $active == 'menu-peti' ? 'active' : '' }}"
                        href="{{ route('dashboard.peti.index') }}">Peti</a>
                </div>
            </div>
        </li>

        <!-- Warehouse -->
        <li class="nav-item {{ $active == 'menu-warehouse' ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('dashboard.warehouse.index') }}">
                <i class="fas fa-fw fa-warehouse"></i>
                <span>Gudang</span>
            </a>
        </li>

        <li
            class="nav-item {{ $active == 'menu-Pettern_Lot_Peti' || $active == 'menu-Stok_Opname' ? 'active' : '' }}">
            <a class="nav-link {{ !($active == 'menu-Pettern_Lot_Peti' || $active == 'menu-Stok_Opname') ? 'collapsed' : '' }}"
                href="#" data-toggle="collapse" data-target="#collapsereport" aria-expanded="true"
                aria-controls="collapsereport">
                <i class="fas fa-fw fa-file-alt"></i>
                <span>Report</span>
            </a>
            <div id="collapsereport"
                class="collapse {{ $active == 'menu-Pettern_Lot_Peti' || $active == 'menu-Stok_Opname' ? 'show' : '' }}"
                aria-labelledby="headingreport" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <a class="collapse-item {{ $active == 'menu-Pettern_Lot_Peti' ? 'active' : '' }}"
                        href="{{ route('dashboard.Pettern_Lot_Peti.index') }}">Report Peti</a>
                    <a class="collapse-item {{ $active == 'menu-Stok_Opname' ? 'active' : '' }}"
                        href="{{ route('dashboard.StokOpname.index') }}">Stok Opname</a>
                </div>
            </div>
        </li>
    @else
        @include('pages.layouts.sidebar_user')
    @endif


    <!-- Divider -->
    <hr class="sidebar-divider d-none d-md-block">

    <!-- Sidebar Toggler (Sidebar) -->
    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>
</ul>