@can('sms_gateway_index')
    <li
        class="nav-item {{ request()->routeIs(['sms-gateway*', 'smsBalance', 'smsRecharge', 'smsSetting', 'sendSms', 'smsLog', 'email-setting']) ? 'menu-open' : '' }}">
        <a href="#" class="nav-link">
            <i class="fas fa-sms nav-icon"></i>
            <p>
                SMS ({{ getYourSmsBalance() }})
                <i class="fas fa-angle-left right"></i>
            </p>
        </a>
        <ul class="nav nav-treeview">

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

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

            @can('send-batch-sms')
                <li class="nav-item">
                    <a href="{{ route('sendSms') }}" class="nav-link {{ request()->routeIs(['sendSms']) ? 'active' : '' }}">
                        <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Send SMS</p>
                    </a>
                </li>
            @endcan

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

            @can('sms-log')
                <li class="nav-item">
                    <a href="{{ route('smsLog') }}" class="nav-link {{ request()->routeIs(['smsLog']) ? 'active' : '' }}">
                        <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>SMS Log</p>
                    </a>
                </li>
            @endcan

            @can('sms-setting')
                <li class="nav-item">
                    <a href="{{ route('smsSetting') }}"
                        class="nav-link {{ request()->routeIs(['smsSetting']) ? 'active' : '' }}">
                        <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>SMS Settings</p>
                    </a>
                </li>
            @endcan

        </ul>
    </li>
@endcan