@extends('template.home.index')
@section('title', trans('historial.historial_title'))

@section('style')
  <link rel="stylesheet" href="{{asset('assets/css/ajustes.css')}}">
@endsection

@section('content')
  <div>
    <div class="row col-md-12">
      <div class="col-md-3">
        <div class="ml-2 mt-5" id="filtros">
       <div class="row justify-content-center">
            <div class="col-10 ">
                <div class="table-responsive-sm  ">
                    <table class="table table-striped table-hover  ">
                        <thead class="clickable thead-light" data-toggle="collapse" data-target="#info">
                            <tr>
                                <th scope="col" colspan="2" class="align-items-center rounded-pill text-center">INFORME</th>
                            </tr>
                        </thead>
                        <tbody class="collapse show" id='info'>
                            <tr align="center">
                                <td align="left">Fecha caja actual</td>
                                <td align="right"> {{$dateTaken}}</td>
                            </tr>
                            <tr>
                                <td align="left">Mesas abiertas</td>
                                <td align="right"> {{$mesasAbiertas}}</td>
                            </tr>
                            <tr>
                                <td align="left">Mesas cerradas</td>
                                <td align="right"> {{$mesasCerradas}}</td>
                            </tr>
                            <tr>
                                <td align="left">Pedidos por cobrar</td>
                                <td align="right"> {{number_format($pedidosPorCobrar, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Tarjeta Crédito</td>
                                <td align="right"> {{number_format($cuentasCerradasTarjetaCredito, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Tarjeta Débito</td>
                                <td align="right"> {{number_format($cuentasCerradasTarjetaDebito, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Efectivo</td>
                                <td align="right"> {{number_format($cuentasCerradasEfectivo, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Transferencia</td>
                                <td align="right"> {{number_format($cuentasCerradasTransferencia, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Novuepay</td>
                                <td align="right"> {{number_format($cuentasCerradasNovupay, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Anulados</td>
                                <td align="right"> {{number_format($cuentasAnuladas, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Credito</td>
                                <td align="right"> {{number_format($cuentasCerradasCredito, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Descuentos realizados</td>
                                <td align="right"> {{number_format($descuentosRealizados, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Cuentas cerradas</td>
                                <td align="right"> {{number_format($cuentasCerradasTotal, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Total bruto</td>
                                <td align="right"> {{number_format($totalBruto, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Obsequios</td>
                                <td align="right"> {{number_format($obsequios, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">{{ trans('historial.totalPropina') }}</td>
                                <td align="right"> {{number_format($totalPropina, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Impoconsumo</td>
                                <td align="right"> {{number_format(($ICO), 2, ',', '.')}}</td>
                            </tr>
                            {{-- <tr>
                                <td align="left">Sobrante en propina</td>
                                <td align="right"> {{number_format(($totalPropina*0.08), 2, ',', '.')}}</td>
                            </tr> --}}
                            {{-- <tr>
                                <td align="left">{{ trans('historial.totalPropina') }}</td>
                                <td align="right"> {{number_format(($totalPropina/1.08), 2, ',', '.')}}</td>
                            </tr> --}}
                            <tr>
                                <td align="left">Cuanto cobrado en impuestos</td>
                                <td align="right"> {{number_format($cobradoEnImpuestos, 2, ',', '.')}}</td>
                            </tr>
                            <tr>
                                <td align="left">Total neto</td>
                                <td align="right"> {{number_format($totalNeto-$ICO, 2, ',', '.')}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        </div>
        </div>
    <div class="containerHistorial col-8 pt-3">
      <div id="boxfilter" class="box hide container collapse pb-2">
        <div class="box-header with-border">
          <div class="row align-items-center">
            <div class="col-12">
              <h4 class="box-title">{{  trans('historial.busqueda') }}</h4>
            </div>
          </div>
        </div>
        <div class="box-body">
          <form action="{{route('historial.index')}}" id="filtroForm" method="get" files="true" enctype="multipart/form-data">

            <div class="row">
              <div class="col-md-3">
                <div class="form-group">
                  <label for="typeOrder" class="control-label">{{  trans('historial.tipo_pedido') }}</label>
                  <select class="form-control select2" id="typeOrder" name="typeOrder">
                    <option class="state_0" value="">{{  trans('historial.todos') }}</option>
                    @foreach($tipoPedido as $tipo)
                    <option class="tipo_{{$tipo->idValorParametro}}" value="{{$tipo->idValorParametro}}"
                      @if(isset($_GET['typeOrder']) and ($_GET['typeOrder'] == $tipo->idValorParametro))
                      selected
                      @endif
                        >{{$tipo->nombre}}</option>

                    @endforeach
                  </select>
                </div>
              </div>

              <div class="col-md-3">
                <div class="form-group">
                  <label for="stateOrder" class="control-label">{{  trans('historial.estado_pedidos') }}</label>
                  <select class="form-control select2" id="stateOrder" name="stateOrder">
                    <option class="tipo_0"value="">{{  trans('historial.todos') }}</option>
                    @foreach($estados as $estado)
                    <option value="{{$estado->idValorParametro}}"
                      @if(isset($_GET['stateOrder']) and ($_GET['stateOrder'] == $estado->idValorParametro))
                      selected
                      @endif
                      >{{$estado->nombre}}</option>
                    @endforeach
                  </select>
                </div>
              </div>

              <div class="col-md-3">
                <div class="form-group">
                  <label for="tipo_pago" class="control-label">{{  trans('historial.tipo_pago_grilla') }}</label>
                  <select class="form-control select2" id="tipo_pago" name="tipo_pago">
                    <option class="tipo_0"value="">{{  trans('historial.todos') }}</option>
                    <option value="1" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "1") selected @endif>{{  trans('historial.efectivo') }}</option>
                    <option value="2" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "2") selected @endif>{{  trans('historial.transferencia') }}</option>
                    @if (env('MULTISERVER') == "CO")
                      <option value="21" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "21") selected @endif>{{  trans('historial.nequi') }}</option>
                      <option value="22" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "22") selected @endif>{{  trans('historial.bancolombia') }}</option>
                      <option value="23" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "23") selected @endif>{{  trans('historial.davivienda') }}</option>
                      <option value="24" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "24") selected @endif>{{  trans('historial.daviplata') }}</option>
                    @elseif (env('MULTISERVER') == "EU")
                      <option value="21" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "21") selected @endif>{{  trans('historial.bizum') }}</option>
                    @else
                      <option value="21" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "21") selected @endif>{{  trans('historial.zelle') }}</option>
                      <option value="22" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "22") selected @endif>{{  trans('historial.venmo') }}</option>
                      <option value="23" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "23") selected @endif>{{  trans('historial.cashapp') }}</option>
                      <option value="24" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "24") selected @endif>{{  trans('historial.paypal') }}</option>
                    @endif
                    <option value="3" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "3") selected @endif>{{  trans('historial.electronico') }}</option>
                    <option value="4" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "4") selected @endif>{{  trans('historial.tarjeta') }}</option>
                    <option value="41" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "41") selected @endif>{{  trans('historial.tarjeta_d') }}</option>
                    <option value="42" @if(isset($_GET['tipo_pago']) and ($_GET['tipo_pago']) == "42") selected @endif>{{  trans('historial.tarjeta_c') }}</option>
                  </select>
                </div>
              </div>
              <div class="col-md-3">
                 <div class="form-group">
                  <label for="between_dates" class="control-label">{{  trans('historial.fecha') }}	</label>
                  <div class="input-group">
                    <input type="text" class="form-control pull-right" id="between_dates" name="between_dates" autocomplete="off"
                    @if (isset($_GET["between_dates"]))
                    value="{{$_GET["between_dates"]}}"
                    @endif
                    @if (!isset($_GET["between_dates"]))
                        @if($aperturaCajaActual == null)
                        value="{{date('d/m/Y H:i A', strtotime($aperturaCajaUltima->fechaInit))}} - {{date('d/m/Y H:i A')}}"
                        @else
                        value="{{date('d/m/Y H:i A', strtotime($aperturaCajaActual->fechaInit))}} - {{date('d/m/Y H:i A')}}"
                        @endif
                    @endif
                    >
                    <span class="input-group-btn">
                      <button type="button" class="btn btn-danger" id="btnClear"><i class="fa fa-times"></i></button>
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">

              <div class="col-md-4 text-left">
                  <label for="zona" class="control-label">{{  trans('historial.zona') }}</label>
                  <select class="form-control select2" id="zona" name="zona" onchange="onZonaChange()">
                    <option class="state_0" value="">{{  trans('historial.todasZonas') }}</option>
                    @foreach($zonas as $zona)
                      <option class="" value="{{$zona->idZona}}"
                        @if(isset($_GET['zona']) and ($_GET['zona'] == $zona->idZona))
                        selected
                        @endif
                        >{{$zona->nombre}}</option>
                    @endforeach
                  </select>
              </div>
              <div class="col-md-4 text-right">
                  <label for="mesa" class="control-label">{{  trans('historial.mesa') }}</label>
                  <select class="form-control select2" id="mesa" name="mesa">
                    <option class="state_0" value="">{{  trans('historial.todasMesas') }}</option>
                  </select>
              </div>

              <div class="col-md-4 text-right">
                  <label for="aperturaCaja" class="control-label">{{  trans('historial.aperturaCaja') }}</label>
                  <select class="form-control select2" id="aperturaCaja" name="aperturaCaja" onchange="onAperturaCajaChange()">
                          <option class="state_0" value="">{{trans('historial.todas')}}</option>
                    @foreach( $aperturasCaja as $currentAperturaCaja )

                        @if(!isset($currentAperturaCaja->fechaEnd))
                          <option class="state_0"
                            @if((isset($_GET['aperturaCaja']) and $_GET['aperturaCaja'] == $currentAperturaCaja->idAperturaCaja))
                                selected
                            @endif
                          value="{{$currentAperturaCaja->idAperturaCaja}}">({{$currentAperturaCaja->pedidos->count()}}) No. Arqueo - {{$currentAperturaCaja->nroArqueo}} {{date('Y-m-d H:i A', strtotime($currentAperturaCaja->fechaInit))}} - {{date('Y-m-d H:i A')}}</option>
                        @endif

                        @if(isset($currentAperturaCaja->fechaEnd))
                          <option class="state_0"
                            @if((isset($_GET['aperturaCaja']) and $_GET['aperturaCaja'] == $currentAperturaCaja->idAperturaCaja))
                                selected
                            @endif
                          value="{{$currentAperturaCaja->idAperturaCaja}}">({{$currentAperturaCaja->pedidos->count()}}) No. Arqueo - {{$currentAperturaCaja->nroArqueo}} {{date('Y-m-d H:i A', strtotime($currentAperturaCaja->fechaInit))}} - {{date('Y-m-d H:i A', strtotime($currentAperturaCaja->fechaEnd))}}</option>
                        @endif

                    @endforeach
                  </select>
              </div>

            </div>

            <div class="row">
              <div class="col-md-6 text-left">
                <a href="{{route('historial.index')}}" class="btn btn-danger"><i class="fa fa-refresh" aria-hidden="true"></i>{{  trans('historial.limpiar') }}</a>
              </div>
              <div class="col-md-6 text-right">
                <button type="submit" class="btn btn-info"><i class="fa fa-search" aria-hidden="true"></i>{{  trans('historial.buscar') }}</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 text-left">
            <label>
                {{  trans('historial.estado_pedido') }}
                @if($estadoFilter != '')
                    @if($estadoFilter == 13)
                    <span>{{  trans('historial.abierto') }}</span>
                    @elseif($estadoFilter == 14)
                    <span>{{  trans('historial.cerrado') }}</span>
                    @elseif($estadoFilter == 15)
                    <span>{{  trans('historial.anulado') }}</span>
                    @endif
                @else
                    <span>{{  trans('historial.todos') }}	</span>
                @endif
                <b> | </b>
            </label>
            <label>
                {{  trans('historial.tipo_pedido') }}
                    @if($tipoFilter != '')
                      @if($tipoFilter == 22)
                          <span>{{  trans('historial.ordenar') }}</span>
                        @elseif($tipoFilter == 23)
                          <span>{{  trans('historial.parallevar') }}	</span>
                        @elseif($tipoFilter == 24)
                          <span>{{  trans('historial.domicilio') }}</span>
                        @elseif($tipoFilter == 25)
                          <span>{{  trans('historial.reserva') }}</span>
                        @endif
                      @else
                        <span>{{  trans('historial.todos') }}</span>
                    @endif
                <b> | </b>
            </label>
            <label>
                {{  trans('historial.tipo_pago') }}
                    @switch($pagoFilter)
                      @case(1)
                        <span>{{  trans('historial.efectivo') }}</span>
                        @break
                      @case(2)
                        <span>{{  trans('historial.transferencia') }}	</span>
                        @break
                      @case(21)
                        @if (env('MULTISERVER') == "CO")
                          <span>{{  trans('historial.nequi') }}</span>
                        @elseif (env('MULTISERVER') == "EU")
                          <span>{{  trans('historial.bizum') }}</span>
                        @else
                          <span>{{  trans('historial.zelle') }}</span>
                        @endif
                        @break
                      @case(22)
                        @if (env('MULTISERVER') == "CO")
                        <span>{{  trans('historial.bancolombia') }}</span>
                        @elseif (env('MULTISERVER') == "US")
                          <span>{{  trans('historial.venmo') }}</span>
                        @endif
                        @break
                      @case(23)
                        @if (env('MULTISERVER') == "CO")
                          <span>{{  trans('historial.davivienda') }}	</span>
                        @elseif (env('MULTISERVER') == "US")
                          <span>{{  trans('historial.cashapp') }}</span>
                        @endif
                        @break
                      @case(24)
                        @if (env('MULTISERVER') == "CO")
                          <span>{{  trans('historial.daviplata') }}	</span>
                        @elseif (env('MULTISERVER') == "US")
                          <span>{{  trans('historial.paypal') }}</span>
                        @endif
                        @break
                      @case(3)
                        <span>{{  trans('historial.electronico') }}</span>
                        @break
                      @case(4)
                        <span>{{  trans('historial.tarjeta') }}</span>
                        @break
                      @case(41)
                        <span>{{  trans('historial.tarjeta_d') }}</span>
                        @break
                      @case(42)
                        <span>{{  trans('historial.tarjeta_c') }}</span>
                        @break
                      @default
                        <span>{{  trans('historial.todos') }}</span>
                    @endswitch
            </label>
        </div>
        <div class="col-md-6 text-right">
          @sidebar('historial.imprimir')
          <button type="button" class="fa fa-download btn btn-download" aria-hidden="true"></button>
          @endsidebar
          <i data-toggle="collapse" href="#boxfilter" class="fa fa-filter" aria-hidden="true"></i>
        </div>

      </div>
      <div id="demo">

        <div class="row" style="">
          <div class="col-md-12">
            <div class="table-responsive">
              <table class="table table-striped">
                <thead class="thead-light">
                  <tr>
                    <th scope="col">{{  trans('historial.numero_pedido') }}</th>
                    <th scope="col">{{  trans('historial.nombreTrabajador') }}</th>
                    <th scope="col">{{  trans('historial.nombre_cliente') }}</th>
                    <th scope="col">{{  trans('historial.tipo_pedido_grilla') }}</th>
                    <th scope="col">{{  trans('historial.zona') }}</th>
                    <th scope="col">{{  trans('historial.mesa') }}</th>
                    <th scope="col">{{  trans('historial.tipo_pago_grilla') }}</th>
                    <th scope="col">{{  trans('orders.fecha') }}	</th>
                    <th scope="col">{{  trans('historial.total_grilla') }}</th>
                    <th scope="col">{{  trans('historial.estado_grilla') }}</th>
                    <th scope="col">{{  trans('orders.opciones')}}</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($orders as $order)
                    <tr>
                      <th scope="row">{{$order->referencia}}</th>
                      {{-- {{dd($order->Pedido->funUser->nombre)}} --}}
                      <td scope="row">{{$order->Pedido->funUser != null ? $order->Pedido->funUser->nombre ." " .$order->Pedido->funUser->apellido : " " }}</td>

                      @if (!empty($order->funUserOrder))
                        <td>{{$order->funUserOrder->nombre}} {{$order->funUserOrder->apellido}}</td>
                      @else
                        <td>{{  trans('historial.cliente_generico') }}	</td>
                      @endif
                      <td>{{$order->getTipoPedido->nombre}}</td>
                      @if(isset($order->mesaPedido))
                        @if(isset($order->mesaPedido->funMesas))
                          @if(isset($order->mesaPedido->funMesas->zona))
                            <td>{{$order->mesaPedido->funMesas->zona->nombre}}</td>
                          @endif
                        @endif
                        @else <td>...</td>
                      @endif
                      @if(isset($order->mesaPedido))
                        @if(isset($order->mesaPedido->funMesas))
                            <td>{{$order->mesaPedido->funMesas->numeroMesa}}</td>
                        @endif
                        @else <td>...</td>
                      @endif

                      <td>
                        @switch($order->tipoPago)
                          @case(1)
                            <span class="badge badge-success">{{  trans('historial.efectivo') }}</span>
                            @break
                          @case(2)
                            <span class="badge" style="background: rgba(219, 123, 228, 0.993);color: #fff;">{{  trans('historial.transferencia') }}</span>
                            @break
                          @case(21)
                              @if (env('MULTISERVER') == "CO")
                                  <span class="badge" style="background: rgba(123, 24, 189, 0.993);color: #fff;">{{  trans('historial.nequi') }}</span>
                              @elseif (env('MULTISERVER') == "EU")
                                  <span class="badge" style="background: rgba(123, 24, 189, 0.993);color: #fff;">{{  trans('historial.bizum') }}</span>
                              @else
                                  <span class="badge" style="background: rgba(123, 24, 189, 0.993);color: #fff;">{{  trans('historial.zelle') }}</span>
                              @endif
                              @break
                          @case(22)
                              @if (env('MULTISERVER') == "CO")
                                  <span class="badge badge-warning" style="color: #fff;">{{  trans('historial.bancolombia') }}</span>
                              @elseif (env('MULTISERVER') == "US")
                                  <span class="badge badge-warning" style="color: #fff;">{{  trans('historial.venmo') }}</span>
                              @endif
                              @break
                          @case(23)
                              @if (env('MULTISERVER') == "CO")
                                  <span class="badge" style="background: rgba(250, 70, 15, 0.993);color: #fff;">{{  trans('historial.davivienda') }}</span>
                              @elseif (env('MULTISERVER') == "US")
                                  <span class="badge" style="background: rgba(250, 70, 15, 0.993);color: #fff;">{{  trans('historial.cashapp') }}</span>
                              @endif
                              @break
                          @case(24)
                              @if (env('MULTISERVER') == "CO")
                                  <span class="badge badge-danger">{{  trans('historial.daviplata') }}</span>
                              @elseif (env('MULTISERVER') == "US")
                                  <span class="badge badge-danger">{{  trans('historial.paypal') }}</span>
                              @endif
                              @break

                          @case(3)
                            <span class="badge" style="background: rgba(28, 134, 153, 0.993);color: #fff;">{{  trans('historial.electronico') }}</span>
                            @break
                          @case(4)
                            <span class="badge" style="background: rgba(0, 2, 126, 0.993);color: #fff;">{{  trans('historial.tarjeta') }}</span>
                            @break
                          @case(41)
                            <span class="badge badge-primary">{{  trans('historial.tarjeta_d') }}</span>
                            @break
                          @case(42)
                            <span class="badge badge-dark">{{  trans('historial.tarjeta_c') }}</span>
                            @break
                          @default
                            <span class="badge badge-secondary">{{  trans('historial.default') }}</span>
                        @endswitch
                      </td>
                      <td>{{date('d/m/Y h:i a', strtotime($order->created_at))}}</td>
                      @php
                          $valorPedido = $order->getTotal();
                          $propina = $order->valorPropina;
                          $totalPedido = $valorPedido + $propina;
                      @endphp
                      <td>{{number_format($totalPedido, 2, ',', '.')}}</td>
                      <td>{{$order->getEstado->nombre}}</td>
                      <td>
                        @sidebar('ajustes.historial.show')
                          <a href="{{route('ajustes.historial.show', [$order->idPedido])}}" class="btn btn-dark btn-sm"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                        @endsidebar
                        @sidebar('ajustes.historial.sendEmail')
                          <a type="button" href="Javascript:;" onclick="sendEmail('{{$order->idPedido}}','{{$order->referencia}}')" class="btn btn-dark btn-sm"><i class="fa fa-paper-plane" aria-hidden="true"></i></a>
                        @endsidebar
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            <div class="row" style="padding-top:  10px;padding-bottom: 10px;">
              <div class="col-md-12 text-center">

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- enviar por correo -->
  <div class="modal fade" id="openSendEmail" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content modalEnjoit">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">{{  trans('orders.enviarFactura') }} </h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <div class="list-group" id="listState">
                <form action="" method="post">
                    @csrf
                    <input type="hidden" name="idOrder" id="idOrderSend">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">{{  trans('orders.correo') }}</label>
                                <input type="text" name="email" id="email" class="form-control" value="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <a href="Javascript:;" onclick="sendFormEmail()" type="button" class="btn btn-info">{{  trans('orders.enviar') }}</a>
                        </div>
                    </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  </div>
@endsection

@section('js')
<script type="text/javascript" src="{{asset('assets/js/ajustes.js')}}"></script>

<script src="{{ asset('assets/plugins/html2pdf/dist/html2pdf.bundle.min.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("form").keypress(function(e) {
            if (e.which == 13) {
                return false;
            }
        });
    });
</script>
  <script>
    var dia = "{{$dateTaken}}";
    const options = {
      margin: 0.4,
      filename: 'Informe '+dia,
      image: {
        type: 'jpeg',
        quality: 100
      },
      jsPDF: {
        unit: 'in',
        format: 'letter',
        orientation: 'landscape'
      }
    }
    $('.btn-download').click(function(e) {
      e.preventDefault();
      //const element = document.getElementById('demo');
      //console.log
      const element = document.getElementById('demo').innerHTML;
      const filtro = document.getElementById('filtros').innerHTML;
      html2pdf().from(filtro+element).set(options).save();
    });
  </script>
  <script src="{{asset('assets/js/historial.js')}}"></script>
  <script type="text/javascript">

    $( document ).ready(function() {

      $("#btnClear").on("click", function(){
        @if($aperturaCajaActual == null)
        $('#between_dates').val("{{date('d/m/Y h:i A', strtotime($aperturaCajaUltima->fechaInit))}} - {{date('d/m/Y h:i A')}}");
        @else
        $('#between_dates').val("{{date('d/m/Y h:i A', strtotime($aperturaCajaActual->fechaInit))}} - {{date('d/m/Y h:i A')}}");
        @endif
      });

        $('#between_dates').daterangepicker({
          timePicker: true,
          format: 'DD/MM/YYYY hh:mm A',
          showClose: true,
          icons: {
              up: 'fas fa-chevron-up text-warning',
              down: 'fas fa-chevron-down text-warning',
              time: 'far fa-clock',
              close: 'fas fa-times text-warning'
          },
          locale: {
            format: 'DD/MM/YYYY hh:mm A'
          }
        });

        @if(isset($_GET['zona']))
          onZonaChange();
        @endif

        @if(isset($_GET['mesa']))
          setTimeout(function () {
            let form = document.getElementById('filtroForm');
            form.elements["mesa"].value = "{{$_GET['mesa']}}";
          }, 1500);
        @endif

    });

    function onAperturaCajaChange() {
        // Buscamos el formulario específico

          let form = document.getElementById('filtroForm');
          let data = {};

        // Tomamos su data y la colocamos en un objeto plano

        let idAperturaCaja = form.elements["aperturaCaja"].value;
        if (idAperturaCaja == "") {
          return;
        }
        data = {
          idAperturaCaja:idAperturaCaja
        }
        // Enviamos por AJAX y actualizamos el select

        $.ajax({
            url: "{{route("historial.getAperturaCajaDate")}}",
            data: data,
            type: 'get',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
                swal({
                    title: "Cargando intervalo de tiempo...",
                    text: "Espere un momento",
                    showConfirmButton: false,
                });
            },
            success: function (response) {
              swal.close();
              if (response.code == 200) {
                let fechaInit = response.data.fechaInit;
                let fechaEnd = response.data.fechaEnd;
                let dateInterval = fechaInit + " - " +fechaEnd;
                form.elements["between_dates"].value = dateInterval;
                return;
              }
              swal("Error!", "{{trans('historial.errorAlCargarElIntervaloDeFecha')}}.", "error");
            },
            error: function (xhr) {
                swal("Error!", "{{trans('historial.errorAlCargarElIntervaloDeFecha')}}.", "error");
            }
        });
    }

    function onZonaChange() {
        // Buscamos el formulario específico

          let form = document.getElementById('filtroForm');
          let data = {};

        // Tomamos su data y la colocamos en un objeto plano

        let idZona = form.elements["zona"].value;

        data = {
          idZona:idZona
        }
        // Enviamos por AJAX y actualizamos el select

        $.ajax({
            url: "{{route("historial.getZonaMesas")}}",
            data: data,
            type: 'get',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
                swal({
                    title: "Cargando mesas...",
                    text: "Espere un momento",
                    showConfirmButton: false,
                });
            },
            success: function (response) {
              swal.close();
              if (response.code == 200) {
                fillFilterMesas(response.data);
                return;
              }
              swal("Error!", "{{trans('historial.errorAlCargarLasMesas')}}.", "error");
            },
            error: function (xhr) {
                swal("Error!", "{{trans('historial.errorAlCargarLasMesas')}}.", "error");
            }
        });
    }

  function fillFilterMesas(mesas) {
    let form = document.getElementById('filtroForm');
    let select = form.elements["mesa"];
    select.innerHTML = "";
    select.name = "mesa";
    select.classList.add("form-control");

    let defaultOption = document.createElement('option');
    defaultOption.value = 0;
    defaultOption.innerHTML = 'TODAS';
    select.appendChild(defaultOption);

    mesas.forEach(function (currentMesa, index, array) {
      let currentOption = document.createElement('option');
      currentOption.value = currentMesa.idMesa;
      currentOption.innerHTML = currentMesa.numeroMesa;
      select.appendChild(currentOption);
    });
  }

</script>

@endsection