{% extends "base.html" %}
{% load static %}
{% block titulo %}
  .::Cierre Interno Venta
{% endblock titulo %}
{% block content1 %}
		<script data-jsfiddle="common" src="{% static 'Handson/js/moment.js' %}"></script>
    <link data-jsfiddle="common" href="{% static 'Handson/css/pikaday.css' %}" rel="stylesheet">
    <script data-jsfiddle="common" src="{% static 'Handson/js/pikaday.js' %}"></script>
    <script data-jsfiddle="common" src="{% static 'Handson/js/ZeroClipboard.js' %}"></script>
    <script data-jsfiddle="common" src="{% static 'Handson/js/handsontable.js' %}"></script> 
    <link data-jsfiddle="common" href="{% static 'Handson/css/handsontable.css' %}" rel="stylesheet">


      <script type="text/javascript"> 
      $("#navMaterial").attr('class','dropdown active');
        $("#navCierreInternoVenta").attr('class','active');
      </script> 
          <div class="col-md-12 fondx">
              <div class="panel panel-danger fondxy">
                <!---<div class="panel-heading" align="center"> <h4>CLIENTES</h4></div>-->
                <div class="panel-body ">
                  <div class="row">
                    <div class="alert alert-warning" role="alert" align="center">
                      <h4>Cierre Interno Venta Material</h4>
                    </div>
                  </div>
                  <div class="row" id="Result">
                    {% ifnotequal resultado '' %}
                      {% ifnotequal resultado None %} 
                        {% ifequal resultado 'exito' %}
                        <div class="alert alert-success" role="alert" align="center">
                          <h4>OPERACION EXITOSA!!</h4>
                        </div>
                        {% else %}
                        <div class="alert alert-danger" role="alert" align="center">
                          <h4>FALLO OPERACION :( {{resultado}}</h4>
                        </div>
                        {% endifequal %}
                      {% endifnotequal %}
                    {% endifnotequal %}
                  </div>
              
         
                  <br>

                  <div>
 

                       <div id="modal_confirmacion1" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  
                                  <div class="modal-body alert"role="alert">
                                    <div class="row">
                                      <div class="col-md-12">
                                        <div class="row grp_alr1" align="center">
                                          <h3 >Se Procederá al registro de la recepción física del material. ¿Desea Continuar?</h3>
                                        </div>
                                        
                                        <div class="row grp_pgs1" align="center" hidden>
                                            <h3>PROCESANDO...</h3>
                                        </div>
                                        <div class="row grp_pgs1" hidden>
                                          <div class="progress">
                                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                            </div>
                                          </div>
                                        </div>
                                        <div class="row grp_alr1">
                                         <div class="modal-footer">
                                          <div class="col-md-4 col-md-offset-2">
                                            <button type="button" class="btn btn-danger btn-block" data-dismiss="modal">Cancelar</button>
                                          </div>
                                          <div class="col-md-4">
                                            <button type="button" class="btn btn-primary btn-block" id="alert_aceptar1">Aceptar</button>
                                          </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
 
                    <div id="myModalEnvioFisico" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div  class="modal-dialog">
                          <div class="modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                              <h4 class="modal-title" id="myModalLabel">Cierre de Caja Material</h4>
                            </div>
                            
                              <div class="modal-body"> 
                                <div class="row">
                                    <div class="col-md-12" id="panelDatosCompra">
                                      <div class="card">
                                            <div class="panel-body">
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center">
                                                    Cierre de Caja
                                                  </h4>
                                                </div>
                                              </div>
                                              <div class="row">
                                                   <div class="col-md-2 col-md-offset-3">
                                                    <h5>Fecha</h5>
                                                  </div>
                                                  <div class="col-md-4">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                      <input type='text' class="form-control" id='datetimepicker1' name="fechaNaCli" required>
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>                              
                                                    <p></p>
                                                  </div>
                                              </div>
                                              <p></p>  
                                              <div id="handsontable1" class="hidden">
                                                 <div id="example2" style="width: auto; height: auto; overflow: hidden;"></div>
                                             </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                              
                                <p></p>
                                <div class="row">
                                  <div class="col-md-4 col-md-offset-4">
                                    <button class="btn btn-primary btn-block" data-dismiss="modal" type="button" id="guardar1"> Guardar</button>
                                  </div>
    
                                </div> 
                              </div>
                            
                            <div class="modal-footer">
                              <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                            </div>
                          </div>
                      </div>
                    </div>
                  </div>



                    <div id="modal_crearcliente" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
                              <div class="modal-dialog">
                                <div class="modal-content">
                                 <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                   
                                  </div>
                                      
                                  <div class="modal-body"role="alert">
                                  <form action="/CrearClienteVentaOperadorModal/" id="formCrearCliente" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
                                     <div class="row">
                                          <div class="col-md-10 col-md-offset-1">
                                            <div class="panel panel-default">
                                              <div class="panel-body">
                                                <div class="row">
                                                  <div class="col-md-12">
                                                    <h4 class="bg-success" align="center">
                                                      <!--&nbsp;-->
                                                      Datos del Cliente
                                                    </h4>
                                                  </div>
                                                  <br></br>
                                                  <p></p>
                                                </div>
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>Tipo de Persona:</h5>
                                                  </div>
                                                  <div class="col-md-9">
                                                   
                                                    <div class="col-md-12">
                                                        <label>
                                                            <input type="radio" name="TipoPersona" id="rbNatural" name="sample" value="Natural" required checked>
                                                            <i class="input-helper"></i>
                                                            Persona Natural
                                                        </label>
                                                    
                                                        <label>
                                                        
                                                            <input type="radio" name="TipoPersona" id="rbJuridica" value="Juridica" required>
                                                            <i class="input-helper"></i>
                                                            Persona Jurídica
                                                        </label>
                                                        <div class="form-control-feedback" style="text-align:left;" ></div>
                                                        <div class="help-block with-errors"></div>
                                                    </div>
                                                  </div>                            
                                                </div>  
                                                 
                                                  <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5 id = "dniRuc">DNI:</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                      <div class="fg-line">
                                                       <input type="text" class="form-control" id="txtDniC" placeholder="DNI" name="DniCli" maxlength="11" data-minlength="8">
                                                       <div class="form-control-feedback" style="text-align:left;" ></div>
                                                      </div>
                                                      <div class="help-block with-errors"></div>
                                                    </div>
                                                    <p></p>
                                                  </div>
                                                </div>
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5 id = "nombreRazon">Nombres:</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                      <input type="text" class="form-control" id="txtNombreC" placeholder="Nombres" name="NombreCli" required>
                                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>
                                                    <p></p>
                                                  </div>
                                                </div>
                                                <div class="row" id="campoApP">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>Apellido P.</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                       <input type="text" class="form-control" id="txtApCli" placeholder="Apellido Paterno" name="PaternoCli" required>
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>                             
                                                    <p></p>
                                                  </div>
                                                </div> 

                                                <div class="row" id="campoApM">
                                                  <div class="col-md-2 col-md-offset-1">
                                                      <h5>Apellido M.</h5>
                                                    </div>
                                                    <div class="col-md-6">
                                                      <div class="form-group">
                                                      <div class="fg-line">
                                                         <input type="text" class="form-control" id="txtAmCli" placeholder="Apellido Materno" name="MaternoCli" required>
                                                        <div class="form-control-feedback" style="text-align:left;" ></div>
                                                      </div>
                                                      <div class="help-block with-errors"></div>
                                                      </div>                             
                                                      <p></p>
                                                    </div>
                                                </div>
                                               
                                                          
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>Teléfono:</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                       <input type="text" class="form-control" id="txtTelefonoC" placeholder="Telefono" name="TelefonoCli" data-minlength="6">
                                                       <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>
                                                    <p></p>
                                                  </div>
                                                </div>  
                                                
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>Dirección:</h5>
                                                  </div>
                                                  <div class="col-md-6 ">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                      <input type="text" class="form-control" id="txtDir" placeholder="Direccion" name="DircCli">
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>                              
                                                    <p></p>
                                                  </div>                            
                                                </div>  
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>Fecha de Nac.</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                      <input type='text' class="form-control" id='datetimepicker2' name="fechaNaCli" required>
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>                              
                                                    <p></p>
                                                  </div>
                                                   
                                                </div>
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>Email:</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                      <input type="email" class="form-control" id="txtEmail" placeholder="Email" name="EmailCli">
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>                              
                                                    <p></p>
                                                  </div>                            
                                                </div>  
                                                <div class="row">
                                                  <div class="col-md-2 col-md-offset-1">
                                                    <h5>DREM</h5>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <div class="form-group">
                                                    <div class="fg-line">
                                                      <input type="text" class="form-control" id="txtDrem" placeholder="DREM" name="DremCli" data-minlength="2">
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                    <div class="help-block with-errors"></div>
                                                    </div>                              
                                                    <p></p>
                                                  </div>
                                                  <div class="row">
                                                    <div class="col-md-4 col-md-offset-2">
                                                      <button class="btn btn-block btn-primary waves-effect" type="submit"><i class="md md-check"></i> Guardar</button>
                                                    </div>
                                                    <div class="col-md-4">
                                                      <button class="btn btn-block btn-danger waves-effect" type="button" id="cancelarTrans" data-dismiss="modal"><i class="md md-close"></i> Cancelar</button>
                                                    </div>
                                                  </div>                            
                                                </div>
                                              </div>
                                            </div>  
                                          </div>
                                        </div>
                                        </form>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->



                  <div class="row">

                    <div class="col-sm-12">
                              
                          <div class="row">
                              <div class="col-md-4" id="panelDatosCliente">
                                  <div class="card bs-item z-depth-2">
                                     <div class="card-head card-head-xs style-default"><strong>BUSCAR CLIENTES</strong></div>
                                      <div class="panel-body">
                                       
                                        
                                        <div class="row">
                                         
                                          <div class="col-md-6">
                                            <div class="form-group">
                                            <div class="fg-line">
                                              <input type="text" id="textBuscar" class="form-control" placeholder="Buscar...">
                                            </div>
                                            </div>
                                          </div>
                                          <div class="col-md-6">  
                                                <button class="btn btn-success btn-block" type="button" id="btnBuscarCliente"><i class="fa fa-search"></i> Buscar</button>  
                                                <button class="btn btn-primary btn-block" type="button" id="btnNuevoCliente"> <i class="fa fa-users"></i> Nuevo</button>
                                          </div>
                                          
                                        </div>
                                        <br>
                                        <div class="row">
                                          <div class="list-group">
                                          
                                          </div>
                                        </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-8" id="panelDatosCompra">
                                <div class="card bs-item z-depth-2">
                                 <div class="card-head card-head-xs style-default"><strong>DETALLES DEL CIERRE</strong></div>
                                      <div class="panel-body">
                                        
                                         <div class="row">
                                          <div class="col-md-3" >
                                            <h5> Saldo Disponible (Grs)</h5>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="form-group">
                                            <div class="fg-line">
                                              <label class="form-control" id="textSaldoDisponible"> </label>
                                            </div>
                                            </div>
                                          </div>
                                           <div class="col-md-3" >
                                            <h5> Promedio Compra oz</h5>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="form-group">
                                            <div class="fg-line">
                                              <label class="form-control" id="textPromedioCompra"> </label>
                                            </div>
                                            </div>
                                          </div>
                                          </div>
                                       <p></p> 
                                       <div id="hand" class="hidden">
                                        <div id="example1" style="width: auto; height: 470px;"></div>
                                       </div>
                                       <br>
                                        <div class="row">
                                          <div class="col-md-4 col-md-offset-2">
                                            <button class="btn btn-primary btn-block hidden" type="button" id="btnEnvioFisico" data-toggle="modal" data-target="#myModalEnvioFisico">Envío Físico</button>
                                          </div>
                                           <div class="col-md-4 col-md-offset-1">
                                            <button class="btn btn-inverse btn-block hidden" type="button" data-dismiss="modal" id="imprimir"><i class="md md-print"></i> Imprimir</button>
                                          </div>

                                        </div> 
                                      </div>
                                      <p></p>
                                      <div id="tablaPrint" class="hidden" style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                        <h4> Recibo Material</h4>
                                        <h5 id="txtNombrePrint"> Cliente :</h5>
                                        <h5 id="txtFechaPrint"> Fecha: </h5>
                                       <div class="table-responsive">
                                        <table class="table table-hover" style="width:10%">
                                            <thead>
                                              <tr>
                                                <th style="padding: 1px;"><h5>Precio</h5></th>
                                                <th style="padding: 1px;"><h5>Cantidad</h5></th>
                                                <th style="padding: 1px;"><h5>Ley</h5></th>
                                                <th style="padding: 1px;"><h5>Descuento</h5></th>
                                                <th style="padding: 1px;"><h5>Observaciones</h5></th>
                                              </tr>
                                            </thead>
                                            <tbody id="bodyTablaPrint">
                                            </tbody>
                                        </table>
                                      </div>
                                      <br>
                                      <p></p>
                                      <p></p>
                                      <table>
                                        <tr>
                                          <td style="padding-right:10px;padding-left:10px">____________ </td>
                                          <td style="padding-right:10px;padding-left:10px">____________ </td>
                                        </tr>
                                        <tr>
                                          <td style="padding-left:10px"><h5>Conforme</h5> </td>
                                          <td style="padding-left:10px"><h5>Op. {{ user.get_username }}</h5> </td>
                                        </tr>
                                      </table>
                                      </div>



                                  </div>

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


                    <!--<div class="col-md-10 col-md-offset-1">
                        <div class="table-responsive">
                            <table class="table table-hover table-bordered" id="tablaListaCierreCompraMaterial">
                                <thead>
                                  <tr >
                                    <th>Cliente</th>
                                    <th>Fecha</th>
                                    <th>Observaciones</th>
                                    <th>Precio</th>
                                    <th>Cantidad</th>
                                    <th>Ley</th>
                                     <th>Descuento</th>
                                  </tr>
                                </thead>
                                <tbody id="listaCierreCompraMaterial">
                                </tbody>
                            </table>
                          </div>
                    </div>-->
                  </div>



                  <!--  <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <h4>Promedio de Compras de Material por Oficina</h4>
                    </div>
                  </div>    
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1"> 
                        <div class="table-responsive">
                            <table class="table table-hover table-bordered" id="tablaPromedioComprasMaterial">
                                <thead>
                                  <tr >
                                    <th>Oficina</th>
                                    <th>Acumulado Compras</th>
                                    <th>Acumulado Cuentas</th>
                                    <th>Acumulado Traslados</th>
                                    <th>Recibo Desde</th>
                                    <th>Recibo Hasta</th>
                                    <th>Promedio Compras (Soles)</th>
                                    <th>Promedio Compras (US$/OZ)</th>
                                    <th>Saldo Físico</th>
                                    <th>Pendientes Recepción</th>
                                    <th>Saldo Estimado</th>
                                  </tr>
                                </thead>
                                <tbody id="listaPromedioComprasMaterial">
                                </tbody>
                            </table>
                          </div>
                    </div>
                  </div> -->       
                  <br></br>
                  <!--<div class="row">
                    <div class="col-md-10 col-md-offset-1"> 
                        <div class="table-responsive">
                            <table class="table table-hover" id="tablaListaCierreVentaMaterial">
                                <thead>
                                  <tr >
                                    <th>Cliente</th>
                                    <th>Fecha</th>
                                    <th>Observaciones</th>
                                    <th>Precio</th>
                                    <th>Cantidad</th>
                                    <th>Ley</th>
                                     <th>Descuento</th>
                                  </tr>
                                </thead>
                                <tbody id="listaCierreVentaMaterial">
                                </tbody>
                            </table>
                          </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 col-md-offset-8">
                        <strong id="totalSaldoMaterial">Total: </strong>         
                    </div>
                          
                  </div>
                  <div class="row">
                    <div class="col-md-3 col-md-offset-2">
                       <button class="btn btn-info btn-block" type="button" id="btnCierrePrecioOZ" data-toggle="modal" data-target="#myModalCierrePrecioOz">Cerrar Precio Oz</button>
                    </div>
                     <div class="col-md-3 col-md-offset-2">
                       <button class="btn btn-primary btn-block" type="button" id="btnEnvioFisico" data-toggle="modal" data-target="#myModalEnvioFisico">Envío Físico</button>
                    </div>
                  </div>-->

      <script  type="text/javascript" charset="utf-8">
          
          var idGlobalCliente="";
          var idGlobalCierre="";
          var nombreGlobalCliente="";
          var flag=false;
          var nroFilas=0;
          var dictionaryArray = {};
          var Aux="";
          var Aux1="";
          var Aux2="";
          var Aux3="";


          function recuperarPromediosCaja(){
              $.ajax({
                    url:'/recuperarPromediosCajaOperador/',
                    type:'GET',
                    dataType:'json',
                    success: function(data){
                      var rowCount = Aux2.length;
                      var total=0;
                      for(var i=0;i<rowCount;i++){
                          var subtotal=parseFloat(Aux2[i].cantidad);
                          total=total+subtotal;
                       
                      }
                      $("#textSaldoDisponible").text(data+total);
                      $("#totalSaldoMaterial").text("SALDO DISPONIBLE MATERIAL: "+(data+total).toFixed(2));
                    },
                    error: function(xhr, textStatus, errorThrown) {
                              console.log(xhr.responseText);
                      },
                });
          }
 


          $("#btnBuscarCliente").click(function(){
              var parametro=$("#textBuscar").val();
              if(parametro!='')
                buscarClientes(parametro);
              else
                CierreInternoVentaMaterialAjax();
          });


          $("#btnNuevoCliente").click(function(){ 
            //$("#myModalCierrePrecioOz").modal("hide");
            $("#modal_crearcliente").modal("show");
            //$("body").attr("class","modal-open");
          });


          $("#btnCierrePrecioOZ").click(function(){
            $("#tablaPrint").removeClass(); 
            $("#tablaPrint").addClass("hidden");
            $("#hand").removeClass();
            $("#hand").addClass("hidden");
            $("#imprimir").addClass("hidden");
            var hotInstance = $("#example1").handsontable('getInstance');
            hotInstance.clear();
            hotInstance.render();
            CierreInternoVentaMaterialAjax();
          });

          $("#guardar").click(function(){
              recuperarCierreVentaClienteAll();
              recuperarPromediosCaja();
          });

          $("#imprimir").click(function(){
              printTable();
          });

          $("#guardar1").click(function(){
            var hotInstance = $("#example2").handsontable('getInstance');
            var n= hotInstance.countRows();
            if(n>0){
              $('#modal_confirmacion1').modal('show');
            }
            
          });


           $("#alert_aceptar1").click(function(){
              mostrar_progress1();
              var hotInstance = $("#example2").handsontable('getInstance');
              for(var i=0;i<nroFilas;i++){
                var x1=Aux[i].pkCierre;
                var x2=Aux[i].pk;
                var x3= $("#datetimepicker1").val();
                var x4= 0;
                var x5= hotInstance.getDataAtCell(i,2);
                var x6= hotInstance.getDataAtCell(i,3);
                registrarCierreVentaMaterial(x1,x2,x3,x4,x5,x6);
              }
              ocultarmodal();
            });


          $("#btnEnvioFisico").click(function(){
              recuperarCierreVentaClienteCaja(idGlobalCliente);

          });

          function mostrar_progress1(){
            $(".grp_alr1").hide();
            $(".grp_pgs1").show();
          };

          function ocultarmodal(){
            $('#modal_confirmacion1').modal('hide');
            window.location="/CierreInternoVentaMaterial_operador/";
            //recuperarCierreVentaClienteAll();
            //recuperarPromediosCaja();
          };

          function showHandsontable(o,i,id,idCierre){ 
            $(".list-group-item").removeClass("selected");
            $(".list-group-item").css("background","#ffffff");
            $(".list-group-item").css("color","#555555");
            $(o).addClass("selected");
            $(o).css("background","#4caf50");
            $(o).css("color","#ffffff");
            idGlobalCliente=id;
            idGlobalCierre=idCierre;
            nombreGlobalCliente=Aux3[i].nombre+" "+Aux3[i].Apellido_paterno+" "+Aux3[i].Apellido_materno; 
            $("#tablaPrint").removeClass();
            $("#hand").removeClass();
            $("#hand").addClass("visible");
            $("#tablaPrint").addClass("hidden");
            var hotInstance = $("#example1").handsontable('getInstance');
            flag=true;
            hotInstance.clear();
            hotInstance.render();
            recuperarCierreVentaCliente(id,idCierre);
          }

               

          function recuperarCierreVentaClienteAll(){

                $.ajax({
                  url:'/recuperarCierreVentaClienteAllOperador/',
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    console.log(data);
                    Aux2=data;
                    var html ="";
                    for(var i=0;i<data.length;i++){

                      html += '<tr data-toggle="modal" data-target="#myModal" class="filaCtaCte" id="'+i+'"><th scope="row">'+data[i].nombre+'</th><td>'+data[i].fecha+'</td><td>'+data[i].observaciones+'</td><td>'+data[i].precio+'</td><td>'+data[i].cantidad+'</td><td>'+data[i].ley+'</td><td>'+data[i].descuento+'</td></tr>';
                    }
                                        //html+='</tbody></table>';
                    $('#listaCierreVentaMaterial').html(html);  
                  },
                  error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
            }); 
          }



          function buscarClientes(parametro){

                $.ajax({
                  data:{'parametro':parametro},
                  url:'/recuperarClienteVentaOperador/',
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    console.log(data);
                    Aux3=data;
                    var html ="";
                    for(var i=0;i<data.length;i++){
                        var nombre=data[i].nombre;
                        var ap=data[i].Apellido_paterno;
                        var am=data[i].Apellido_materno;
                        html+= '<a href="#" onclick="showHandsontable(this,'+i+','+data[i].pk+','+data[i].pkCierre+');" class="list-group-item">'+data[i].nombre+' '+data[i].Apellido_paterno+' '+data[i].Apellido_materno+'</a>'; 
                    }                    
                    
                    $(".list-group").html(html);  
                    
                  },
                  error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
            }); 
          }



           function CierreInternoVentaMaterialAjax(){

                $.ajax({
                  url:'/CierreInternoVentaMaterialOperadorAjax/',
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    console.log(data);
                    Aux3=data;
                    var html ="";
                    for(var i=0;i<data.length;i++){
                       var nombre=data[i].nombre;
                        var ap=data[i].Apellido_paterno;
                        var am=data[i].Apellido_materno;
                        html+= '<a href="#" onclick="showHandsontable(this,'+i+','+data[i].pk+','+data[i].pkCierre+');" class="list-group-item">'+data[i].nombre+' '+data[i].Apellido_paterno+' '+data[i].Apellido_materno+'</a>'; 
                    }                    
                    
                    $(".list-group").html(html);  
                  },
                  error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
            }); 
          }




          function recuperarCierreVentaClienteCaja(idCliente){
               var hotInstance = $("#example2").handsontable('getInstance');
              hotInstance.clear();

                $.ajax({
                  url:'/recuperarCierreVentaClienteCajaOperador/',
                  data:{'idCliente':idCliente},
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    console.log(data);
                    Aux=data;
                    nroFilas=data.length;
                    if(nroFilas>0){
                      $("#handsontable1").removeClass();
                      for(var i=0;i<data.length;i++){
                          hotInstance.setDataAtCell(i,0,i+1);
                          hotInstance.setDataAtCell(i,1,data[i].nombre);
                          hotInstance.setDataAtCell(i,2,data[i].total);
                          hotInstance.setDataAtCell(i,3,data[i].totalBarras); 
                      }
                    }else{
                       $("#handsontable1").prop("class","hidden");
                    }
                  },
                  error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
            }); 
          }


          function registrarCierreVentaMaterial(idCierre,idCliente,fecha,cantidad,saldo,nroBarras){
                $.ajax({
                  data: {'idCierre':idCierre,'idCliente':idCliente,'fechaCierre':fecha,'cantidad':cantidad,'saldo':saldo,'nroBarras':nroBarras},
                  url:'/registrarCierreVentaMaterialOperador/',
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    if(data!='exito' && data!='exito1'){
                      bootbox.alert({ 
                        message: "No se pudo registrar el cierre",
                        className: 'bb-alternate-modal'
                      });
                    }
                    console.log(data);
                     
                  },
                  error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
            }); 
          }



           function recuperarCierreVentaCliente(idCliente,idCierre){
              var hotInstance = $("#example1").handsontable('getInstance');
              hotInstance.clear();
              $.ajax({
                  data: {'idCliente':idCliente,'idCierre':idCierre},
                  url:'/recuperarCierreVentaCliente/',
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    console.log(data);
                    Aux1=data;
                    dictionaryArray = {};
                     for(var i=0;i<data.length;i++){
                        dictionaryArray[i]=data[i].idBarra;
                        //Aux1[i]=data[i].idBarra;
                        //hotInstance.setDataAtCell(i,0,data[i].idCierre);
                        hotInstance.setDataAtCell(i,0,data[i].fechaCierre);
                        hotInstance.setDataAtCell(i,1,data[i].cantidad);
                        hotInstance.setDataAtCell(i,2,data[i].precio);
                        hotInstance.setDataAtCell(i,3,data[i].ley);
                        hotInstance.setDataAtCell(i,4,data[i].descuento);
                        hotInstance.setDataAtCell(i,5,data[i].observaciones);
                    }

                    if(data.length==0){
                      $("#imprimir").addClass("hidden");
                      $("#btnEnvioFisico").addClass("hidden");
                    }
                    else{
                      $("#imprimir").removeClass("hidden");
                      $("#btnEnvioFisico").removeClass("hidden");
                    }

                    flag=true;
                  },
                  error: function(xhr, textStatus, errorThrown) {
                            console.log(xhr.responseText);
                    },
              });
            }


             function printTable(){
              $("#tablaPrint").removeClass();
              var hotInstance = $("#example1").handsontable('getInstance');
              var countRows= hotInstance.countRows();
              var htmlTable="";
              for(var i=0;i<countRows-1;i++){
                  htmlTable += '<tr><td style="padding: 1px;">'+hotInstance.getDataAtCell(i,1)+'</td><td style="padding: 1px;">'+hotInstance.getDataAtCell(i,2)+'</td><td style="padding: 1px;">'+hotInstance.getDataAtCell(i,3)+'</td><td style="padding: 1px;">'+hotInstance.getDataAtCell(i,4)+'</td><td style="padding: 1px;">'+hotInstance.getDataAtCell(i,5)+'</td></tr>';
              }

              var d = new Date();
              var n = d.toLocaleString();

              $("#bodyTablaPrint").html(htmlTable);
              $("#txtNombrePrint").text("Cliente : "+ nombreGlobalCliente);
              $("#txtFechaPrint").text("Fecha : "+n);
              $("#tablaPrint").printThis();
            }


          var Aux='';
            var fila=0;
            var auto=["123456","1111"];
            $(document).ready(function (){

              $("#formCrearCliente")[0].reset();

              $('#txtDniC').numeric();
              $('#txtTelefonoC').numeric();


              $('#datetimepicker1').datetimepicker({
                  locale: 'es',
                  format: 'YYYY-MM-DD',
                  defaultDate: Date()
              }); 


               $('#datetimepicker2').datetimepicker({
                      locale: 'es',
                      format: 'YYYY-MM-DD'
                  });
                $('input').on('keypress', function(e){
                if(e.keyCode == 13)
                {
                  var inputs = $(this).parents("form").eq(0).find(":input.form-control");
                  var idx = inputs.index($(this));
                  if (idx == inputs.length - 1) {
                    inputs[0].select()
                  } 
                  else {
                    inputs[idx + 1].focus(); //  handles submit buttons
                    inputs[idx + 1].select();
                  }
                  return false;
                }
              });
                $("input[name=TipoPersona]").click(function(){
                    if($(this).val()=="Natural"){
                        $("#dniRUC").text("DNI");
                        $("#nombreRazon").text("Nombres");
                        $("#campoApP").show();
                        $("#campoApM").show();
                    }
                    else{
                        $("#dniRUC").text("RUC");
                        $("#nombreRazon").text("Razon Social");
                        $("#campoApP").hide();
                        $("#campoApM").hide();
                    }
                });



              recuperarCierreVentaClienteAll();
              CierreInternoVentaMaterialAjax();
              recuperarPromediosCaja();

              var $container2 = $("#example2"); 

              $container2.handsontable({
                //data: data,
                startRows: 1,
                startCols: 8,
                rowHeaders: true,
                search: true,
                colWidths: [50, 130, 130,150],
                colHeaders: ['Nro','Cliente', 'Total Compra (Grs)','Nro de Barras (Aprox.)'],
                columns: [
                          {
                            renderer: "html",
                            readOnly: true
                          },
                          {
                            renderer: "html",
                            readOnly: true
                          },
                          {
                            type: 'numeric',
                            readOnly: true
                          },
                          {
                            type: 'numeric',
                            format: '0'
                          },
                         
                        
                        ],
                minSpareRows: 0,
              });
              
              var hotInstance2= $("#example2").handsontable('getInstance'); 


              var $container = $("#example1");
              var date = new Date('2010-10-11T00:00:00+05:30');
 

              $container.handsontable({
                //data: data,
                startRows: 1,
                startCols: 6,
                rowHeaders: true,
                enterMoves: {row: 0, col: 1},
                colWidths: [100, 100, 100, 100, 100, 100],
                search: true,
                colHeaders: ['Fecha','Cantidad (Grs)', 'Precio OZ','Ley','Descuento','Observaciones'],
                columns: [
                          {
                            type: 'date', 
                            dateFormat: 'YYYY-MM-DD',
                            correctFormat: true
                          },
                          {
                           
                          },
                          {
                            
                          },
                          {
                            
                          },
                         
                          {
                            
                          },
                          {
                            
                          }
                        ],
                minSpareRows: 1,
              });
              var hotInstance = $("#example1").handsontable('getInstance');

              hotInstance.updateSettings({
                afterChange: function (e) {
                  console.log(flag);
                  if(flag==false){
                    console.log("flag falso");
                    var pos = hotInstance.getSelected();
                     if (typeof pos!= 'undefined'){
                      var fila=pos[0];
                      var columna=pos[1];
                      var idBarra=-1;
                      if(dictionaryArray[fila]!=undefined)
                        idBarra=dictionaryArray[fila];

                      //idBarra=dictionaryArray[fila];
                       
                      /*if (typeof Aux1[fila]!= 'undefined')
                          idBarra=Aux1[fila].idBarra;*/

                      var fechaCierre=hotInstance.getDataAtCell(fila,0);
                      var cantidad=hotInstance.getDataAtCell(fila,1);
                      var precio=hotInstance.getDataAtCell(fila,2);
                      var ley=hotInstance.getDataAtCell(fila,3);
                      var descuento=hotInstance.getDataAtCell(fila,4);
                      var observaciones=hotInstance.getDataAtCell(fila,5);
                      console.log('idBARRA'+idBarra);
                      console.log('idCIERRE'+idGlobalCierre);
                      console.log(fechaCierre);
                      console.log(cantidad);
                      console.log(precio);
                      console.log(ley);
                      console.log(descuento);
                      console.log(observaciones);

                      if ((fechaCierre !=null && fechaCierre!='') && (cantidad !=null && cantidad!='') && (precio !=null && precio!='') && (ley !=null && ley!='') && (descuento !=null && descuento!='')){
                        guardarCierreCliente(fila,idGlobalCierre,idBarra,fechaCierre,cantidad,precio,ley,descuento,observaciones,idGlobalCliente)
                        //recuperarCierreVentaCliente(idGlobalCliente);
                        flag=true;
                         console.log("guardar cierre cliente");

                      }else{
                        console.log("otra cosa");
                      }
                    }else{
                      //console.log("flag verdadero");
                    }
                  }
                },
                afterSelection: function (e) {
                    flag=false;
                }
              }
            );
          //
          
          function prepararImpresion(pos0,pos1,pos2,pos3,pos4,pos5){
            var mr="";
            if(pos2=="soles")
              {
                mr=" S/."
              }
            else
              {
                mr=" $/."
              }
              var fecha = new Date();
              var mes = [
                "Enero",
                "Febrero",
                "Marzo",
                "Abril",
                "Mayo",
                "Junio",
                "Julio",
                "Agosto",
                "Septiembre",
                "Octubre",
                "Noviembre",
                "Diciembre"
                ];
              var textofecha= fecha.getDate() + "/" + (fecha.getMonth()+1).toString() + "/" + fecha.getFullYear();
              var hora = new Date();
              var textohora = hora.getHours() + ":" + hora.getMinutes();
              if(pos0!=null){
                $("#dniCliente").html('<b>DNI: </b>'+pos0.toString());
              }
              if(pos1!=null && pos1.trim()!=","){
                $("#nomCliente").html('<b>Cliente: </b>'+pos1.toString());
              }else{
                 $("#nomCliente").html('<b>Cliente: </b>'+"Cliente Eventual");
              }
              
              $("#pes").text(pos3);
              $("#pres").text(pos4.toString()+mr);
              $("#tot").text(pos5.toString()+mr);
              $("#fepa").text('fecha: '+textofecha);
              $("#hopa").text(textohora);
          }


           
          //


            // funciones ajax

            function guardarCierreCliente(pos,idCierre,idBarra,fechaCierre,cantidad,precio,ley,descuento,observaciones,idCliente){
                $.ajax({
                    data: {'idCierre':idCierre,'idBarra':idBarra,'fecha':fechaCierre,'cantidad':cantidad,'precio':precio,'ley':ley,'descuento':descuento,'obs':observaciones,'idCliente':idCliente},
                    url:'/registrarCierreVentaClienteOperador/',
                    type:'GET',
                    dataType:'json',
                    success: function(data){
                      if(data.exito!='fail'){
                        console.log("RESULTADO INSERT"+data.exito1);
                        $("#textSaldoDisponible").text(data.saldoMaterial);
                        idGlobalCierre=data.exito;
                        if(dictionaryArray[pos]!=undefined)
                          delete dictionaryArray[pos]

                        dictionaryArray[pos]=data.exito1;
                        $("#imprimir").removeClass("hidden");
                        $("#btnEnvioFisico").removeClass("hidden");
                      }
                       
                      
                    },
                    error: function(xhr, textStatus, errorThrown) {
                              console.log(xhr.responseText);
                      },
                });
              }
            
        });
    </script>
        <br>
      </div>
    </div>
</div>
{% endblock content1 %}