@extends('template.layout')

@section('content')
    <h1 class="page-title">
        Apertura de Caja
    </h1>
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption">
                    <h1 class="caption-subject font-green uppercase"> Gesti&oacute;n de caja </h1>
                </div>

            </div>
            <div class="col-md-12" style="padding: 0;">
                <div class="portlet default box">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-cogs"></i>Apertura</div>
                    </div>
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-lg-8">
                                <div class="col-lg-3">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Nro. Serie  </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> {{ $serie['serie'] }} </label>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Monto Inicial </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label" id="nalumnos"> S/. {{ $monto }} </label>
                                    </div>
                                </div>
                                {!! Form::hidden('invisible',$turno['id'] , array('id' => 'invisible')) !!}
                                <div class="col-lg-3">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Turno </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label" id="nalumnos"> @if($turno['turno'] == 1) Tarde @else Mañana @endif </label>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Fecha </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label">{{ date_format(date_create($serie['created_at']),"d/m/Y") }}</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">

                                <div class="col-lg-4">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Cantidad de Recibos </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label">{{ $cantidad }}</label>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Simular Cierre </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <button type="button" class="btn green simulador">Simular</button>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group" style="text-align: center">
                                        <label class="control-label"> Cerrar Caja </label>
                                    </div>
                                    <div class="form-group" style="text-align: center">
                                        <button type="button" class="btn green cerrarcaja">Cerrar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="portlet-body" style="padding-top: 2% !important;">
                <div class="Forum-ForumTopicList row" style="margin:20px">
                    <table class="table table-hover nowrap dataTable dtr-inline collapsed tbRecibos"
                           id="tbRecibos"
                           width="100%" role="grid" aria-describedby="tbRecibos_info" style="text-align: center;">
                        <thead class="thead-default">
                        <tr>
                            <th style="text-align: center;">N&uacute;mero de recibo</th>
                            <th style="text-align: center;">Cliente</th>
                            <th style="text-align: center;">Monto Total</th>
                            <th style="text-align: center;">Estado</th>
                            <th style="text-align: center;">Detalle</th>
                            <th style="text-align: center;">Anular</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('recibos.caja') }}";
        var urlBase = "{{ url('tesoreria/caja') }}";
        var urlCerrar = "{{ route('cerrar.caja') }}";
    </script>
    <script src="{{asset('css/icheck/icheck.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Tesoreria/GestionCaja.js')}}"></script>
@endsection