@can('dashboard')
<li class="nav-item">
    <a href="{{ route('home') }}" class="nav-link {{ Request::is('home*') ? 'active' : '' }}">
        <i class="fa fa-cog pr-2" aria-hidden="true"></i>
        <p>Dashboard</p>
    </a>
</li>
@endcan
@can('user_management')
<li class="nav-item">
    <a href="{{ route('users.index') }}" class="nav-link {{ Request::is('users*') ? 'active' : '' }}">
        <i class="fa fa-users pr-2" aria-hidden="true"></i>
        <p>Users</p>
    </a>
</li>
@endcan
@can('user_subscriptions')
<li class="nav-item">
    <a href="{{ route('subscriptions.index') }}" class="nav-link {{ Request::is('subscriptions*') ? 'active' : '' }}">
        <i class="fa fa-rocket pr-2" aria-hidden="true"></i>
        <p>Subscriptions</p>
    </a>
</li>
@endcan
@can('user_payment')
<li class="nav-item">
    <a href="{{ route('payments.index') }}" class="nav-link {{ Request::is('payments*') ? 'active' : '' }}">
        <i class="fa fa-credit-card pr-2" aria-hidden="true"></i>
        <p>Payments</p>
    </a>
</li>
@endcan
@can('user_advertisement')
<li class="nav-item">
    <a href="{{ route('ads.index') }}" class="nav-link {{ Request::is('ads*') ? 'active' : '' }}">
        <i class="fa fa-ad pr-2" aria-hidden="true"></i>
        <p>Advertisement</p>
    </a>
</li>

<li class="nav-item">
    <a href="javascript:void(0)" class="nav-link  ">
        <i class="fa fa-ad pr-2" aria-hidden="true"></i>
        <p>
            Banner Advertisements
            <i class="right fas fa-angle-down"></i>
        </p>
    </a>
    <ul class="nav nav-treeview">

        <li class="nav-item" style="padding-left: 13%;">
            <a href="{{ route('bannerAdvertisements.index') }}" class="nav-link {{ Request::is('bannerAdvertisements*') ? 'active' : '' }}">

                <p>Banner Advertisements</p>
            </a>
        </li>

        <li class="nav-item" style="padding-left: 13%;">
            <a href="{{ route('bannerAdsLocations.index') }}" class="nav-link {{ Request::is('bannerAdsLocations*') ? 'active' : '' }}">
                <p>Banner Ads Locations</p>
            </a>
        </li>

    </ul>
</li>




@endcan

<li class="nav-item">
    <a href="javascript:void(0)" class="nav-link  ">
        <i class="fa fas fa-tags pr-2" aria-hidden="true"></i>
        <p>
            Discover Cards
            <i class="right fas fa-angle-down"></i>
        </p>
    </a>
    <ul class="nav nav-treeview">

        <li class="nav-item" style="padding-left: 13%;">
            <a href="{{ route('cities.index') }}" class="nav-link {{ Request::is('cities*') ? 'active' : '' }}">
                <p>Discover Card Cities</p>
            </a>
        </li>

        <li class="nav-item" style="padding-left: 13%;">
            <a href="{{ route('discover-cards-index') }}" class="nav-link {{ Request::is('discover-cards*') ? 'active' : '' }}">
                <p>Discover Cards</p>
            </a>
        </li>

    </ul>
</li>





{{-- @if    (env('APP_ENV')=='local')
<li class="nav-item">
    <a href="{{ route('io_generator_builder') }}" class="nav-link {{ Request::is('io_generator_builder') ? 'active' : '' }}">
<i class="fa fa-cog pr-2" aria-hidden="true"></i>
<p>Generator</p>
</a>
</li>
<li class="nav-item">
    <a href="{{ route('io_generator_builder') }}" class="nav-link {{ Request::is('io_generator_builder') ? 'active' : '' }}">
        <i class="fa fa-cog pr-2" aria-hidden="true"></i>
        <p>Generator</p>
    </a>
</li>

<li class="nav-item">
    <a href="javascript:void(0)" class="nav-link  ">
        <i class=" fas fa-users pr-2"></i>
        <p>
            User Management
            <i class="right fas fa-angle-down"></i>
        </p>
    </a>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <a href="{{route('permissions.index')}}" class="nav-link  {{ Request::routeIs('permissions.index') ? 'active' : '' }}">
                <i class="far fa-check-circle nav-icon"></i>
                <p>Permissons</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{route('roles.index')}}" class="nav-link  {{ Request::routeIs('roles.index') ? 'active' : '' }}">
                <i class="fas fa-award nav-icon"></i>
                <p>Roles</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('rolesPermissions.index') }}" class="nav-link {{ Request::is('rolesPermissions*') ? 'active' : '' }}">
                <i class="fas fa-user-tie nav-icon"></i>
                <p>Roles Permissions</p>
            </a>
        </li>

        <li class="nav-item">
            <a href="{{ route('userRoles.index') }}" class="nav-link {{ Request::is('userRoles*') ? 'active' : '' }}">
                <i class="fas fa-hat-cowboy nav-icon"></i>
                <p>Assign Roles</p>
            </a>
        </li>
    </ul>
