@extends('template.layout')

@section('content')
<h1 class="page-title">
    Historial de Pagos
</h1>

<div class="portlet light bordered">
    <div class="portlet-title">
        <div class="caption">
            <h1 class="caption-subject font-green sbold uppercase"> Listado de cierre de caja </h1>
        </div>

    </div>
    {!! Form::hidden('invisible',0, array('id' => 'invisible')) !!}

    <div class="portlet-body">
        <div class="Forum-ForumTopicList row" style="margin:20px">
            <table class="table table-hover nowrap dataTable dtr-inline collapsed tbDetalleRecibos"
                   id="tbDetalleRecibos"
                   width="100%" role="grid" aria-describedby="tbDetalleRecibos_info" style="text-align: center;">
                <thead class="thead-default">
                <tr>
                    <th style="text-align: center;">Serie-Correlativo</th>
                    <th style="text-align: center;">Monto Inicial (S/.)</th>
                    <th style="text-align: center;">Fecha de Creaci&oacute;n</th>
                    <th style="text-align: center;">Turno</th>
                    <th style="text-align: center;">Detalle</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div id="Modal_Detalle" class="modal fade modal-scroll" tabindex="-1"  aria-hidden="true"  data-width="760" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    var urlData = "{{ route('historial.caja') }}";
    var urlBase = "{{ url('tesoreria/caja') }}";
    var urlDataDetalle = "";
    var urlCerrar = "{{ route('cerrar.caja') }}";
</script>
<script src="{{asset('css/icheck/icheck.min.js')}}" type="text/javascript"></script>
<script src="{{asset('js/Historial/index.js')}}"></script>
@endsection