@extends('template.layout')

@section('content')
@include('sweet::alert')
<h1 class="page-title">
    Reporte de boletas anuladas
</h1>
<div class="portlet light portlet-fit portlet-datatable bordered">

    <div class="portlet-body">

        <div class="tab-content">

            <div style="padding: 6% 6% 6% 6%;">

                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbboletasanuladas"
                       id="tbboletasanuladas" width="100%" role="grid"
                       aria-describedby="tbboletasanuladas_info">
                    <thead class="thead-default">
                    <tr>
                        <th> Número de boleta </th>
                        <th> Fecha creación </th>
                        <th> Código usuario </th>
                        <th> Nombre usuario </th>
                        <th> Rol </th>
                        <th> Concepto </th>
                        <th> Total </th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($boletasanuladas as $item1)
                        <tr>
                            <td> {{ $item1->numboleta }} </td>
                            <td> {{ \Carbon\Carbon::parse($item1->created_at)->format('d-m-Y') }} </td>
                            <td> {{ $item1->codigo }} </td>
                            <td> {{ $item1->apellido_paterno }} {{ $item1->apellido_materno }}
                                , {{ $item1->nombres }}</td>
                            <td> {{ $item1->Roles }} </td>
                            <td> {{ $item1->concepto }} </td>
                            <td> {{ $item1->monto }} </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

            </div>

        </div>

    </div>

</div>


@endsection
@section('scripts')
<script>

    $('#tbboletasanuladas').DataTable({
        "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
        bFilter: true,
        "bLengthChange": false,
        bInfo: true,
        responsive: true,
        "autoWidth": true,
        "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": true},
            {"bSearchable": true},
            {"bSearchable": true},
            {"bSearchable": true},
            {"bSearchable": true},
            {"bSearchable": true},
            {"bSearchable": false},
        ],
        "columns": [
            {"orderable": true},
            {"orderable": true},
            {"orderable": true},
            {"orderable": true},
            {"orderable": true},
            {"orderable": true},
            {"orderable": false},
        ],
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'excel',
                title: 'Reporte de boletas anuladas'
            }, {
                extend: 'pdf',
                title: 'Reporte de boletas anuladas'
            }

        ]
    });


</script>
@endsection