<div style="padding: 10px 10px 10px 10px;">
    <div class="note note-info">
        @if(count($detallecierre) > 0)
            <table class="table table-striped table-bordered table-hover table-bg tbdetallecierre"
                   style="text-align: center;" id="tbdetallecierre">
                <thead style="padding: 10px 10px 10px 10px;">
                <tr>
                    <th style="padding: 10px 10px 10px 10px;"> Detalle</th>
                    <th style="padding: 10px 10px 10px 10px;"> Ingreso</th>
                </tr>
                </thead>
                <tbody>
                @php($count = 0)
                @php($aux = 0)
                @foreach($detallecierre as $item)
                    <tr>
                        <td style="padding: 10px 10px 10px 10px;">{{ $item->detalle }}</td>
                        <td style="padding: 10px 10px 10px 10px;">{{ $item->monto }} </td>
                        @php($aux += $item->monto)
                        @php($count++)
                    </tr>
                @endforeach
                <tr>
                    <th style="border-bottom: 1pt solid black;"></th>
                    <th style="border-bottom: 1pt solid black;"></th>
                </tr>
                <tr>
                    <td><strong>DEPOSITO EN EFECTIVO</strong></td>
                    <td><strong>{{$aux}}</strong></td>
                </tr>
                <tr>
                    <th style="border-bottom: 1pt solid black;"></th>
                    <th style="border-bottom: 1pt solid black;"></th>
                </tr>
                <tr>
                    <td><strong> INGRESO DEL DIA {{\Carbon\Carbon::parse( $detallecierre[0]->created_at)->format('d-m-Y')}} </strong>
                    </td>
                    <td><strong>{{$aux}}</strong></td>
                </tr>
                </tbody>
            </table>
        @else
            <div class="well" style="text-align: center;"> No se encontró detalle de caja de cierre</div>
        @endif
    </div>
</div>

<script>
    $('#tbdetallecierre').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": false},
        ],
        "columns": [
            {"orderable": true},
            {"orderable": false},
        ],
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'excel',
                title: 'Reporte detalle de cierre de caja'
            }, {
                extend: 'pdf',
                title: 'Reporte detalle de cierre de caja'
            }

        ]

    });

</script>