<table class="table table-hover nowrap dataTable dtr-inline collapsed tbEncuestas" id="tbUsuarios"
       width="100%" role="grid" aria-describedby="tbUsuarios_info">
    <thead class="thead-default">
    <tr>
        <th>N°</th>
        <th>DNI Usuario</th>
        <th>Nombre usuario</th>
        <th>Cantidad de libros prestados</th>
        <th>Detalle</th>
    </tr>
    </thead>
    <tbody>
    <?php ($count = 1); ?>
    <?php $__currentLoopData = $prestamosUsuarios; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <tr>
            <td> <?php echo e($count); ?> </td>
            <td> <?php echo e($item->dni); ?> </td>
            <td> <?php echo e($item->apellido_paterno); ?> <?php echo e($item->apellido_materno); ?>, <?php echo e($item->nombres); ?></td>
            <td> <?php echo e($item->cant_libros); ?> </td>
            <td>
                    <a href="<?php echo e(url('prestamousuario/detalle',['DNI' => $item->dni ])); ?>" class="btn btn-outline btn-circle btn-sm blue">
                    <i class="fa fa-edit"></i> Detalle </a>
            </td>

        </tr>
        <?php ($count++); ?>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </tbody>
</table>

<script>
    $('#tbUsuarios').DataTable({
        "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
        bFilter: true,
        "bLengthChange": false,
        bInfo: true,
        "responsive":true,
        "autoWidth": false,
        "language": {
            "lengthMenu": "Mostrar _MENU_ Entradas",
            "zeroRecords": "No se encontraron registros",
            "info": "Mostrando la página _PAGE_ de _PAGES_",
            "infoEmpty": "No hay registros disponibles",
            "infoFiltered": "(filtrado de _MAX_ registros totales)",
            "search": "Buscar: ",
            "paginate": {
                "first": "Primero",
                "last": "Último",
                "next": "Siguiente",
                "previous": "Anterior"
            },
        },
        "order": [],
        "aoColumns": [
            { "bSearchable": false },
            { "bSearchable": true },
            { "bSearchable": true },
            { "bSearchable": false },
            { "bSearchable": false }

        ],
        "columns": [
            { "orderable": false },
            { "orderable": true },
            { "orderable": true },
            { "orderable": false },
            { "orderable": false }
        ],       dom: 'Bfrtip',
        buttons: [
            {
                extend: 'pdf',
                exportOptions: {
                    columns: [ 0, 1, 2, 3 ]
                }
            },
            {
                extend: 'excel',
                exportOptions: {
                    columns: [ 0, 1, 2, 3 ]
                }
            }
        ]
    });
</script>