</li>
@endif





<li class="nav-item">
    <a href="javascript:void(0)" class="nav-link ">
        <i class="fa-solid fa-browsers"></i>
        <i class="fab fa-windows pr-2"></i>
        <p>
            Default Values
            <i class="right fas fa-angle-down"></i>
        </p>
    </a>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <a href="{{ route('defaultBodyTypes.index') }}" class="nav-link {{ Request::is('defaultBodyTypes*') ? 'active' : '' }}">
                <i class="fas fa-child nav-icon"></i>
                <p>Body Types</p>
            </a>
        </li>


        <li class="nav-item">
            <a href="{{ route('defaultGenders.index') }}" class="nav-link {{ Request::is('defaultGenders*') ? 'active' : '' }}">
                <i class="fas fa-chess nav-icon"></i>
                <p>Genders</p>
            </a>
        </li>


        <li class="nav-item">
            <a href="{{ route('defaultLookingFors.index') }}" class="nav-link {{ Request::is('defaultLookingFors*') ? 'active' : '' }}">

                <i class="fas fa-eye nav-icon"></i>
                <p>Looking Fors</p>
            </a>
        </li>


        <li class="nav-item">
            <a href="{{ route('defaultPositions.index') }}" class="nav-link {{ Request::is('defaultPositions*') ? 'active' : '' }}">

                <i class="fas fa-sliders-h nav-icon"></i>
                <p>Positions</p>
            </a>
        </li>


        <li class="nav-item">
            <a href="{{ route('defaultRelationshipStatuses.index') }}" class="nav-link {{ Request::is('defaultRelationshipStatuses*') ? 'active' : '' }}">
                <i class="fas fa-heart nav-icon"></i>
                <p>Relationship Status </p>
            </a>
        </li>

    </ul>
</li>
--}}
<!-- <li class="nav-item">
    <a href="{{ route('files.index') }}" class="nav-link {{ Request::is('files*') ? 'active' : '' }}">
        <i class="fa fa-file pr-2" aria-hidden="true"></i>

        <p>Files</p>
    </a>
</li> -->
@can('user_notification')
<li class="nav-item">
    <a href="{{ route('announcements.index') }}" class="nav-link {{ Request::is('announcements*') ? 'active' : '' }}">
        <i class="fa fa-bullhorn pr-2" aria-hidden="true"></i>

        <p>Notifications</p>
    </a>
</li>
@endcan
@can('user_promocode')

<li class="nav-item">
    <a href="{{ route('promoCodes.index') }}" class="nav-link {{ Request::is('promoCodes*') ? 'active' : '' }}">
        <i class="fa fa-barcode pr-2" aria-hidden="true"></i>
        <p>Promo Codes</p>
    </a>
</li>
@endcan
@can('user_contactus')
<li class="nav-item">
    <a href="{{ route('contactuses.index') }}" class="nav-link {{ Request::is('contactuses*') ? 'active' : '' }}">
        <i class="fa fa-address-book pr-2" aria-hidden="true"></i>
        <p>Contact Us</p>
    </a>
</li>
@endcan

@can('delete_user')

<li class="nav-item">
    <a href="{{ route('users.delete') }}" class="nav-link {{ Request::is('deleted/users') ? 'active' : '' }}">
        <i class="fa fa-users pr-2" aria-hidden="true"></i>
        <p>Deleted Users</p>
    </a>
</li>
@endcan
@can('user_settings')
<li class="nav-item">
    <a href="{{ route('settings.index') }}" class="nav-link {{ Request::is('settings*') ? 'active' : '' }}">
        <i class="fa fa-cog pr-2" aria-hidden="true"></i>
        <p>Settings</p>
    </a>
</li>
@endcan
@can('user_verificationrequest')
<li class="nav-item">
    <a href="{{ route('verificationRequests.index') }}" class="nav-link {{ Request::is('verificationRequests*') ? 'active' : '' }}">
        <i class="fa  fa-solid fa-user-check pr-2"></i>
        <p>To Be Verified</p>
    </a>
</li>
@endcan
<script>
    $(document).ready(function() {
        var parent = $("a.active").parent().parent().parent();
        parent.addClass("menu-is-opening menu-open");
        var child = $("a.active").children();
        child.css("color", "white");
    });
</script>




<li class="nav-item">
    <a href="{{ route('reports.index') }}" class="nav-link {{ Request::is('reports*') ? 'active' : '' }}">
        <i class="fa  fa-solid fa-flag pr-2"></i>
        <p>Reports</p>
    </a>
</li>

<li class="nav-item">
    <a href="{{ route('logs') }}" class="nav-link {{ Request::is('reports*') ? 'active' : '' }}">
        <i class="fa  fa-solid fa-history pr-2"></i>
        <p>Logs 🆕 </p>
    </a>
</li>