{% extends "base.html" %}
{% load static %}
{% block titulo %}
  .::Cierre Interno Compra
{% endblock titulo %}
{% block content1 %}
     <link href="{% static 'bootstrap-editable/css/bootstrap-editable.css' %}" rel="stylesheet"/>
     <script src="{% static 'bootstrap-editable/js/bootstrap-editable.min.js' %}"></script>
     <style type="text/css">

      .clickedit{
        width: 70%;
        border-style: none;
        background-color: transparent;
        text-align: center;
      }

      .clickedit:hover {
          background-color: #fff;
          border-radius: 4px;
          border-style: groove;
      }

      .clickedit:focus {
          background-color: #fff;
          border-radius: 4px;
          border-style: groove;
      }




     </style>
      <script type="text/javascript"> 
      $("#navMaterial").attr('class','dropdown active');
        $("#navCierreInternoCompra").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 Compra 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="myModalRecepcionFisica" 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="/CrearClienteCompraOperadorModal/" 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-8">
                                                    <!--<div class="form-group">
                                                        <label class="radio-inline">
                                                        <input type="radio" name="TipoPersona" id="rbNatural" value="Natural"required> Persona Natural
                                                      </label>
                                                      <label class="radio-inline">
                                                        <input type="radio" name="TipoPersona" id="rbJuridica" value="Juridica" required> Persona Juridica
                                                      </label>
                                                        
                                                    </div>                           
                                                    <p></p>-->
                                                    <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 class="table-responsive">
                                            <table id="example" class="table table-bordered table-hover" cellspacing="0">  
                                            
                                            </table>
                                        </div>

                                        

                                       <!--<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="btnRecepcionFisica"><i class="md md-check"></i> Recepción Física</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>

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


                <div id="modalPagoAdelanto" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-body">

                            <div id="tablaPrint"  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;text-align: center;"><h5>Precio</h5></th>
                                        <th style="padding: 1px;text-align: center;"><h5>Cantidad</h5></th>
                                        <th style="padding: 1px;text-align: center;"><h5>Ley</h5></th>
                                        <th style="padding: 1px;text-align: center;"><h5>Descuento</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>
                    </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-4 col-md-offset-8">
                        <strong id="totalSaldoMaterial">Total: </strong>         
                    </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="";

          $(document).on('click', '#btnAgregarFila', function(event){
              var index= $("#example tr").length;
              var html="<tr class='even warning'>"+
                    "<td><span class='editable editable-click fecha' id='tbfecha' data-type='date' data-format='YYYY-MM-DD'"+ 
                    " data-viewformat='YYYY-MM-DD' style='display: inline;'>"+getDateNow()+"</span></td>"+ 
                    "<td><input class='clickedit cantidad' type='text' value='0.00'/>"+ 
                    "</td><td><input class='clickedit precio' type='text' value='0.00'/>"+
                    "</td><td><input class='clickedit ley' type='text' value='0.00'/>"+
                    "</td><td><input class='clickedit descuento' type='text' value='0.00'/>"+
                    "</td>"+"<td hidden><span class='spanId'>-1</span></td></tr>";

                $('#example > tbody > tr:eq(' + (index-3) + ')').after(html);
                $('.editable').editable(); 
           });

          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
                CierreInternoMaterialAjax();
          });


          $("#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();
            CierreInternoMaterialAjax();
          });

          $("#guardar").click(function(){
              recuperarCierreCompraClienteAll();
              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 x1=idGlobalCierre;
              var x2=idGlobalCliente;
              var x3= getDateNow();
              var x4= 0;
              var x5= getSumaTotal();
              var x6= -1;
              registrarCierreCompraMaterial(x1,x2,x3,x4,x5,x6); 
              ocultarmodal();
            });


          $("#btnRecepcionFisica").click(function(){
              $('#modal_confirmacion1').modal('show');
              //recuperarCierreCompraClienteCaja(idGlobalCliente);
          });


          function getSumaTotal(){
            var sumaTotal=0;
            var numFilas=$('#example > tbody tr').length;
            for(var i=1;i<numFilas;i++){
              var cantidad=$('#example > tbody > tr:eq(' + (i) + ')').find('input.cantidad').val();
              if(cantidad!="" && cantidad!=undefined){
                sumaTotal=sumaTotal+parseFloat(cantidad);
              }
            }
            return sumaTotal;
          }



          function agregarSumas(){
            var sumaCantidad=0;
            var sumaPrecio=0;
            var sumaLey=0;
            var sumaDescuento=0;
            var numFilas=$('#example > tbody tr').length;
            for(var i=1;i<numFilas;i++){
              var cantidad=$('#example > tbody > tr:eq(' + (i) + ')').find('input.cantidad').val();
              var precio=$('#example > tbody > tr:eq(' + (i) + ')').find('input.precio').val();
              var ley=$('#example > tbody > tr:eq(' + (i) + ')').find('input.ley').val();
              var descuento=$('#example > tbody > tr:eq(' + (i) + ')').find('input.descuento').val();
              
              if(cantidad!="" && cantidad!=undefined){
                sumaCantidad=sumaCantidad+parseFloat(cantidad);
              }

              if(precio!="" && precio!=undefined){
                sumaPrecio=sumaPrecio+parseFloat(precio);
              }

              if(ley!="" && ley!=undefined){
                sumaLey=sumaLey+parseFloat(ley);
              }

              if(descuento!="" && descuento!=undefined){
                sumaDescuento=sumaDescuento+parseFloat(descuento);
              }


            }
            $('#example > tbody > tr:eq(' + (numFilas-1) + ')').find('td').eq(1).text(sumaCantidad.toFixed(2));
            $('#example > tbody > tr:eq(' + (numFilas-1) + ')').find('td').eq(2).text(sumaPrecio.toFixed(2));
            $('#example > tbody > tr:eq(' + (numFilas-1) + ')').find('td').eq(3).text(sumaLey.toFixed(2));
            $('#example > tbody > tr:eq(' + (numFilas-1) + ')').find('td').eq(4).text(sumaDescuento.toFixed(2));
          }



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

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

          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();
            //$("#tablaPrint").addClass("hidden"); 

            $("#imprimir").addClass("hidden");
            $("#btnRecepcionFisica").addClass("hidden");

            flag=true;
            recuperarCierreCompraCliente(id,idCierre);
          }

               

          function recuperarCierreCompraClienteAll(){

                $.ajax({
                  url:'/recuperarCierreCompraClienteAllOperador/',
                  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>';
                    $('#listaCierreCompraMaterial').html(html);  
                  },
                  error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
            }); 
          }



          function buscarClientes(parametro){

                $.ajax({
                  data:{'parametro':parametro},
                  url:'/recuperarCompraClienteOperador/',
                  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 CierreInternoMaterialAjax(){

                $.ajax({
                  url:'/CierreInternoMaterialOperadorAjax/',
                  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 recuperarCierreCompraClienteCaja(idCliente){
               var hotInstance = $("#example2").handsontable('getInstance');
              hotInstance.clear();

                $.ajax({
                  url:'/recuperarCierreCompraClienteCajaOperador/',
                  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 registrarCierreCompraMaterial(idCierre,idCliente,fecha,cantidad,saldo,nroBarras){
                $.ajax({
                  data: {'idCierre':idCierre,'idCliente':idCliente,'fechaCierre':fecha,'cantidad':cantidad,'saldo':saldo,'nroBarras':nroBarras},
                  url:'/registrarCierreCompraMaterialOperador/',
                  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 getDateNow() {
            function pad(s) { return (s < 10) ? '0' + s : s; }
            var d = new Date();
            return [d.getFullYear(), pad(d.getMonth()+1), pad(d.getDate())].join('-');
          }


          
            function guardarCierreCliente(row,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:'/registrarCierreCompraClienteOperador/',
                    type:'GET',
                    dataType:'json',
                    success: function(data){
                      if(data.exito!='fail'){
                        console.log("RESULTADO INSERT"+data.exito1);
                        $("#textSaldoDisponible").text(data.saldoMaterial);
                        idGlobalCierre=data.exito;
                        row.find('span.spanId').text(data.exito1);
                        agregarSumas();
                        $("#imprimir").removeClass("hidden");
                        $("#btnRecepcionFisica").removeClass("hidden");

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



           function recuperarCierreCompraCliente(idCliente,idCierre){
              //var hotInstance = $("#example1").handsontable('getInstance');
              //hotInstance.clear();
              $.ajax({
                  data: {'idCliente':idCliente,'idCierre':idCierre},
                  url:'/recuperarCierreCompraCliente/',
                  type:'GET',
                  dataType:'json',
                  success: function(data){
                    console.log(data);
                    $("#example").html("");
                    $("#example").html(data.lista);

                    $('.editable').editable({
                        type: 'text', 
                        inputclass:'input-sm lebar'
                    }); 

                    var numFilas=$('#example > tbody tr').length;

                    if(numFilas>2){
                      $("#imprimir").removeClass("hidden");
                      $("#btnRecepcionFisica").removeClass("hidden");
                    }


                    $('.clickedit').numeric();

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


            $(document).on('click', '.editable-submit', function(event) {
                var col=$(this).closest('td').index();
                switch(col){
                  case (0):
                      var valorFechaYear=$(this).closest('tr').find("select.year").val();
                      var valorFechaMonth=$(this).closest('tr').find("select.month").val();
                      var valorFechaDay=$(this).closest('tr').find("select.day").val();
                      var dateNuevo= valorFechaYear+'-'+String(parseInt(valorFechaMonth)+1)+'-'+valorFechaDay;

                      var valorId=$(this).closest('tr').find('span.spanId').text();
                      var valorCantidad=$(this).closest('tr').find('input.cantidad').val();
                      var valorPrecio=$(this).closest('tr').find('input.precio').val();
                      var valorLey=$(this).closest('tr').find('input.ley').val();
                      var valorDescuento=$(this).closest('tr').find('input.descuento').val();

                  
                      if ((dateNuevo !=null && dateNuevo!='') && (valorCantidad !=null && valorCantidad!='') && (valorPrecio !=null && valorPrecio!='') && (valorLey !=null && valorLey!='') && (valorDescuento !=null && valorDescuento!='')){
                        guardarCierreCliente($(this).closest('tr'),idGlobalCierre,valorId,dateNuevo,valorCantidad,valorPrecio,valorLey,valorDescuento,"",idGlobalCliente); 
                      }
                      break;

                }
            });



            $(document).on('keyup', '.cantidad', function(e) {
                if(e.keyCode==13){
                  $(this).closest('tr').find("input.precio").focus();
                }
            });


            $(document).on('keyup', '.precio', function(e) {
                if(e.keyCode==13){
                  $(this).closest('tr').find("input.ley").focus();
                }
            });

            
            $(document).on('keyup', '.ley', function(e) {
                if(e.keyCode==13){
                  $(this).closest('tr').find("input.descuento").focus();
                }
            });


             $(document).on('change', '.cantidad', function() {

                var valorId=$(this).closest('tr').find('span.spanId').text();
                var valorFecha=$(this).closest('tr').find('span.fecha').text();
                var valorCantidad=$(this).closest('tr').find('input.cantidad').val();
                var valorPrecio=$(this).closest('tr').find('input.precio').val();
                var valorLey=$(this).closest('tr').find('input.ley').val();
                var valorDescuento=$(this).closest('tr').find('input.descuento').val();

            
                if ((valorFecha !=null && valorFecha!='') && (valorCantidad !=null && valorCantidad!='') && (valorPrecio !=null && valorPrecio!='') && (valorLey !=null && valorLey!='') && (valorDescuento !=null && valorDescuento!='')){
                  guardarCierreCliente($(this).closest('tr'),idGlobalCierre,valorId,valorFecha,valorCantidad,valorPrecio,valorLey,valorDescuento,"",idGlobalCliente); 
                }

                console.log("change cantidad"); 

             });

             $(document).on('change', '.precio', function() {

                 var valorId=$(this).closest('tr').find('span.spanId').text();
                var valorFecha=$(this).closest('tr').find('span.fecha').text();
                var valorCantidad=$(this).closest('tr').find('input.cantidad').val();
                var valorPrecio=$(this).closest('tr').find('input.precio').val();
                var valorLey=$(this).closest('tr').find('input.ley').val();
                var valorDescuento=$(this).closest('tr').find('input.descuento').val();

            
                if ((valorFecha !=null && valorFecha!='') && (valorCantidad !=null && valorCantidad!='') && (valorPrecio !=null && valorPrecio!='') && (valorLey !=null && valorLey!='') && (valorDescuento !=null && valorDescuento!='')){
                  guardarCierreCliente($(this).closest('tr'),idGlobalCierre,valorId,valorFecha,valorCantidad,valorPrecio,valorLey,valorDescuento,"",idGlobalCliente); 
                }
                 
                console.log("change precio");

             });

             $(document).on('change', '.ley', function() {

                 var valorId=$(this).closest('tr').find('span.spanId').text();
                var valorFecha=$(this).closest('tr').find('span.fecha').text();
                var valorCantidad=$(this).closest('tr').find('input.cantidad').val();
                var valorPrecio=$(this).closest('tr').find('input.precio').val();
                var valorLey=$(this).closest('tr').find('input.ley').val();
                var valorDescuento=$(this).closest('tr').find('input.descuento').val();

            
                if ((valorFecha !=null && valorFecha!='') && (valorCantidad !=null && valorCantidad!='') && (valorPrecio !=null && valorPrecio!='') && (valorLey !=null && valorLey!='') && (valorDescuento !=null && valorDescuento!='')){
                  guardarCierreCliente($(this).closest('tr'),idGlobalCierre,valorId,valorFecha,valorCantidad,valorPrecio,valorLey,valorDescuento,"",idGlobalCliente); 
                }
                 
                console.log("change ley");

             });

             $(document).on('change', '.descuento', function() {

                var valorId=$(this).closest('tr').find('span.spanId').text();
                var valorFecha=$(this).closest('tr').find('span.fecha').text();
                var valorCantidad=$(this).closest('tr').find('input.cantidad').val();
                var valorPrecio=$(this).closest('tr').find('input.precio').val();
                var valorLey=$(this).closest('tr').find('input.ley').val();
                var valorDescuento=$(this).closest('tr').find('input.descuento').val();

            
                if ((valorFecha !=null && valorFecha!='') && (valorCantidad !=null && valorCantidad!='') && (valorPrecio !=null && valorPrecio!='') && (valorLey !=null && valorLey!='') && (valorDescuento !=null && valorDescuento!='')){
                  guardarCierreCliente($(this).closest('tr'),idGlobalCierre,valorId,valorFecha,valorCantidad,valorPrecio,valorLey,valorDescuento,"",idGlobalCliente); 
                }

                console.log("change descuento");

             });


             function printTable(){
              //$("#tablaPrint").removeClass("hidden");
              var numFilas=$('#example > tbody tr').length;
              var htmlTable="";
              for(var i=1;i<numFilas-1;i++){
                  htmlTable += '<tr><td style="padding: 1px;text-align: center;">'+$('#example > tbody > tr:eq(' + (i) + ')').find('input.cantidad').val()+'</td><td style="padding: 1px;text-align: center;">'+$('#example > tbody > tr:eq(' + (i) + ')').find('input.precio').val()+'</td><td style="padding: 1px;text-align: center;">'+$('#example > tbody > tr:eq(' + (i) + ')').find('input.ley').val()+'</td><td style="padding: 1px;text-align: center;">'+$('#example > tbody > tr:eq(' + (i) + ')').find('input.descuento').val()+'</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 (){

              $('#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();
                    }
                });



              recuperarCierreCompraClienteAll();
              CierreInternoMaterialAjax();
              recuperarPromediosCaja();

            
          
          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

            
            
        });
    </script>
        <br>
      </div>
    </div>
</div>
{% endblock content1 %}