@inject('access', 'App\Services\UserService')
@php($userDetail = $access->getUser($loggedUser->id))

<header class="main-nav">
    <div class="sidebar-user text-center"><img class="img-90 rounded-circle" src="/assets/images/user/{{ $userDetail->userProfile->image_url == '' ? 'avatar.png' : $userDetail->userProfile->image_url }}" alt="">
        <div class="badge-bottom"><span class="badge badge-primary">New</span></div><a href="/myprofile">
            <h6 class="mt-3 f-14 f-w-600">{!! $loggedUser->username !!}</h6>
        </a>
        <p class="mb-0 font-roboto">{!! $loggedUser->role->role !!}</p>
    </div>
    <nav>
        <div class="main-navbar">
            <div class="left-arrow" id="left-arrow"><i data-feather="arrow-left"></i></div>
            <div id="mainnav">
                <ul class="nav-menu custom-scrollbar">
                    <li class="back-btn">
                        <div class="mobile-back text-end"><span>Back</span><i class="fa fa-angle-right ps-2" aria-hidden="true"></i></div>
                    </li>
                    <li><a class="nav-link menu-title link-nav" href="/dashboard"><i data-feather="file"></i><span>Dashboard</span></a></li>
                    @if ($loggedUser->can('list-professionals'))
                        <li><a class="nav-link menu-title link-nav" href="/professionals"><i data-feather="users"></i><span>Professionals</span></a></li>
                    @endif
                    <li class="dropdown">
                        <a class="nav-link menu-title" href="javascript:void(0)">
                            <i data-feather="dollar-sign"></i><span>Billings</span>
                        </a>
                        <ul class="nav-submenu menu-content">
                            @if ($loggedUser->can('list-disbursements'))
                                <li><a href="/disbursements">Disbursement</a></li>
                            @endif
                        </ul>
                    </li>
                    @if ($loggedUser->can('view-managements'))
                    <li class="dropdown">
                        <a class="nav-link menu-title" href="javascript:void(0)">
                            <i data-feather="cloud"></i><span>Maintenance</span>
                        </a>
                        <ul class="nav-submenu menu-content">
                            @if ($loggedUser->can('list-permissions'))
                            <li><a href="/permissions">Permissions</a></li>
                            @endif
                            @if ($loggedUser->can('list-taglines'))
                            <li><a href="/taglines">Taglines</a></li>
                            @endif
                            @if ($loggedUser->can('list-professions'))
                            <li><a href="/professions">Professions</a></li>
                            @endif
                            @if ($loggedUser->can('list-roles'))
                            <li><a href="/roles">Roles</a></li>
                            @endif
                            @if ($loggedUser->can('list-users'))
                            <li><a href="/users">Users</a></li>
                            @endif
                        </ul>
                    </li>
                    @endif
                    @if ($loggedUser->can('view-configs'))
                    <li class="dropdown">
                        <a class="nav-link menu-title" href="javascript:void(0)">
                            <i data-feather="settings"></i><span>Configs</span>
                        </a>
                        <ul class="nav-submenu menu-content">
                            @if ($loggedUser->can('view-config-fees'))
                            <li><a href="/fees">Fees</a></li>
                            @endif
                        </ul>
                    </li>
                    @endif
                </ul>
            </div>
            <div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
        </div>
    </nav>
</header>