<li
    class="nav-item {{ request()->routeIs(['support-home', 'login-attempts-all', 'token*', 'tokenSource*', 'assignTokenList', 'searchToken', 'closeTokenList', 'printTokenList', 'add-token', 'userWiseToken']) ? 'menu-open' : '' }}">
    <a href="#" class="nav-link">
        <i class=" fas fa-laptop-house nav-icon"></i>
        <p> Support
            <i class="fas fa-angle-left right"></i>
        </p>
    </a>
    <ul class="nav nav-treeview ml-2">

        @if (!checkAPI())
            @can('login-attempts-all')
                <li class="nav-item">
                    <a href="{{ route('login-attempts-all') }}"
                        class="nav-link {{ request()->routeIs(['login-attempts-all']) ? 'active' : '' }}">
                        {{-- <i class="fas fa-sign-in-alt nav-icon"></i> --}}
                        <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                        <p>Login Attempts</p>
                    </a>
                </li>
            @endcan
        @endif

        @if (!checkAPI())
            <li class="nav-item">
                <a href="{{ route('freeradius-logs') }}"
                    class="nav-link {{ request()->routeIs(['freeradius-logs']) ? 'active' : '' }}">
                    <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                    <p>Radius Logs</p>
                </a>
            </li>
        @endif


        @cannot('support_home_hide')
            <li class="nav-item">
                {{-- @can('customer-support') --}}
                <a href="{{ route('support-home') }}"
                    class="nav-link {{ request()->routeIs(['support-home']) ? 'active' : '' }}">
                    {{-- <i class="fas fa-laptop-house nav-icon"></i> --}}
                    <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                    <p>Support Home</p>
                </a>
            </li>
        @endcannot
        {{-- @endcan --}}

        @can('new-token')
            <li
                class="nav-item {{ request()->routeIs(['token*', 'tokenSource*', 'token-dashboard', 'assignTokenList', 'searchToken', 'closeTokenList', 'printTokenList', 'add-token', 'userWiseToken']) ? 'menu-open' : '' }}">
                <a href="#" class=" nav-link ">
                    <i class="ml-3 fas fa-ticket-alt nav-icon"></i>
                    <p>Token</p>
                    <i class="fas fa-angle-left right mr-2"></i>
                </a>
                <ul class="nav nav-treeview">

                    @can('token-dashboard')
                        <li class="nav-item">
                            <a href="{{ route('token-dashboard') }}"
                                class="nav-link {{ request()->routeIs(['token-dashboard']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Token Dashboard</p>
                            </a>
                        </li>
                    @endcan

                    @can('assign-token')
                        <li class="nav-item">
                            <a href="{{ route('assignTokenList') }}"
                                class="nav-link {{ request()->routeIs(['assignTokenList']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Assign Token</p>
                            </a>
                        </li>
                    @endcan

                    @can('token-category')
                        <li class="nav-item">
                            <a href="{{ route('tokenCat.index') }}"
                                class="nav-link {{ request()->routeIs(['tokenCat.index']) ? 'active' : '' }}">
                                {{-- <i class="fa fa-arrow-right nav-icon"></i> --}}
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Categories</p>
                            </a>
                        </li>
                    @endcan

                    @can('token-code')
                        <li class="nav-item">
                            <a href="{{ route('tokenCode.index') }}"
                                class="nav-link {{ request()->routeIs(['tokenCode.index']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Codes</p>
                            </a>
                        </li>
                    @endcan

                    @can('token-source')
                        <li class="nav-item">
                            <a href="{{ route('tokenSource.index') }}"
                                class="nav-link {{ request()->routeIs(['tokenSource.index', 'tokenSource.create', 'tokenSource.edit']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Token Sources</p>
                            </a>
                        </li>
                    @endcan

                    @can('close-token')
                        <li class="nav-item">
                            <a href="{{ route('closeTokenList') }}"
                                class="nav-link {{ request()->routeIs(['closeTokenList']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p> Close Token</p>
                            </a>
                        </li>
                    @endcan

                    <li class="nav-item">
                        <a href="{{ route('add-token') }}"
                            class="nav-link {{ request()->routeIs(['add-token']) ? 'active' : '' }}">
                            <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p> Create Token </p>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{ route('token.index') }}"
                            class="nav-link {{ request()->routeIs(['token.index']) ? 'active' : '' }}">
                            <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Print Tokens</p>
                        </a>
                    </li>

                    @can('token-search')
                        <li class="nav-item">
                            <a href="{{ route('searchToken') }}"
                                class="nav-link {{ request()->routeIs(['searchToken']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Search Token</p>
                            </a>
                        </li>

                        {{-- <li class="nav-item">
                            <a href="{{ route('printTokenList') }}" target="blank"
                                class="nav-link {{ request()->routeIs(['printTokenList']) ? 'active' : '' }}">
                                <i class="ml-4 far fa-circle nav-icon" style="font-size: 10px"></i>
                                <p>Print Tokens</p>
                            </a>
                        </li> --}}
                    @endcan
                    @can('token-summary-report')
                        <li class="nav-item">
                            <a href="{{ route('userWiseToken') }}"
                                class="nav-link {{ request()->routeIs(['userWiseToken']) ? 'active' : '' }}">
                                <i class="ml-4 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                                <p>Token Summary</p>
                            </a>
                        </li>
                    @endcan

                </ul>

            </li>
        @endcan

    </ul>
</li>
