@can('voice_sms_gateway_index')
    <li
        class="nav-item {{ request()->routeIs(['sendVoice', 'voice-gateway*', 'voice-log*', 'voice-reminder-schedule', 'voice-balance']) ? 'menu-open' : '' }}">
        <a href="#" class="nav-link">
            <i class="fas fa-microphone-alt nav-icon"></i>
            <p>
                Voice
                (<span id="show_voice_balance" class="text-success font-weight-bold"></span>)
                <i class="fas fa-angle-left right"></i>
            </p>
        </a>
        <ul class="nav nav-treeview">
            @can('voice_sms_gateway_list')
                <li class="nav-item">
                    <a href="{{ route('voice-gateway.index') }}"
                        class="nav-link {{ request()->routeIs(['voice-gateway*']) ? 'active' : '' }}">
                        <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Gateway Settings</p>
                    </a>
                </li>
            @endcan

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

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

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

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

        </ul>
    </li>
@endcan