@extends('template.home.index')
@section('title', trans('caja.caja_title'))

@section('style')
  <link rel="stylesheet" href="{{asset('assets/css/caja.css')}}">
  <!--Bootstrap Datepicker [ OPTIONAL ]-->
  <link href="{{asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css')}}" rel="stylesheet">
@endsection

@section('content')
  <div class="content_caja scroll_pos">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-6">
              <h3 class="mrg_bottom_30">{{  trans('caja.cierre_caja') }}	</h3>
            </div>
            <div class="col-md-6 text-right">
              <b class="fsize_20">{{  trans('caja.no_arqueo') }} {{$infoCaja->nroArqueo}}</b>
            </div>
          </div>
          <form id="formCloseCaja" method="post">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.fecha') }}</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">
                          <i class="fa fa-calendar" aria-hidden="true"></i>
                        </span>
                      </div>
                      <input type="text" name="fecha" id="dateOpenCaja" class="form-control form-control-lg" autocomplete="off" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.monto_apertura') }}</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                      </div>
                      <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->montoCaja, 2, ',', '.')}}" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.entrada_efectivo') }}</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                      </div>
                      <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->montoEfectivo, 2, ',', '.')}}" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.entrada_tarjeta') }}</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                      </div>
                      <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->montoTarjeta, 2, ',', '.')}}" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-group row">
                    <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">Obsequios: </label>
                    <div class="col-sm-7">
                      <div class="input-group">
                        <div class="input-group-prepend">
                          <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                        </div>
                        <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->montoObsequio, 2, ',', '.')}}" disabled>
                      </div>
                    </div>
                </div>
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.entrada_otros') }}	</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                      </div>
                      <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->montoOtros, 2, ',', '.')}}" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-group row">
                    <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">Pago a credito: </label>
                    <div class="col-sm-7">
                      <div class="input-group">
                        <div class="input-group-prepend">
                          <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                        </div>
                        <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->montoDiferido, 2, ',', '.')}}" disabled>
                      </div>
                    </div>
                </div>
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.cambios') }}</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                      </div>
                      <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->cambios, 2, ',', '.')}}" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">{{  trans('caja.monto_caja') }}</label>
                  <div class="col-sm-7">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">{{$restaurant->currency->symbol}}</span>
                      </div>
                      <input type="text" class="form-control form-control-lg" value="{{number_format($infoCaja->totalCaja, 2, ',', '.')}}" disabled>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-7">
                    <button type="button" class="btn btn-success btn-lg btn-block fw_bold" onclick="closeCaja(1)">{{  trans('caja.cerrar_caja') }}	</button>
                  </div>
                  <div class="col-md-5">
                    <button type="button" class="btn btn-success btn-lg btn-block fw_bold" onclick="closeCaja(2)">{{  trans('caja.cerrar_salir') }}</button>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
        {{-- <div class="col-md-5">
          <div class="row">
            <div class="col-md-6">
              <button type="button" class="btn btn-danger btn-lg btn-block">CANCELAR</button>
            </div>
            <div class="col-md-6">
              <button type="button" class="btn btn-success btn-lg btn-block">CERRAR</button>
            </div>
          </div>
        </div> --}}
      </div>
    </div>
  </div>
@endsection

@section('js')
  <script src="{{asset('assets/js/caja.js')}}"></script>
  <!--Bootstrap Datepicker [ OPTIONAL ]-->
  <script src="{{asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js')}}"></script>
  <script src="{{asset('assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.es.min.js')}}"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      //Datepicker
      $('#dateOpenCaja').datepicker({
        format: "dd/mm/yyyy",
        autoclose:true,
        todayHighlight: true,
        language: "es"
      });
    });
  </script>
@endsection