
<ul class="nav bottom-nav fixed-bottom d-lg-none">
    <li class="nav-item">
        <a class="nav-link" role="button" onclick="toggleSideMenu()"
           href="javascript:void(0)" aria-current="page"><i class="fa-light fa-list"></i></a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ menuActive('user.notification.permission') }}" href="{{ route('user.notification.permission') }}"><i class="fa-light fa-bullhorn"></i></a>
    </li>
    <li class="nav-item">
        <a href="{{ route('user.dashboard') }}" class="nav-link {{ menuActive('user.dashboard') }}"><i class="fa-light fa-house"></i></a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ menuActive('user.ticket.list') }}" href="{{ route('user.ticket.list') }}"><i class="fa-light fa-ticket"></i></a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ menuActive('user.profile') }}" href="{{ route('user.profile') }}"><i class="fa-light fa-user"></i></a>
    </li>
</ul>
