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">
                {{-- <i class="fas fa-laugh-wink"></i> --}}
                <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">

        @php
            $isTransaksiActive = in_array($active, ['menu-user', 'menu-role']);
        @endphp

        <!-- Transaction -->
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsetransaktion"
                aria-expanded="{{ $isTransaksiActive ? 'true' : 'false' }}" aria-controls="collapsetransaktion">
                <i class="fas fa-fw fa-exchange-alt"></i>
                <span>Transaksi</span>
            </a>
            <div id="collapsetransaktion" class="collapse" aria-labelledby="headingTransaktion"
                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') }}">Peminjaman</a>
                    <a class="collapse-item {{ $active == 'menu-pengembalian' ? 'active' : '' }}"
                        href="{{ route('dashboard.pengembalian.index') }}">Pengembalian</a>
                    <a class="collapse-item {{ $active == 'menu-transfer' ? 'active' : '' }}"
                        href="{{ route('dashboard.transfer.index') }}">Transfer</a>
                </div>
            </div>
        </li>

        <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">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsehistory"
                aria-expanded="{{ $isTransaksiActive ? 'true' : 'false' }}" aria-controls="collapsehistory">
                <i class="fas fa-history"></i>
                <span>History</span>
            </a>
            <div id="collapsehistory" class="collapse" 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') }}">Peminjaman</a>
                    <a class="collapse-item {{ $active == 'history-pengembalian' ? 'active' : '' }}"
                        href="{{ route('dashboard.history.historyPengembalian') }}">Pengembalian</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>

        @php
            $isUserActive = in_array($active, ['menu-user', 'menu-role']);
        @endphp

        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
                aria-expanded="{{ $isUserActive ? 'true' : 'false' }}" aria-controls="collapseTwo">
                <i class="fas fa-fw fa-users"></i>
                <span>Manajemen User</span>
            </a>
            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" 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>
        <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>
        @php
            $isPetiActive = in_array($active, ['menu-user', 'menu-role']);
        @endphp

        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsepeti"
                aria-expanded="{{ $isPetiActive ? 'true' : 'false' }}" aria-controls="collapsepeti">
                <i class="fas fa-fw fa-box"></i>
                <span>Manajemen Peti</span>
            </a>
            <div id="collapsepeti" class="collapse" aria-labelledby="headingTwo" 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>
        <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>Warehouse</span>
            </a>
        </li>

        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsereport"
                aria-expanded="{{ $isUserActive ? 'true' : 'false' }}" aria-controls="collapseTwo">
                <i class="fas fa-fw fa-file-alt"></i>
                <span>Report</span>
            </a>
            <div id="collapsereport" class="collapse" aria-labelledby="headingTwo" 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') }}">PATTERN LOT
                        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>