@can('bancos')
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages8" aria-expanded="true"
            aria-controls="collapsePages">
            <i class="fas fa-store"></i>
            <span>Banco</span>
        </a>
        <div id="collapsePages8" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Opciones:</h6>
                @can('bancos:bancos')
                <a class="collapse-item" href="{{ route('banco.index') }}">Maestro de banco</a>

                <a class="collapse-item" href="{{ route('banco.cargos_abonos') }}">Cargos y abonos</a>
                <a class="collapse-item" href="{{ route('banco.conciliacion') }}">Conciliación
                    Bancaria</a>
                @endcan

                @can('bancos:reportes')
                <a class="collapse-item collapsed text-black" href="#" data-toggle="collapse"
                data-target="#second_level_bancos" aria-expanded="true" aria-controls="collapsePages">
                <i class="fas fa-print text-black"></i>
                <span class="text-black ml-1">Reportes</span>
            </a>
            <ul class="nav nav-second-level collapse" id="second_level_bancos">
                <li>
                    <a class="collapse-item" href="{{ route('banco.reporteConciliacionIndex') }}">Reporte de
                        Conciliación</a>
                </li>
                <li>
                    <a class="collapse-item" href="{{ route('banco.reporteChequesEmitidosIndex') }}">Cheques
                        Emitidos</a>
                </li>
                <li>
                    <a class="collapse-item" href="{{ route('banco.ReporteDisponibilidadDiaria') }}">Disponibilidad
                        Diaria</a>
                </li>
                <li>
                    <a class="collapse-item" href="{{ route('banco.ReporteMovimientoBancario') }}">Movimiento
                        Bancario</a>
                </li>
                <li>
                    <a class="collapse-item" href="{{ route('banco.ReporteSaldoBancario') }}" target="_blank">Saldo de
                        bancos</a>
                </li>
            </ul>
                @endcan
            </div>
    </li>
@endcan