<ul class="navbar-nav bg-primary-custom sidebar sidebar-dark accordion" id="accordionSidebar">

    <a class="sidebar-brand d-flex align-items-center justify-content-center" href="{{ route('user.dashboard') }}">
        <div class="sidebar-brand-icon rotate-n-15">
            <i class="fas fa-fire"></i>
        </div>
        <div class="sidebar-brand-text mx-2">PeGas</div> </a>
    </a>

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

    <li class="nav-item {{ request()->is('user/dashboard') ? 'active' : '' }}">
        <a class="nav-link" href="{{ route('user.dashboard') }}">
            <i class="fas fa-fw fa-home"></i>
            <span>Dashboard</span>
        </a>
    </li>

    <li class="nav-item {{ request()->is('user/masterdata*') ? 'active' : '' }}">
        <a class="nav-link" href="{{ route('user.masterdata.index') }}">
            <i class="fas fa-fw fa-database"></i>
            <span>Master Data</span>
        </a>
    </li>

    <li class="nav-item {{ request()->is('user/prediksi*') ? 'active' : '' }}">
        <a class="nav-link" href="{{ route('user.prediksi') }}">
            <i class="fas fa-fw fa-chart-line"></i>
            <span>Prediksi</span>
        </a>
    </li>

    <li class="nav-item {{ request()->is('user/riwayat*') ? 'active' : '' }}">
        <a class="nav-link" href="{{ route('user.riwayat') }}">
            <i class="fas fa-fw fa-history"></i>
            <span>Riwayat</span>
        </a>
    </li>

    <li class="nav-item {{ request()->is('user/bantuan*') ? 'active' : '' }}">
        <a class="nav-link" href="{{ route('user.bantuan') }}">
            <i class="fas fa-fw fa-headset"></i>
            <span>Bantuan</span>
        </a>
    </li>

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

    <li class="nav-item">
        <a class="nav-link" href="{{ url('/') }}">
            <i class="fas fa-fw fa-arrow-left"></i>
            <span>Landing Page</span>
        </a>
    </li>

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

    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>

</ul>