<li
    class="nav-item {{ request()->routeIs(['bw-customer.*', 'bw-sale.*', 'bw-bill-collect.*', 'recurringInvoice', 'bandwidthSaleReport']) ? 'menu-open' : '' }}">
    <a href="#" class="nav-link">
        <i class="fas fa-bell nav-icon"></i>
        <p>
            Bandwidth Sale
            <i class="fas fa-angle-left right"></i>
        </p>
    </a>

    <ul class="nav nav-treeview">

        {{-- <li class="nav-item">
            <a href="{{ route('bw-bill-collect.index') }}"
                class="nav-link {{ request()->routeIs(['bw-bill-collect.index']) ? 'active' : '' }}">
                <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Bill Collection</p>
            </a>
        </li> --}}

        <li class="nav-item">
            <a href="{{ route('bw-customer.index') }}"
                class="nav-link {{ request()->routeIs(['bw-customer.*']) ? 'active' : '' }}">
                <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Customer</p>
            </a>
        </li>

        {{-- <li class="nav-item">
            <a href="{{ route('recurringInvoice') }}"
                class="nav-link {{ request()->routeIs(['recurringInvoice']) ? 'active' : '' }}">
                <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Recurring Invoice</p>
            </a>
        </li> --}}

        <li class="nav-item">
            <a href="{{ route('bw-sale.index') }}"
                class="nav-link {{ request()->routeIs(['bw-sale.index']) ? 'active' : '' }}">
                <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Sale Invoice</p>
            </a>
        </li>

        <li class="nav-item">
            <a href="{{ route('bandwidthSaleReport') }}"
                class="nav-link {{ request()->routeIs(['bandwidthSaleReport']) ? 'active' : '' }}">
                <i class="ml-3 far fa-circle nav-icon" style="font-size: 10px"></i>
                <p>Sale Report</p>
            </a>
        </li>

    </ul>
</li>
