    <li>

        <x-Custom.navLink navLinkUrl="{{ route('dashboard') }}"
            isActive="{{ Request::path() === 'dashboard' ? 'bg-gray-900': ''}}" navLinkName="Dashboard" />


    </li>
    <li>
        <x-Custom.navLink navLinkUrl="{{ route('resellers.index') }}"
            isActive="{{ Request::path() === 'resellers' ? 'bg-gray-900': ''}}" navLinkName="Reseller" />
        <ul class="dropdown absolute pt-2">
            <li class="pt-2 bg-blue-300">
                <a class="text-white pt-2 pb-2 pl-3 pr-3" href="{{ route('resellers.create') }}">Add New Reseller</a>
            </li>
        </ul>

    </li>
    <li>
        <x-Custom.navLink navLinkUrl="{{ route('mikrotiks.index') }}"
            isActive="{{ Request::path() === 'mikrotiks' ? 'bg-gray-900': ''}}" navLinkName="Mikrotik" />

    </li>
    <li>
        <x-Custom.navLink navLinkUrl="{{ route('packages.index') }}"
            isActive="{{ Request::path() === 'packages' ? 'bg-gray-900': ''}}" navLinkName="Package" />

    </li>
    <li>

        <x-Custom.navLink navLinkUrl="{{ route('pop.index') }}"
            isActive="{{ Request::path() === 'pop' ? 'bg-gray-900': ''}}" navLinkName="POP" />
    </li>
    <li>
        <x-Custom.dropDownMenu navTitle="Clients" iconName="users">
            <a href="{{route('clients.index') }}" class="py-2 px-5 block hover:bg-gray-200">Client List</a>
            <a href="{{route('clients.create') }}" class="py-2 px-5 block hover:bg-gray-200">New Client</a>
            <a href="{{route('packageChange') }}" class="py-2 px-5 block hover:bg-gray-200">Package Change</a>
            <a href="" class="py-2 px-5 block hover:bg-gray-200">Billing Cycle Change</a>
        </x-Custom.dropDownMenu>
    </li>
    <li>
        <x-Custom.dropDownMenu navTitle="Reports" iconName="table">
            <a href="{{route('resellerRechargeReport.index') }}" class="py-2 px-5 block hover:bg-gray-200">Reseller
                Recharge Report</a>
            <a href="{{route('ReselleBalanceLog.index') }}" class="py-2 px-5 block hover:bg-gray-200">Reseller Balance
                Log Report</a>
            <hr>
            {{-- <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">Sub
            Reseller Recharge Report</a> --}}
            {{-- <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">Sub
            Reseller Balance Log</a> --}}
            <hr>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">Client Due
                Report</a>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">Bill Sheet</a>
            </x-Custom.dorpDownMenu>

    </li>

    <li>

        <x-Custom.dropDownMenu navTitle="Admin" iconName="cogs">

            <a href="{{route('user.create') }}" class="py-2 px-5 block hover:bg-gray-200">New
                Users</a>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">View
                Users</a>
            <hr>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">Create
                Role</a>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">View
                Role</a>
            <hr>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">Create
                Permission</a>
            <a href="{{route('user.index') }}" class="py-2 px-5 block hover:bg-gray-200">View
                Permission</a>
            </x-Custom.dorpDownMenu>
    </li>



    <li>
        <x-Custom.dropDownMenu navTitle="{{ Auth::user()->name }}" iconName="user-circle" mobile="inline-block">



            <a href="{{ route('user.edit',Auth::user()->id)}}"
                class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Edit Profile</a>
            <a href="{{route('passwordReset',Auth::user()->id)}}"
                class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Pasword Change</a>

            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Settings</a>

            <form method="POST" action="{{ route('logout') }}">
                @csrf



                <x-responsive-nav-link :href="route('logout')" onclick="event.preventDefault();
                                      this.closest('form').submit();">
                    {{ __('Logout') }}
                </x-responsive-nav-link>
            </form>


        </x-Custom.dropDownMenu>
    </li>
