{% extends "base.html" %}
{% load static %}
{% block titulo %}
Crear Transferencias
{% endblock titulo %}
{% block content1 %} 
<script type="text/javascript">
  $("#navTrans").attr('class','dropdown active');
  $("#navST").attr('class','dropdown dropdown-submenu active');
  $("#navCrearTrans").attr('class','active');
</script>

  <form  action="/CrearTransferencia/" method="POST" data-toggle="validator" role="form" id="formulario">{% csrf_token %}
    {% ifequal estado 'warning'%}
    <div class="row">
      <div class="alert alert-warning alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close" style=" font-size:30px;"><span aria-hidden="true">&times;</span></button>
        <strong>POR FAVOR ENVIE EL CAPITAL. UNA VEZ SOBREPASADO EL MONTO TOPE NO PODRA ENVIAR TRANSFERENCIAS</strong><br>
        Cualquier duda contactese con el gerente
      </div>
    </div>
     {% endifequal %}
    <div class="row">
      <div class="col-md-12 col-sm-12" >
          <div class="panel panel-default color-primary">
            <div class="panel-body">
              <div class="row" id="Result">
                <div class="col-md-12">
                  {% ifnotequal resultado '' %}
                  {% 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 %}
                </div>
              </div>
              {% ifnotequal aso_e 'danger' %}
                {% if estado == 'danger' and aso_e == '' %}
                  <div class="row">
                    <div class="col-md-12">
                      <div class="alert alert-warning alert-dismissible" role="alert">
                        <strong>USTED YA SOBREPASO EL MONTO TOPE EN TRANSFERENCIAS; POR FAVOR ENVIE EL CAPITAL</strong><br>
                        comuniquese con el administracion
                      </div>
                    </div>
                  </div>
                {% else %}
                {% if env == 'danger' and aso_e == '' %}
                  <div class="row">
                    <div class="col-md-12">
                      <div class="alert alert-warning alert-dismissible" role="alert">
                        <strong>USTED YA SOBREPASO EL MONTO TOPE EN TRANSFERENCIAS; EL CAPITAL ENVIADO NO A SIDO COBRADO AUN</strong><br>
                        comuniquese con la administracion
                      </div>
                    </div>
                  </div>
                {% else %}
                  <div class="row">
                    <div class="col-md-12">
                      <div class="row">
                         <div class="col-md-12">
                            <div class="col-md-4">
                            <div class="panel panel-default" id="panel_beneficiario">
                            <div class="panel-heading" id="grupoB">  
                                <b>BENEFICIADO <span id="cabecera_bene"></span></b> 
                            </div>
                            <div class="panel-body" id="CampoBen">

                                  <input type="text" class="hidden" name="IdCliente" id="IdCliente">
                                  <input type="text" class="hidden" name="IdBeneficiado" id="IdBeneficiado">
                                  <input id="txt-tipo-operacion" name="tipo_ope" style="display:none;" type="text"/>
                                  <input id="txt-numero-letras" name="n_letras" style="display:none;" type="text"/>

                              <div class="row">
                                <div class="col-md-6">
                                  <div class="checkbox">
                                    <label>
                                      <input type="checkbox" value="si" name="menor"> Menor de Edad
                                    </label>
                                  </div>
                                </div>
                                <div class="col-md-6">
                                  <label style="margin-bottom: 0px;">
                                      <input type="radio" name="TipoPersonaB" id="rbNaturalB" value="Natural" required checked>
                                      Persona Natural
                                  </label>
                                  <label style="margin-bottom: 0px;">
                                      <input type="radio" name="TipoPersonaB" id="rbJuridicaB" value="Juridica" required>
                                      Persona Jurídica
                                  </label>
                                </div>
                              </div> 
                              
                              <div class="row">
                                <div class="col-md-6">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon" ><label id="dniRUCB">DNI:</label></div>
                                      <input type="text" class="form-control" id="txtDNIB" name="DniRucB" data-minlength="8" data-maxlength="11"  data-provide="typeahead" autocomplete="off">
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>              
                                </div>
                                <div class="col-md-2 px-0">
                                  <button class="btn btn-info btn-block btn-xs" id="btn_limpiar_bene">Limpiar</button>
                                </div>
                                <div class="col-md-2 px-0">
                                  <button class="btn btn-warning btn-block btn-xs" id="btn_consultar">Consultar</button>
                                </div>
                                <div class="col-md-2 px-0">
                                    <button class="btn btn-outline-warning btn-xs btn-block" id="btn_cuentas_bene" style="font-size: 12px;">Ctas</button>
                                </div>
                              </div>
                              <div class="row">
                                <div class="col-md-12">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon"><label id="nombreRazonB">Nombres: </label></div>
                                      <input type="text" class="form-control mayuscula" id="txtNombreB"  name="NombreBnf" data-provide="typeahead" autocomplete="off" required>
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                   <div class="help-block with-errors"></div>
                                  </div> 
                                </div>
                              </div>
                                <div class="row" id="campoApB">
                                  <div class="col-md-12">
                                    <div class="form-group">
                                      <div class="input-group">
                                        <div class="input-group-addon"><label>A. Paterno: </label></div>
                                        <input type="text" class="form-control mayuscula" id="txtAPB" name="PaternoBnf" data-provide="typeahead" autocomplete="off" required>
                                      </div>
                                      <div class="form-control-feedback" style="text-align:left;" ></div>

                                     <div class="help-block with-errors"></div>
                                    </div>  
                                  </div>
                                </div>
                                <div class="row" id="campoAmB">
                                  <div class="col-md-12">
                                    <div class="form-group">
                                      <div class="input-group">
                                        <div class="input-group-addon"><label>A. Materno:</label></div>
                                        <input type="text" class="form-control mayuscula" id="txtAMB" name="MaternoBnf" data-provide="typeahead" autocomplete="off" required>
                                      </div>
                                      <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-8">
                                    <div class="form-group">
                                      <div class="input-group">
                                        <div class="input-group-addon"><label>Celular: </label></div>
                                        <input type="text" class="form-control mayuscula" id="txtcel" name="CelularBnf"  data-minlength="9" maxlength="9" style="font-size:16px;font-weight:bold;" pattern="[9][0-9]{2,9}$">
                                      </div>
                                      
                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                      <div class="help-block with-errors"></div>
                                    </div>      
                                  </div>
                                </div>
                                

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

                          <div class="col-md-4">
                          <div class="panel panel-default" id="panel_solicitante">
                          <div class="panel-heading" id="grupoS"> 
                            <b>SOLICITANTE <span id="cabecera_soli"></span></b> 
                          </div>
                          <div class="panel-body" id="CampoSol">
                          <div class="row">
                            
                            <div class="col-md-12">
                                  <label style="margin-bottom: 0px;">
                                      <input type="radio" name="TipoPersona" id="rbNatural" value="Natural" required checked>
                                      Persona Natural 
                                  </label>
                                  <label style="margin-bottom: 0px;">
                                      <input type="radio" name="TipoPersona" id="rbJuridica" value="Juridica" required>
                                      Persona Jurídica
                                  </label>
                            </div>                            
                          </div> 
                          <p></p>
                          <div class="row">
                            <div class="col-md-6">
                              <div class="form-group">
                                <div class="input-group">
                                  <div class="input-group-addon"><label id="dniRUC">DNI: </label></div>
                                  <input type="text" class="form-control" id="txtDNI" name="DniRucCln" data-minlength="8" data-maxlength="11" data-provide="typeahead" autocomplete="off">
                                </div>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                                <div class="help-block with-errors"></div>
                              </div>              
                               <p></p>
                            </div>
                            <div class="col-md-3">
                              <button class="btn btn-primary btn-block btn-xs" id="btn_limpiar_soli">Limpiar</button>
                            </div>
                            <div class="col-md-3">
                              <!--<button class="btn btn-warning btn-block btn-xs" id="btn_consultar_so">Consultar</button>-->
                            </div>
                          </div>
                          <div class="row">
                             <div class="col-md-12">
                              <div class="form-group">
                                <div class="input-group">
                                  <div class="input-group-addon"><label id="nombreRazon">Nombres: </label></div>
                                  <input type="text" class="form-control mayuscula" id="txtNombre" name="NombreCln" data-provide="typeahead" autocomplete="off" required>
                                </div>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                                <div class="help-block with-errors"></div>
                               </div>                             
                              <p></p>
                            </div>
                          </div>

                          <div class="row" id="campoAp">
                            <div class="col-md-12">
                              <div class="form-group">
                                <div class="input-group">
                                  <div class="input-group-addon"><label>A. Paterno:</label></div>
                                  <input type="text" class="form-control mayuscula" id="txtAP" name="PaternoCln" data-provide="typeahead" autocomplete="off" required>
                                </div>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                                <div class="help-block with-errors"></div>
                              </div>
                              <p></p>
                            </div>
                          </div>

                          <div class="row" id="campoAm">
                              <div class="col-md-12">
                                <div class="form-group">
                                  <div class="input-group">
                                    <div class="input-group-addon"><label>A. Materno:</label></div>
                                    <input type="text" class="form-control mayuscula" id="txtAM" name="MaternoCln" data-provide="typeahead" autocomplete="off">
                                  </div>
                                  <div class="form-control-feedback" style="text-align:left;" ></div>
                                  <div class="help-block with-errors"></div>
                                </div>                             
                                <p></p>
                              </div>
                          </div>
                           <div class="row">
                              <div class="col-md-8">
                                <div class="form-group">
                                  <div class="input-group">
                                    <div class="input-group-addon"><label>Celular:</label></div>
                                    <input type="text" class="form-control mayuscula" id="txtcelCli" name="CelularCli"  data-minlength="9" maxlength="9" style="font-size:16px;font-weight:bold;" pattern="[9][0-9]{2,9}$" required>
                                  </div>
                                  <div class="form-control-feedback" style="text-align:left;" ></div>
                                  <div class="help-block with-errors"></div>
                                </div>      
                              </div>
                            </div>
 
                            </div>
                          </div>  
                        </div>

                        <div class="col-md-4">
                          <div class="panel panel-default" >
                          <div class="panel-heading"  id="grupoC"><b>TRANSFERENCIA</b></div>
                            <div class="panel-body">
                              <div class="row">
                                <div class="col-md-12">
                                  <div class="form-group">
                                    <div class="input-group">

                                      <div class="input-group-addon">
                                        <label>Destino:</label>
                                      </div>

                                      <div class="select" style="height: 34px;">
                                        <select  name="OficinaDst" id="ComboOficina" placeholder="Seleccione Oficina" >   
                                       </select>
                                      </div>
                                      
                                    </div>
                                    <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-12">
                                  <div class="col-sm-8" style="padding-right: 0px;padding-left: 0px;">
                                    <div class="form-group">
                                      <div class="input-group">
                                        <div class="input-group-addon"><label>Monto:</label></div>
                                        <input type="text" class="form-control t-monto" id="txtCantidad" name="Monto" autocomplete="off" required>
                                      </div>
                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                      <div class="help-block with-errors"></div>
                                    </div>                              
                                    <p></p>
                                  </div>
                                  <div class="col-sm-4" style="padding-right: 0px;padding-left: 0px;">
                                     <select class="form-control" name="moneda" id="Cmoneda">
                                        <option value="soles">Soles</option>
                                        <option value="dolares">Dolares</option>
                                      </select>
                                  </div>
                                </div>
                               
                              </div> 
                              <div class="row">
                                <div class="col-md-9">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon"><label>Comisión:</label></div>
                                      <input type="text" class="form-control t-monto" id="txtComicion" name="comicion" autocomplete="off" required>
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>                              
                                  <p></p>
                                </div>
                                <div class="col-md-3">
                                  <!--<button type="button" class="btn btn-danger btn-block" id="solAutCo" >Editar</button>-->
                                </div>
                                <div class="col-md-12">
                                  <span id="sp-texto-comi">La comisión es menor a la establecida</span>
                                </div>
                              </div>
                              <div class="row center">
                                <div class="col-md-12">
                                  <a href="#" class="btn btn-warning btn-block btn-xs" data-toggle="modal" data-target="#modalCtasBanco" id="btn-ctas-bancos">Seleccionar detalle bancos</a>
                                </div>
                                <div class="col-md-12">
                                  <a href="#" class="btn btn-info btn-block btn-xs" data-toggle="modal" data-target="#modalClienteCtasBanco" id="btn-ctas-bancos-cli">Beneficiario por cuenta</a>
                                </div>
                              </div>
                              <div class="row">
                                <div class="col-md-12">
                                  <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="" id="chb-banco">
                                    <label class="form-check-label" for="chb-banco">
                                      Banco
                                    </label>
                                  </div>
                                </div>
                              </div>
                              <div class="row  hidden" id="divBanco">
                                <div class="col-md-12">
                                  <select class="form-control form-control-sm" id="txtBanco" name="banco">
                                    <option value="" disabled selected>Seleccione un banco</option>
                                    <option value ="BCP">BCP</option>
                                    <option value ="Banco de la Nacion">Banco de la Nacion</option>
                                    <option value ="Interbank">Interbank</option>
                                    <option value ="Continental">Continental</option>
                                    <option value ="Scotiabank">Scotiabank</option>
                                    <option value ="Caja cusco">Caja cusco</option>
                                    <option value ="Caja arequipa">Caja arequipa</option>
                                    <option value ="Caja huancayo">Caja huancayo</option>
                                    <option value ="Caja tacna">Caja tacna</option>
                                    <option value ="Crediscotia">Crediscotia</option>
                                    <option value ="Mi banco">Mi banco</option>
                                    <option value ="Caja piura">Caja piura</option>
                                    <option value ="Otros">Otros</option>
                                  </select>
                                </div>
                              </div>
                              <p></p>
                              <!--
                              <div class="row">
                                <div class="col-md-6 col-md-offset-3">
                                  <a href="#" class="btn btn-warning btn-block btn-xs" data-toggle="modal" data-target="#modalCtasBanco" id="btn-ctas-bancos">Seleccionar detalle bancos</a>
                                </div>
                                <p></p>
                              </div>
                              -->
                              
                               <div class="row hidden" id="divNroCta">
                                <div class="col-md-10">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon"><label>N° Cuenta / DNI:</label></div>
                                      <input type="text" class="form-control t-monto" id="txtNroCta" name="NroCta" data-minlength="4" autocomplete="off" required>
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>                              
                                  <p></p>
                                </div>
                                <div class="col-md-2 px-0">
                                  <button class="btn btn-outline-success btn-xs btn-block" id="btn_bene_cuenta" style="font-size: 12px;">Consultar</button>
                                </div>
                                <script type="text/javascript">
                                  $(document).ready(function(){
                                    $('#txtNroCta').numeric();
                                  });

                                </script>
                              </div> 
                              <div class="row hidden"id="divComiBanco">
                                <div class="col-md-12">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon">
                                        <label>Comisión Bancos:</label>
                                      </div>
                                      <input type="text" class="form-control t-monto" id="txtConcepto" name="MontoConcepto" autocomplete="off" required>
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>                              
                                  <p></p>
                                </div>
                              </div> 
                              <div class="row hidden" id="div-alerta-giro">
                                <div class="col-md-12">
                                  <div class="alert" role="alert" style="border: 2px solid #f5d181;color: #8a6d3b; background-color: #fff9ca;">
                                    Se cobrará S/. 2.00 adicionales por concepto de gastos de giro.
                                  </div>
                                </div>
                              </div>
                              <div class="row hidden"id="divCelReferencia">
                                <div class="col-md-12">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon">
                                        <label>Celular Referencia:</label>
                                      </div>
                                      <input type="text" class="form-control" id="txtCelRef" name="CelularRef" autocomplete="off" data-minlength="9" maxlength="9" style="font-size:16px;font-weight:bold;" pattern="[9][0-9]{2,9}$" required>
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>                              
                                  <p></p>
                                </div>
                              </div>
                              <div class="row hidden" id="divClave">
                                <div class="col-md-12">
                                  <div class="form-group">
                                    <div class="input-group">
                                      <div class="input-group-addon">
                                        <label>Clave:</label>
                                      </div>
                                      <input type="text" class="form-control" id="txtClave" name="clave" autocomplete="off"style="font-size:16px;font-weight:bold;">
                                    </div>
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>                              
                                  <p></p>
                                </div>
                              </div> 
                              <div class="row">
                                <div class="col-md-5" align="right">
                                  <label>Detalle Bancos/ Observaciones:</label> 
                                </div>
                                <div class="col-md-7">
                                  <div class="form-group">
                                     <textarea class="form-control" rows="3"  name="conceptoDet" id ="txtdetalle_obs"></textarea >
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                     <div class="help-block with-errors"></div>
                                  </div>                              
                                  <p></p>
                                </div>
                              </div>
                              <!--
                              <div class="row">
                                <div class="col-md-4 m-l-5 m-r-5" align="right">
                                  <h4><b style="font-size: 15px;">Observaciones:</b></h4>
                                </div>
                                <div class="col-md-7">
                                  <div class="form-group">
                                  <div class="fg-line">
                                    <textarea class="form-control" rows="3" name="obs"></textarea >
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                  </div>
                                   <div class="help-block with-errors"></div>
                                  </div>
                                  
                                </div>
                              </div>  
                            -->
                              <p></p>                                  
                            </div>
                          </div>  
                        </div>
                  </div>
                        <br>
                      </div>





                      </div>
                      <br>
 
                   
                  <div class="row" hidden>
                     <div class="col-md-1 col-xs-1 hidden" style="z-index: -10;">
                      <select class="form-control" name="transac">
                        <option value="{{transac}}"></option>
                      </select>
                    </div>
                    <div class="col-md-1 col-xs-1" style="z-index: -10;">
                      <input type="text" class="form-control" id="txtCodigoAu" name="CodigoAut">
                    </div>
                  </div>
                  <div class="row">
                  
                    <div class="col-md-2 col-md-offset-5 " align="center">
                      <button type="button" class="btn btn-primary btn-block btn-sm" data-toggle="modal" data-target="#modalenvio" id="enviar_transferencia">Guardar</button>
                    </div>
                  </div>
                {% endif %}
                {% endif %}
              {% else %}
                <div class="row">
                    <div class="col-md-12">
                      <div class="alert alert-danger alert-dismissible" role="alert">
                        <strong>USTED  Y SUS ASOCIADOS YA SOBREPASO EL MONTO TOPE EN TRANSFERENCIAS; POR FAVOR ENVIE EL CAPITAL</strong><br>
                        cualquier  duda comuniquese con el gerente
                      </div>
                    </div>
                  </div>
              {% endifnotequal %}
              <div id="modalenvio" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                          <div class="modal-dialog modal-sm" style="width">
                            <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>
                                <label class="modal-title" id="myModalLabel">Detalle envío</label>
                              </div>
                              <div class="modal-body">
                                <div class="row">
                                  <div class="col-md-3" align="right"> 
                                    <h4>Destino: </h4> 
                                  </div>
                                  <div class="col-md-8" align="left">
                                      <h4 > <b id="lbl_des"></b></h4>
                                  </div>
                                </div>
                                <p></p>
                                <div class="row">
                                  <div class="col-md-3" align="right"> 
                                    <h4>Beneficiado:</h4> 
                                  </div>
                                  <div class="col-md-8" align="left">
                                      <h4 ><b id="lbl_bene" style="color:#2e6da4;"></b></h4>
                                  </div>
                                </div>
                                <p></p>

                                <div class="row">
                                  <div class="col-md-3" align="right"> 
                                    <h4>Cantidad:</h4> 
                                  </div>
                                  <div class="col-md-6">
                                      <h4 ><span id="mn"></span> <b id="canti_h4"></b></h4>
                                      <h4 ><span id="canti_h6" style="color: #a94442;" ></span> <span id="alerta_mone"></span></h4>
                                  </div>
                                </div>
                                <p></p>
                                <div class="row">
                                  <div class="col-md-3" align="right"> 
                                    <h4>Comisión:</h4> 
                                  </div>
                                  <div class="col-md-6">
                                      <h4 ><span id="mn1"></span> <b id="comi_h4"></b></h4>
                                      <h4 ><span id="comi_h6" style="color: #a94442;" ></span> <span id="alerta_mone1"></span></h4>
                                  </div>
                                </div>
                                <p></p>
                                <div class="row">
                                  <div class="col-md-3" align="right" > 
                                    <h4>Comision Bancos:</h4> 
                                  </div>
                                  <div class="col-md-6">
                                      <h4 ><span id="mn2"></span> <b id="otros_h4"></b></h4>
                                      <h4 ><span id="otros_h6" style="color: #a94442;" ></span> <span id="alerta_mone2"></span></h4>
                                  </div>
                                </div>
                                <p></p>
                                <div class="row">
                                  <div class="" role="alert" align="center" id="resp_en">
                                  </div>
                                </div>
                                <div class="row hidden" id="div-alerta-giro-con">
                                  <div class="col-md-12">
                                    <div class="alert" role="alert" style="border: 2px solid #f5d181;color: #8a6d3b; background-color: #fff9ca;">
                                      Se cobrará S/. 2.00 adicionales por concepto de gastos de giro.
                                    </div>
                                  </div>
                                </div>

                                <div class="row">
                                  <div class="col-md-12">
                                    <hr/>
                                  </div>
                                  <div class="col-md-12" style="margin: 0px 20px 0px 20px;">
                                    <b>TIPO DE RECIBO</b>
                                  </div>
                                  <div class="col-md-12" style="margin: 0px 20px 0px 20px;">
                                    <div class="form-check">
                                      <input class="form-check-input" name="TipoProceso" type="radio" id="rbRecibo" value="recibo" checked >
                                      <label class="form-check-label" for="rbRecibo">
                                        Solo Recibo
                                      </label>
                                    </div>
                                    {% ifequal check_fe 'si' %}
                                    <div class="form-check">
                                      <input class="form-check-input" name="TipoProceso" type="radio" id="rbBoleta" value="boleta" >
                                      <label class="form-check-label" for="rbBoleta">
                                        Boleta Electronica
                                      </label>
                                    </div>
                                    <div class="form-check">
                                      <input class="form-check-input" name="TipoProceso" type="radio" id="rbFactura" value="factura" >
                                      <label class="form-check-label" for="rbFactura">
                                        Factura Electronica
                                      </label>
                                    </div>
                                    {% endifequal %}
                                  </div>
                                </div>
                                <div class="row" style="color:orange;">
                                  <div class="col-md-12">
                                    <h5 style="text-align: center;"id="texto_procesar"></h5>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-md-12" align="center">
                                    <div class="form-group">
                                      <button type="submit" class="btn btn-success" id="enviar_tr">
                                        Enviar <span id="texto_procesar_btn"></span>
                                      </button>
                                    </div>
                                  </div>
                                </div>
                               
                              </div>
                            </div><!-- /.modal-content -->
                          </div><!-- /.modal-dialog -->
                      </div><!-- /.modal -->
                 <div id="modalrecibo" 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">Detalles</h4>
                              </div>
                              <div class="modal-body">
                                <div  id="platillaI" style="font-family:'arial', Monaco, monospace;font-size:18px;">
                                  <table>
                                     <tr style="text-align: center;">
                                      <td align="center"><img src="{% static 'img/golden-letras.png' %}" style="width: 400px; padding-bottom:20px;"></td>
                                    </tr>
                                    {% ifequal es_sunat 'si' %}
                                    <tr>
                                      <td style="text-align: center;">{{ re_e_razon }}</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">RUC: {{ re_e_ruc }}</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center; padding-left: 20px; padding-right: 20px;">{{ re_e_dir }}</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">{{ re_e_dis }} - {{ re_e_pro }}</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">{{ re_e_depa }}</td>
                                    </tr>
                                    {% else %}
                                    <tr>
                                      <td style="text-align: center;">INVERSIONES GOLDEN RAYS</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">RUC: 20609471256</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center; padding-left: 20px; padding-right: 20px;">PJ. Las Palmeras LT. F2 MZ. 3A C.P. Cetro poblado PUKIRI</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">Madre de Dios - Manu</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">Madre de Dios</td>
                                    </tr>
                                    {% endifequal %}

                                    {% ifequal es_sunat 'si' %}
                                    <tr>
                                      <td style="text-align: center;">{{re_tipo}} ELECTRÓNICA</td>
                                    </tr>
                                    <tr>
                                      <td style="text-align: center;">{{re_serie}}-{{re_correlativo}}</td>
                                    </tr>
                                    {% endifequal %}
                                    <tr  style="border-top: 1px solid #000">
                                      <td style="text-align: center;"><b>Solicitud Transferencia</b></td>
                                    </tr>
                                  </table>
                                  
                                  <table>
                                     <tr>
                                      <td nowrap style="text-align: left;"><h4 id="nror"></h4> </td>
                                      <td nowrap style="padding-left: 150px"><h4 id="idST"></h4> </td>
                                      <td nowrap style="padding-right:10px"></td>
                                    </tr>
                                    <tr>
                                      <td nowrap>FECHA:  </td>
                                      <td nowrap style="padding-left: 20px"><span id="fechaRecibo"></span></td>
                                      <td nowrap></td>
                                    </tr>
                                    
                                   
                                  </table>
                                  
                                  <table>
                                    <tr>
                                      <td nowrap>PROCEDENCIA:</td>
                                      <td style="padding-left: 20px"> <h4 id="oficinaRecibo"><h4></td>
                                      <td nowrap></td>
                                    </tr>
                                  </table>

                                  <table>
                                    <tr>
                                      <td nowrap>DESTINO:</td>
                                      <td style="padding-left: 15px"><h4 id="oficinaDestino"><h4></td>
                                      <td nowrap></td>
                                    </tr>
                                     <tr>
                                      <td nowrap style="padding-bottom: 18px;">SOLICITANTE:</td>
                                      <td nowrap style="padding-left: 15px;white-space: pre;"><span id="soli"></span></td>
                                      <td nowrap></td>
                                    </tr>
                                     <tr>
                                      <td nowrap style="padding-bottom: 18px;">BENEFICIADO:</td>
                                      <td nowrap style="padding-left: 15px;white-space: pre;"><span id="bene"></span></td>
                                      <td nowrap></td>
                                    </tr>
                                  </table>
                                  <table>
                                    <tr>
                                      <td nowrap>OBSERVACIONES:</td>
                                      <td style="padding-left: 20px" id="reciboObs"></td>
                                      <td nowrap></td>
                                    </tr> 
                                  </table>

                                   <table>
                                    <tr>
                                      <td nowrap><h3><b>IMPORTE:</b></h3></td>
                                      <td nowrap></td>
                                      <td nowrap></td>
                                    </tr>
                                     <tr>
                                      <td nowrap style="padding-left: 5px">MONTO:</td>
                                      <td nowrap style="padding-left: 20px"></td>
                                      <td nowrap><h4 id="monto_tr"></h4></td>
                                    </tr>
                                     <tr>
                                      <td nowrap style="padding-left: 5px">COMISIÓN:</td>
                                      <td nowrap style="padding-left: 20px"></td>
                                      <td nowrap><h4 id="comi_tr"></h4></td>
                                    </tr>
                                     <tr>
                                      <td nowrap style="padding-left: 5px">OTROS:</td>
                                      <td nowrap style="padding-left: 20px"></td>
                                      <td nowrap><h4 id="otros_tr"></h4></td>
                                    </tr>
                                     <tr>
                                      <td nowrap><h3><b>IMPORTE TOTAL:</b></h3></td>
                                      <td nowrap></td>
                                      <td nowrap><h3><b id="importe"></b></h3></td>
                                    </tr>
                                  </table>
                                  {% ifequal es_sunat 'si' %}
                                  <hr/>
                                  <table>
                                    <tr>
                                      <td nowrap colspan="3" style="padding-left: 5px; text-align: center;">OPERACIONES GRAVADAS</td>
                                    </tr>
                                    <tr>
                                      <td nowrap style="padding-left: 5px">SUB TOTAL</td>
                                      <td nowrap style="padding-left: 20px">{{re_su_mo}}</td>
                                      <td nowrap>{{re_su_sub}}</td>
                                    </tr>
                                    <tr>
                                      <td nowrap style="padding-left: 5px">I.G.V.</td>
                                      <td nowrap style="padding-left: 20px">{{re_su_mo}}</td>
                                      <td nowrap>{{re_su_igv}}</td>
                                    </tr>
                                     <tr>
                                      <td nowrap><b>TOTAL</b></td>
                                      <td nowrap><b>{{re_su_mo}}</b></td>
                                      <td nowrap><b>{{re_su_total}}</b></td>
                                    </tr>
                                  </table>
                                  
                                  <table>
                                    <tr>
                                      <td>
                                        {{re_nletras}}
                                      </td>
                                    </tr>
                                  </table>

                                  <table>
                                    <tr>
                                      <td style="width: 50%;">
                                        <div style="border: solid #333333 1px; padding:  0px 8px 0px 8px;margin-right: 3px;">
                                          <p style="font-size: 10px;">
                                            2002: SERVICIOS PRESTADOS EN LA AMAZONÍA REGIÓN SELVA PARA SER CONSUMIDOS EN LA MISMA
                                          </p>
                                        </div>
                                      </td>
                                      <td style="width: 50%;">
                                        <img src="{{uri_qr}}">
                                      </td>
                                    </tr>
                                  </table>

                                  <hr/>
                                  {% endifequal %}
                                  

                                  <br><br><br>

                                  <table>
                                    <tr>
                                      <td nowrap>____________________</td>
                                      <td style="padding-left: 20px"></td>
                                      <td nowrap>____________________</td>
                                    </tr> 
                                    <tr>
                                      <td nowrap>OP. {{ nombre_usuario }}</td>
                                      <td style="padding-left: 20px"></td>
                                      <td nowrap id="soli1"></td>
                                    </tr> 
                                   
                                  </table>
                                   <br></br>
                                  <table>
                                    <tr>
                                      <td>Consultas y Reclamos:</td>
                                      <td  style="text-align: left;padding-left: 10px;">{{ ObsOficina }}</td>
                                      <!--<td>{{ ObsOficina }}</td>-->
                                    </tr>
                                  </table>      
                                </div>
                              </div>
                              <div class="modal-footer">
                                <hr>
                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                              </div>

                            </div><!-- /.modal-content -->
                          </div><!-- /.modal-dialog -->
                      </div><!-- /.modal -->
                    <div id="modalCodAut" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-sm">
                        <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">Codigo de Autorizacion</h4>
                          </div>
                          <div class="modal-body">
                            <div class="row alert alert-warning" id="area_transfExpi">
                              <div class="row">
                                <div class="col-md-12" align="left">
                                  <p>Si desea editar la comision. Por favor ingrese el codigo de autorizacion, en caso que no tenga, haga click en la opcion <b>Solicitar Codigo</b></p>
                                </div>
                              </div>
                              <p></p>
                              <div class="row">
                                <div class="col-md-6 col-md-offset-6">
                                  <button type="button" class="btn btn-success btn-block btn-xs"id="solCod">Solicitar Codigo</button>
                                </div>
                              </div>
                              <br>
                              <div class="row">
                                <div class="col-md-4" align="right"> 
                                  <h5><b>CODIGO: </b></h5>
                                </div>
                                <div class="col-md-8">
                                  <input type="text" class="form-control" placeholder="Ingrese el codigo de autorizacion" id="txtCodA">
                                </div>
                              </div>
                              <br>
                              <div class="row">
                                <div class="col-md-8 col-md-offset-2">
                                  <button type="button" class="btn btn-primary btn-block"id="verificar">Verificar Codigo</button>
                                </div>
                              </div>

                            </div>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                          </div>

                        </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                    </div><!-- /.modal -->
            </div>
          </div>
      </div>
   
    <div class="row">
      <div class="col-md-12">
        <p align="center" style="color:#2e6da4;">
          <label>ULTIMAS TRANSFERENCIAS</label>
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
          <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                   <tr>
                      <th>Beneficiado</th>
                      <th>Monto</th>
                      <th>Remitente</th>
                      <th>Fecha</th>
                      <th>Destino</th>
                      <th>S/T</th>
                      <th>Comision</th>
                      <th>Banco</th>
                      <th>C. Bancos</th>
                      <th>Moneda</th>
                      <th>Estado</th>
                    </tr>
                </thead>
                <tbody id="listaTransf">
                </tbody>
            </table>
          </div>
      </div>
    </div>
  </form>
<!-- modal cuentas de bancos -->
  <div id="modalCtasBanco" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalCuentas" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <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">Cuentas de banco del cliente</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                       <tr>
                          <th>Beneficiario</th>
                          <th nomrap>DNI/CTA</th>
                          <th>Banco</th>
                          <th></th>
                        </tr>
                    </thead>
                    <tbody id="listaCtas">
                    </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>

      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  <!-- /modal de cuentas bancos -->
<!-- modal beneficiarios de cuentas banco -->
  <div id="modalClienteCtasBanco" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalCuentas" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <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>
          <label class="modal-title" id="myModalLabel">Clientes por cuenta de banco</label>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <div class="table-responsive"  style="font-size: 13px;">
                <table class="table table-striped" >
                    <thead>
                       <tr>
                          <th>Beneficiario</th>
                          <th nomrap>DNI/CTA</th>
                          <th>Banco</th>
                          <th></th>
                        </tr>
                    </thead>
                    <tbody id="listaCtasCli">
                    </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>

      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  <!-- /modal de cuentas bancos -->
<!-- test socket -->
<!--
<script src="http://localhost:6060/socket.io/socket.io.js"></script>
-->
<script type="text/javascript">
  /*
  const socket = io("http://localhost:6060");
  $("#btn_consultar").click(function(e){
    e.preventDefault();
    
    let data ={}
    data.dni = $("#txtDNIB").val();
    data.tipo="be"
    console.log(data);
    socket.emit('validar_nd',data);
    $('#panel_beneficiario').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
    
  })
  socket.on('validado',function(data){
    console.log(data);
    if(data.status==1){
      let str = data.razon;
      let res = str.trim().split(",");
      let res1 = res[0].trim().split(" ");
      let st_ma= ""
      for(let i=1;i<res1.length;i++){
        st_ma+=res1[i]+" ";
      }
      if(data.tipo=="be"){
        //ajax_cta_bancos_dni(data.dni);
        $("#txtNombreB").val(res[1]);
        $("#txtAPB").val(res1[0]);
        $("#txtAMB").val(st_ma.trim());
      }
      if(data.tipo=="so"){
        $("#txtNombre").val(res[1]);
        $("#txtAP").val(res1[0]);
        $("#txtAM").val(st_ma.trim());
      }
      
    }
    else{
      bootbox.alert({ 
        message: data.mensaje,
        className: 'bb-alternate-modal'
      }); 
    }

    $('#panel_beneficiario').waitMe('hide');
    $('#panel_solicitante').waitMe('hide');
  });
  */
</script>
<!-- /test socket -->


<!--
<script type="text/javascript" src="https://consorcioimperial.com/socket-io/socket.io/socket.io.js"></script>-->

<script type="text/javascript">
    //var socket = io.connect('https://consorcioimperial.com',{path:'/socket-io/socket.io'});
      var urlAutocompleteCliente='';
      {% ifequal OfCentral 'si' %}
        urlAutocompleteCliente='/clientes_autocompletado_user_ajax/';
      {% else %}
        urlAutocompleteCliente='/clientes_autocompletado_user_caja_ajax/';
      {% endifequal %}

      var data_bene={}
      var data_soli={}
      var Aux="";
      var filaI =0;
      var dialog="";
      var idB="";
      var idS="";
      var AuxC="";
      var indice_monto=0;
      var bnd= false;
      var flagComision=0;
      var flagKeyUp=0;
      var data_cta=[];
      var data_cta_bene=[];
      var gastos_giro=0;

      var tipo_ope ="R;" // B F
      $(document).ready(function () {
        $('#txtDNIB').numeric(); 
        $('#txtDNI').numeric();
        $('#txtNroCta').numeric(); 
        $('#txtCantidad').numeric(".");
        $('#txtcel').numeric();
        $('#txtcelCli').numeric();
        $('#txtComicion').numeric(".");
        $('#txtConcepto').numeric(".");
        
        //$("#myModal").modal("show");

        ajax_Transferencias();
        {% ifnotequal resultado '' %}
        {% ifequal resultado 'exito' %}
               var mr;
              var fechaRecibo= '{{fechaRecibo}}'
              var horaRecibo='{{horaRecibo}}'
              //var nombreRecibo='{{nombreRecibo}}'
              var montoRecibo='{{montoRecibo}}'
              var monedaRecibo='{{monedaRecibo}}'
              //var conceptoDetalleRecibo='{{conceptoDetalleRecibo}}'
              var usuario='{{user.username}}'
              //var dniRecibo='{{dniRecibo}}'
              var oficinaRecibo='{{oficinaRecibo}}'
              var ofiDestino='{{oficinadestino}}'
              var ofiDesDir='{{direccionofi}}'
              var numeror='{{nrorecibo}}'
              var idST='{{idST}}'
              var solicitante='{{soli}}'
              var soliAp='{{soliAp}}'
              var beneficiado='{{bene}}'
              var beneAp='{{beneAp}}'
              var comi='{{comisionRecibo}}'
              var capi='{{capitalRecibo}}'
              var otros='{{otrosRecibo}}'
              var recibo_obs='{{recibo_obs}}'
              var recibo_det='{{recibo_det}}'
              //$("#recibi").text(nombreRecibo);
              if(monedaRecibo=="soles")
              {
                mr="S/. "
              }
              else
              {
                mr="$/. "
              }
              //$("#pldet").html("Monto:"+mr+capi+"<br>Comision: "+mr+comi+"<br> Otros:"+mr+otros);
              $("#monto_tr").text(mr+capi);
              $("#comi_tr").text(mr+comi);
              $("#otros_tr").text(mr+otros);
              $("#oficinaRecibo").text(oficinaRecibo);
              //$("#horaRecibo").text("Hora: "+horaRecibo);
              $("#fechaRecibo").text(fechaRecibo+" "+horaRecibo);
              $("#importe").text(mr+montoRecibo);
              //$("#concepto").text(conceptoDetalleRecibo);
              $("#usuario").text(usuario);
              $("#nror").text("NRO: "+numeror);
              $("#idST").text("ST: "+idST);
              $("#bene").text(beneficiado+"\n"+beneAp);
              $("#soli").text(solicitante+"\n"+soliAp);
              $("#oficinaDestino").text(ofiDestino);
              $("#reciboObs").text(recibo_obs +" *"+recibo_det);
              //$("#reciboDet").text(recibo_det);
              //$("#oficinaDir").text(ofiDesDir);
              $("#soli1").text(solicitante+"\n"+soliAp);
              //$("#modalrecibo").modal("show");
              $("#platillaI").printThis();

              
      {% endifequal %}
      {% endifnotequal %}
        //noCliente();
        $('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;
          }
      });
      
      $("#Cmoneda").change(function(){
         if( $("#Cmoneda").val()=='soles'){
          /*
            if($("#valorCHB").val()=="no"){
              $("#grupoC").removeClass();
              $("#grupoS").removeClass();
              $("#grupoB").removeClass();
              $("#grupoC").attr( "class","card-head card-head-xs style-info");
              $("#grupoS").attr( "class","card-head card-head-xs style-info");
              $("#grupoB").attr( "class","card-head card-head-xs style-info");
            }*/

          }
          else{
            /*
            if($("#valorCHB").val()=="no"){
              $("#grupoC").removeClass();
              $("#grupoS").removeClass();
              $("#grupoB").removeClass();
              $("#grupoC").attr( "class","card-head card-head-xs style-success");
              $("#grupoS").attr( "class","card-head card-head-xs style-success");
              $("#grupoB").attr( "class","card-head card-head-xs style-success");
            }*/
          }
      });

        /*
        $(document).on('click', '.row', function(e) { 
            
            $('.lista').hide();
            $(".lista").html('');

            $('.lista1').hide();
            $(".lista1").html('');
        }); 
        */

        /*
        $("#txtDNIB").focusout(function(){
          if($(this).val().length>=8){
          //run_waitMe($('#CampoBen'), 1, "pulse","Consultando DNI...");
            $.ajax({
              data:{'dni':$(this).val()},
              url:'/clientes_autocompletado_user_dni_ajax/',
              //async:false,
              type:'GET',
              dataType:'json',
              success: function(data){
                 if(data=="fail1"){
                  bootbox.alert("Ocurrio un error. Vuelva a intentarlo");
                }else{
                  if(data=="fail"){
                      //consultaB();
                      console.log("fail");
                  }else{
                    $('#CampoBen').waitMe('hide');
                    $("#txtNombreB").val(data.nombre);
                    $("#txtAPB").val(data.ap);
                    $("#txtAMB").val(data.am);
                    $("#txtDNIB").prop("readonly",true);
                    $("#txtNombreB").prop("readonly",true);
                    $("#txtAPB").prop("readonly",true);
                    $("#txtAMB").prop("readonly",true);
                  }
                }
                console.log(data);
              },
              error: function(xhr, textStatus, errorThrown) {
                      console.log(xhr.responseText);
              },
            }); 
          }
            
       });
        */
        /*
         $(".chbOfDNIMenor").click(function(){ 
          if(checked==true){
            if (!$(this).find('input[type="checkbox"]').is(':checked')) {
              WebTour.create({
                0: [{
                  element: "#grupoB",
                   description: "Cuando se crea ST para menores, al momento del pago de la ST no sera necesario ingresar el DNI'",
                  position: "b",
                  next: false,
                  closeSign: false
                }]
                });
               
              WebTour.init();
            }
          }
            
            if ($(this).find('input[type="checkbox"]').is(':checked')) {
              $("#valorCHB").val("no");
               if( $("#Cmoneda").val()=='soles'){
                  $("#grupoC").removeClass();
                  $("#grupoS").removeClass();
                  $("#grupoB").removeClass();
                  $("#grupoC").attr( "class","card-head card-head-xs style-info");
                  $("#grupoS").attr( "class","card-head card-head-xs style-info");
                  $("#grupoB").attr( "class","card-head card-head-xs style-info");
                }
                else{

                  $("#grupoC").removeClass();
                  $("#grupoS").removeClass();
                  $("#grupoB").removeClass();
                  $("#grupoC").attr( "class","card-head card-head-xs style-success");
                  $("#grupoS").attr( "class","card-head card-head-xs style-success");
                  $("#grupoB").attr( "class","card-head card-head-xs style-success");
   
                }
              
            }else{
              $("#valorCHB").val("si");
              $("#grupoC").removeClass();
              $("#grupoS").removeClass();
              $("#grupoB").removeClass();
              $("#grupoC").attr( "class","card-head card-head-xs style-warning");
              $("#grupoS").attr( "class","card-head card-head-xs style-warning");
              $("#grupoB").attr( "class","card-head card-head-xs style-warning");
            }

        }); */

        /*
        $("#txtDNI").focusout(function(){
          if($(this).val().length>=8){
            //run_waitMe($('#CampoSol'), 1, "pulse","Consultando DNI...");
            $.ajax({
              data:{'dni':$(this).val()},
              url:'/clientes_autocompletado_user_dni_ajax/',
              //async:false,
              type:'GET',
              dataType:'json',
              success: function(data){
                   if(data=="fail1"){
                  bootbox.alert("Ocurrio un error. Vuelva a intentarlo");
                }else{
                  if(data=="fail"){
                    //consulta renieg
                      //consulta();
                      console.log("fail");
                  }else{
                    $('#CampoSol').waitMe('hide');
                    $("#txtNombre").val(data.nombre);
                    $("#txtAP").val(data.ap);
                    $("#txtAM").val(data.am);

                    $("#txtDNI").prop("readonly",true);
                    $("#txtNombre").prop("readonly",true);
                    $("#txtAP").prop("readonly",true);
                    $("#txtAM").prop("readonly",true);
                  }
                }
                console.log(data);
              },
              error: function(xhr, textStatus, errorThrown) {
                      console.log(xhr.responseText);
              },
            });*/
          

       $(".mayuscula").keyup(function(){
          var valor= $(this).val().toUpperCase();
          $(this).prop('value',valor);
        });
      /*
       $(document).on("click",".filaCli",function(){
         var num = $(this).attr('id');
         filaI = num;
         var fila= $(this).attr('class');
          $("."+fila).attr('class','filaCli');
          $("#"+num).attr('class','filaCli danger');
      });
      */
      /*
      $("#btnRefrescar").click(function(){
          ajax_Clientes();
      });
      $("#btnfiltrar").click(function(){
        ajax_ClientesFiltro();
       });
      $("#lstClientes").click(function(){
        ajax_Clientes();
      });
      $("#campoChk").click(function(){
          if($("#noClient").prop('checked')){
            noCliente();
            $("#formulario").validator('validate');
          }
      });
      */
      $("input[name=TipoPersonaB]").change(function(){
          idB="";
          $("#IdBeneficiado").val("");
          $("#txtDNIB").prop("readonly",false);
          $("#txtAPB").prop("readonly",false);
          $("#txtAMB").prop("readonly",false);
          $("#txtNombreB").prop("readonly",false);
          $("#txtDNIB").val("");
          $("#txtAPB").val("");
          $("#txtAMB").val("");
          $("#txtNombreB").val("");
          if($(this).val()=="Natural"){
              $("#dniRUCB").text("DNI");
              $("#nombreRazonB").text("Nombres");
              $("#campoApB").show();
              $("#campoAmB").show();
               document.getElementById("txtAPB").required = true;
              document.getElementById("txtAMB").required = true;
          }
          else{
              $("#dniRUCB").text("RUC");
              $("#nombreRazonB").text("Razón Social");
              $("#campoApB").hide();
              $("#campoAmB").hide();
              document.getElementById("txtAPB").required = false;
              document.getElementById("txtAMB").required = false;
          }
      });

      $("input[name=TipoPersona]").click(function(){
         $("#IdCliente").val("");
          idS="";
          if($(this).val()=="Natural"){
              $("#dniRUC").text("DNI");
              $("#nombreRazon").text("Nombres");
              $("#campoAp").show();
              $("#campoAm").show();
          }
          else{
              $("#dniRUC").text("RUC");
              $("#nombreRazon").text("Razón Social");
              $("#campoAp").hide();
              $("#campoAm").hide();
          }
      });
      
      ajax_oficina();
      
      //otra funcion
      function ajax_oficina(){
        $.ajax({
          {% ifequal OfCentral 'si' %}
          url:'/oficinas_version3_config_aja/',
          {% else %}
           url:'/oficinas_version2_ci_ajax/',
          {% endifequal %}
          type:'GET',
          dataType:'json',
          success: function(data){
          var html ="";
            $("#ComboOficina").html('');
            for(var i=0;i<data.length;i++){
              if(data[i].bx == 'si'){
                html += '<option value="'+data[i].pk+'" style="background-color: #FFA;color: #000;">'+data[i].nombre_oficina+'</option>';
              }
              else{
                html += '<option value="'+data[i].pk+'">'+data[i].nombre_oficina+'</option>';
              }
            }
            $('#ComboOficina').html(html);
            ajax_Comi_por_ofi_des();
            $('#ComboOficina').selectize();
          }
        });
      };
      $("#solAutCo").hide();
      $("#ComboOficina").change(function(){
        ajax_Comi_por_ofi_des();
        bnd=false;
        $("#txtCantidad").prop('value',null);
        $("#txtComicion").prop('value',null);
        $("#txtComicion").prop('readonly',false);
        $("#solAutCo").hide();
      });

     // poner comas alos numeros
     function poner_coma(numero){
      var cadena= numero;
      n= cadena.length;
      var r='';
      var p=n;
      var up=0,p1='',p2='';
      while(p>3){
        p=p-3;
        p1=cadena.substring(0,p);
        p2=cadena.substring(p);
        r=','+p2+r;
        cadena=p1;
        console.log(p1);
        console.log(p2);
      }
      return(cadena+r);
     }
     //
     function normalizar(numero){
        var cadena=numero.toString();
        var parte='',num='',dec='00';
        if (cadena.indexOf('.')!=-1){
          parte=cadena.split('.');
          num=parte[0];
          dec=parte[1];
        }
        else{
          num=cadena;
        }
        var cade= poner_coma(num);
        return (cade+'.'+dec);
      }
      //
      function leer_3_cifreas(numero){
        var aux= "000"+numero.toString();
        var num=aux.substring(aux.length-3);
        if(num=='000'){
          return '';
        }
        else{
          var cen='';
          switch (num.charAt(0)) {
              case '1':
                  if (num.charAt(1)!='0' || num.charAt()!='0'){
                    cen='Ciento ';
                  }
                  else{
                    cen='Cien';
                  }
                  break;
              case '2':
                  cen='Docientos ';
                  break;
              case '3':
                  cen='Trescientos ';
                  break;
              case '4':
                  cen = "Cuatrocientos ";
                  break;
              case '5':
                  cen = "Quinientos ";
                  break;
              case  '6':
                  cen = "Seiscientos ";
                  break;
              case '7':
                  cen = "Setecientos ";
                  break;
              case '8':
                  cen = "Ochocientos ";
                  break;
              case '9':
                  cen = "Novecientos ";
                  break;
          }//end switch
          var dec='';
          switch (num.charAt(1)) {
              case '1':
                  switch (num.charAt(2)) {
                      case '0':
                          dec='Diez';
                          break;
                      case '1':
                          dec='Once';
                          break;
                      case '2':
                          dec='Doce';
                          break;
                      case '3':
                          dec = "Trece";
                          break;
                      case '4':
                          dec = "Catorce";
                          break;
                      case  '5':
                          dec = "Quince";
                          break;
                      default:
                          dec='Dieci';
                  }//end switch
                  break;
              case '2':
                  if (num.charAt(2)=='0'){
                    dec='Veinte';
                  }
                  else{
                    dec='Veinti';
                  }
                  break;
              case '3':
                  if (num.charAt(2)=='0'){
                    dec='Treinta';
                  }
                  else{
                    dec='Treinta y ';
                  }
                  break;
              case '4':
                  if (num.charAt(2)=='0'){
                    dec='Cuarenta';
                  }
                  else{
                    dec='Cuarenta y ';
                  }
                  break;
              case '5':
                  if (num.charAt(2)=='0'){
                    dec='Cincuenta';
                  }
                  else{
                    dec='Cincuenta y ';
                  }
                  break;
              case  '6':
                  if (num.charAt(2)=='0'){
                    dec='Sesenta';
                  }
                  else{
                    dec='Sesenta y ';
                  }
                  break;
              case '7':
                  if (num.charAt(2)=='0'){
                    dec='Setenta';
                  }
                  else{
                    dec='Setenta y ';
                  }
                  break;
              case '8':
                  if (num.charAt(2)=='0'){
                    dec='Ochenta';
                  }
                  else{
                    dec='Ochenta y ';
                  }
                  break;
              case '9':
                  if (num.charAt(2)=='0'){
                    dec='Noventa';
                  }
                  else{
                    dec='Noventa y ';
                  }
                  break;
          }//end switch
          var uni='';
          if (num.charAt(1)=='1' && (num.charAt(2)=='0' ||num.charAt(2)=='1' ||num.charAt(2)=='2' ||num.charAt(2)=='3' ||num.charAt(2)=='4' ||num.charAt(2)=='5')){
            uni=''
          }
          else{
            switch (num.charAt(2)) {
                case '1':
                    uni='Uno'
                    break;
                case '2':
                    uni='Dos';
                    break;
                case '3':
                    uni='Tres';
                    break;
                case '4':
                    uni = "Cuatro";
                    break;
                case '5':
                    uni = "Cinco";
                    break;
                case  '6':
                    uni = "Seis";
                    break;
                case '7':
                    uni = "Siete";
                    break;
                case '8':
                    uni = "Ocho";
                    break;
                case '9':
                    uni = "Nueve";
                    break;
            }//end switch
          }
          return (cen+dec+uni);
        }//end else

      }

      function leer_complet(numero1){
        var numero=numero1.toString();
        var cadena='';
        if(numero.indexOf('.')!=-1){
          var aux= numero.split('.');
          numero= aux[0];
        }
        cadena= "000000000"+numero;
        var cen='';
        var mil='';
        var millon='';
        var p= cadena.length;
        if(cadena.substring(p-3)!="000"){
          cen=leer_3_cifreas(cadena.substring(p-3));
        }
        if (cadena.substring(p-6,p-3)!="000"){
            if (cadena.substring(p-6,p-3)=="001"){
              mil=' Mil ';
            }
            else{
              mil=leer_3_cifreas(cadena.substring(p-6,p-3))+' Mil ';
            }
            
          }
          if(cadena.charAt(p-7)!='0'){
              millon=numero.substring(0,numero.length-6)+' Millon '
            }
        return (millon+mil+cen);
      }
   
     //
     $("#enviar_transferencia").click(function(){
      $("#resp_en").prop('class'," ");
      $("#resp_en").html(" ");
      $("#formulario").validator('validate');
      var mn='s/.'
      if ($("#Cmoneda option:selected").val()=='dolares'){
        mn='$'
      }
      $("#mn").text(mn);
      $("#mn1").text(mn);
      $("#mn2").text(mn);
      $("#canti_h4").text(normalizar($("#txtCantidad").val()));
      $("#comi_h4").text(normalizar($("#txtComicion").val()));
      $("#otros_h4").text(normalizar($("#txtConcepto").val()));
      $("#canti_h6").text(leer_complet($("#txtCantidad").val()));
      $("#comi_h6").text(leer_complet($("#txtComicion").val()));
      $("#otros_h6").text(leer_complet($("#txtConcepto").val()));
      $("#alerta_mone").text($("#Cmoneda option:selected").val());
      $("#alerta_mone1").text($("#Cmoneda option:selected").val());
      $("#alerta_mone2").text($("#Cmoneda option:selected").val());
      $("#lbl_des").text($('select[name=OficinaDst] option:selected').text());
      $("#lbl_bene").text($("#txtNombreB").val()+' '+$("#txtAPB").val()+' '+$("#txtAMB").val());
      //--- fact
      $("#txt-numero-letras").val(numeroALetras(redondeo(parseFloat($("#txtComicion").val()),2), {
              plural: 'SOLES',
              singular: 'SOL',
              centPlural: 'CENTAVOS',
              centSingular: 'CENTAVO'
            }));

     })
     function redondeo(valor,d){
      return Number(Math.round(valor+'e'+d)+'e-'+d);
    }

      $("#enviar_tr").click(function(e){
        e.preventDefault();
        let monto_cpto = 0;
        if($("#txtConcepto").val() && $("#txtConcepto").val().trim() != ""){
          monto_cpto = parseFloat($("#txtConcepto").val());
          
        }
        $("#txtConcepto").val(monto_cpto + gastos_giro);
        $("#enviar_tr").prop('disabled',true);
        $("#txt-tipo-operacion").val(tipo_ope);//fact

        $("#resp_en").prop('class','alert alert-warning');
        $("#resp_en").html("<h4>ENVIANDO....</h4>");

        $("#formulario").submit();
      })
     //
     //
      //fact
     format_panel_pro();
    function format_panel_pro(){
      if($("#rbRecibo").prop('checked')){
        $('#texto_procesar').html("Se emitira solo Recibo");
        $('#texto_procesar_btn').html("");
        tipo_ope ="R";
      
      }
      else if($("#rbBoleta").prop('checked')){
        $('#texto_procesar').html("Se emitira Boleta Electronica");
        $('#texto_procesar_btn').html("y Emitir Boleta");
        tipo_ope ="B";
      }
      else if($("#rbFactura").prop('checked')){
        $('#texto_procesar').html("Se emitira Factura Electronica");
        $('#texto_procesar_btn').html("y Emitir Factura");
        tipo_ope ="F";
      }
      else{
        tipo_ope ="-";
      }
    }
    $('#texto_procesar').html("Se emitira solo Recibo");
    $('#texto_procesar_btn').html("");

    $('#rbRecibo').change(function(){
      format_panel_pro();
    })
    $('#rbBoleta').change(function(){
      format_panel_pro();
    })
    $('#rbFactura').change(function(){
      format_panel_pro();
    })
     //
     //
     function ajax_Transferencias(){
        $.ajax({
          url:'/listaUltimasTransCreadas_ajax/',
          type:'GET',
          dataType:'json',
          success: function(data){
            var html ="";
            for(var i=0;i<data.length;i++){
              html += '<tr><td>'+data[i].nombre_bnf+' '+data[i].paterno_bnf+' '+data[i].materno_bnf+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].monto+'</td><td>'+data[i].nombre_rmt+' '+data[i].paterno_rmt+' '+data[i].materno_rmt+'</td><td>'+data[i].fecha+'</td><td style="color:#2e6da4;font-size:16px;font-weight:bold;" >'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td>'+data[i].banco+'</td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].estado+'</td></tr>';
            }
            //html+='</tbody></table>';
            $('#listaTransf').html(html);
          }
        });
      };
      //
      //************* comisiones *********************
     function ajax_Comi_por_ofi_des(){
      $.ajax({
        data:{'idOfi':$('#ComboOficina').val()},
        url:'/listaConfigCo_para_ofici_ajax/',
        //async:false,
        type:'GET',
        dataType:'json',
        success: function(data){
            AuxC = data;
        }
      });
     }
     $("#txtCantidad").keyup(function(){

      //$("#rbnin").prop("checked",true);
      //$("#divComiBanco").addClass("hidden");
      //$("#divNroCta").addClass("hidden");
      //$("#txtConcepto").val(0);
       flagComision=0;
       var bd=false;
       indice_monto =-1;
       var ind=0
       var mont= parseFloat($(this).val());
        if(AuxC!=""){
          for(var i=0;i<AuxC.length;i++){
            if(AuxC[i].montomin<=mont && AuxC[i].montomax >= mont){
              //$("#txtComicion").prop('value',AuxC[i].comision);
              ind=i;
              indice_monto=i;
              bd=true;
              //flagComision=true;
            }
          }
        }
        if(!bnd){
          if(bd){
            //$("#txtComicion").prop('readonly',true);
            //$("#solAutCo").show();
            if(parseFloat(AuxC[ind].comision)<1){
              $("#txtComicion").prop('value',Math.floor(parseFloat(AuxC[ind].comision)*parseFloat(parseFloat($("#txtCantidad").val()))));
            }
            else{
              $("#txtComicion").prop('value',AuxC[ind].comision);
            }
            
            flagComision=parseFloat(AuxC[ind].comision);
          }
          else{
            $("#txtComicion").prop('readonly',false);
            $("#txtComicion").prop('value',null);
            $("#solAutCo").hide();
          }
        }
     });

     $("#sp-texto-comi").hide();
     $("#txtComicion").keyup(function(){
     		flagKeyUp=$(this).val();
     });

     $("#txtComicion").change(function(){
     	if(!bnd){
     		var comision=parseFloat($(this).val());
        if(flagComision<1){
           if (comision<Math.floor(flagComision*parseFloat($("#txtCantidad").val()))){
            //$(this).val(Math.floor(flagComision*parseFloat($("#txtCantidad").val())));
            $("#sp-texto-comi").show();
            //$("#modalCodAut").modal("show");
          }
        }
        else{
          if (comision<flagComision){
            //$(this).val(flagComision);
            $("#sp-texto-comi").show();
            //$("#modalCodAut").modal("show");
          }
        }
     		
     	}
     });

     $("#solAutCo").click(function(){
     	$("#txtComicion").prop('readonly',false);
     });

     //
     $("#solCod").click(function(){
      ajax_solicitudAut();
     });

     function ajax_solicitudAut(){
        $.ajax({
          data:{'idO':$("#ComboOficina").val()},
          url:'/SolAutoComisionPersonal_ajax/',
          //async:false,
          type:'GET',
          dataType:'text',
          success: function(data){
            if(data=='exito'){
              bootbox.alert({ 
                message: "Operación exitosa. Se solicito el codigo de autorización",
                className: 'bb-alternate-modal'
              });                   
             }
             else{
              bootbox.alert({ 
                message: "Error. "+data,
                className: 'bb-alternate-modal'
              });
            }
          }
        });
      };
     //
     $("#verificar").click(function(){
      ajax_verificarAut();
     })
     function ajax_verificarAut(){
        $.ajax({
          data:{'cod':$("#txtCodA").val(),'idO':$("#ComboOficina").val()},
          url:'/Verifi_CodAutoComi_ajax/',
          //async:false,
          type:'GET',
          dataType:'text',
          success: function(data){
            if(data=='exito'){
              /*
              bootbox.alert({ 
                message: "Autotrizado",
                className: 'bb-alternate-modal'
              });*/
              bnd=true;
               $("#modalCodAut").modal("hide");
               $("#txtComicion").prop('value',null);
               $("#txtComicion").prop('readonly',false);
               $("#solAutCo").hide();
               $("#txtCodigoAu").prop('value',$("#txtCodA").val());
             }
             else{
              bootbox.alert({ 
                message: "Error. "+data,
                className: 'bb-alternate-modal'
              });
              bnd=false;
            }
          }
        });
      };
      //------------------- cta  bancos ------------
      $("#btn-ctas-bancos").hide();
      /*
      function ajax_cta_bancos_dni(dni){
        $.ajax({
          data:{'dni':dni},
          url:'/lista_cta_bancos_dni_ajax/',
          //async:false,
          type:'GET',
          dataType:'json',
          success: function(data){
            data_cta = data;
            var html_c ="";
            if(data.length>0){
              $("#btn-ctas-bancos").show();
            }
            else{
              $("#btn-ctas-bancos").hide();
            }
            for(var i=0;i<data.length;i++){
              html_c += '<tr><td>'+data[i].cliente+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].cta_dni+'</td><td>'+data[i].banco_text+'</td><td><button type="button" class="btn btn-success btn-xs btn-agregar-cta" id="'+i+'"> Elegir para ST</button></td></tr>';
            }
            $('#listaCtas').html(html_c);
            $(".btn-agregar-cta").click(function(event, element){
                if (event.stopPropagation) {
                    event.stopPropagation();   // W3C model
                } else {
                    event.cancelBubble = true; // IE model
                }
                var index = $(this).prop('id');
                var bancocta = data_cta[index].banco;
                $("#divComiBanco").removeClass("hidden"); 
                $("#divClave").addClass("hidden"); 
                $("#txtClave").prop('value',null);
                $("#divNroCta").removeClass("hidden"); 
                $("#divCelReferencia").removeClass("hidden");
                if(bancocta=='bn'){
                  $("#rbbn").prop('checked',true);
                }
                if(bancocta=='cn'){
                  $("#rbcn").prop('checked',true);
                }
                if(bancocta=='bcp'){
                  $("#rbbcp").prop('checked',true);
                  $("#divClave").removeClass("hidden");
                }
                if(bancocta=='otro'){
                  $("#rbotro").prop('checked',true);
                }
                $("#txtNroCta").prop('value',data_cta[index].cta_dni);
                $("#txtCelRef").prop('value',data_cta[index].cel_referencia);
                $("#txtdetalle_obs").prop('value',data_cta[index].tipo_operacion +' '+data_cta[index].banco_text);
                //-- hide modal
                $("#modalCtasBanco").modal('hide');
                //check_monto_bancos()
                //alert(idOficina);
              })
          }
        });
      };*/
      //*************************** autocompletado **************************
      //***************************** beneficiario **************************
      function datos_beneficiario(){
        return $("#txtDNIB").val()+' '+$("#txtNombreB").val()+' '+$("#txtAPB").val()+' '+$("#txtAMB").val()
      }
      function limpiar_benericiario(){
        $("#IdBeneficiado").prop('value',null);
        $("#txtDNIB").prop('value',null);
        $("#txtNombreB").prop('value',null);
        $("#txtAPB").prop('value',null);
        $("#txtAMB").prop('value',null);
        $("#txtcel").prop('value',null);
      }
      function verificar_datos_bene(current,input_value){
        if (current.name == datos_beneficiario() || current.name == input_value) {
            //swal("Beneficario", datos_beneficiario(), "success");
            //$("#formulario").validator('validate');
            $("#panel_beneficiario").prop("class","panel panel-success")
            $("#cabecera_bene").text("")
            return true
          } 
          else {
            $("#IdBeneficiado").prop('value',null);
            $("#panel_beneficiario").prop("class","panel panel-warning")
            $("#cabecera_bene").text("(Nuevo Cliente)")
            //$("#txtNombreB").prop('value',null);
            //$("#txtAPB").prop('value',null);
            //$("#txtAMB").prop('value',null);
            //swal("Nuevo Cliente",datos_beneficiario(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
            return false
          }
      }
      
      $("#txtDNIB").change(function() {
        var current = $("#txtDNIB").typeahead("getActive");
        if (current) {
          
          if(verificar_datos_bene(current,$("#txtDNIB").val())){
            data_bene= current;
            $("#IdBeneficiado").prop('value',data_bene.id);
            $("#txtDNIB").prop('value',data_bene.dni);
            $("#txtNombreB").prop('value',data_bene.nombre);
            $("#txtAPB").prop('value',data_bene.ap);
            $("#txtAMB").prop('value',data_bene.am);
            $("#txtcel").prop('value',data_bene.telefono);
            ajax_cta_bancos(data_bene.id);
          }
          
          
          //console.log("if 1");
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdBeneficiado").prop('value',null);
           $("#panel_beneficiario").prop("class","panel panel-warning")
            $("#cabecera_bene").text("(Nuevo Cliente)")
            //$("#txtNombreB").prop('value',null);
            //$("#txtAPB").prop('value',null);
            //$("#txtAMB").prop('value',null);
          //swal("Nuevo Cliente", datos_beneficiario(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
          console.log("else 1");
        }
        //console.log(cliente);
        
      }); 

      var autoBeneficiario_dni= $('#txtDNIB').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_dni_ajax/', { query: query }, function (data) {
                return process(data);
            },'json');
        }
      });
      //*** nombre
      $("#txtNombreB").change(function() {
        var current = $("#txtNombreB").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_beneficiario() || current.name == $("#txtNombreB").val()) {
            data_bene= current;
            $("#IdBeneficiado").prop('value',data_bene.id);
            $("#txtDNIB").prop('value',data_bene.dni);
            $("#txtNombreB").prop('value',data_bene.nombre);
            $("#txtAPB").prop('value',data_bene.ap);
            $("#txtAMB").prop('value',data_bene.am);
            $("#txtcel").prop('value',data_bene.telefono);
            ajax_cta_bancos(data_bene.id);
            //swal("Beneficario", datos_beneficiario(), "success");
            //$("#formulario").validator('validate');
            $("#panel_beneficiario").prop("class","panel panel-success")
            $("#cabecera_bene").text("")
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdBeneficiado").prop('value',null);
            $("#panel_beneficiario").prop("class","panel panel-warning")
            $("#cabecera_bene").text("(Nuevo Cliente)")
          //$("#txtDNIB").prop('value',null);
            //swal("Nuevo Cliente",datos_beneficiario(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdBeneficiado").prop('value',null);
          //$("#txtDNIB").prop('value',null);
          //swal("Nuevo Cliente", datos_beneficiario(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
            $("#panel_beneficiario").prop("class","panel panel-warning")
            $("#cabecera_bene").text("(Nuevo Cliente)")
        }
        //console.log(cliente);
        
      }); 

      var autoBeneficiario_nombre= $('#txtNombreB').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_nombre_ajax/', { query: query,'ap':$("#txtAPB").val(),'am':$("#txtAMB").val()}, function (data) {
                return process(data);
            },'json');
        }
      });
      // paterno
      $("#txtAPB").change(function() {
        var current = $("#txtAPB").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_beneficiario() || current.name == $("#txtAPB").val()) {
            data_bene= current;
            $("#IdBeneficiado").prop('value',data_bene.id);
            $("#txtDNIB").prop('value',data_bene.dni);
            $("#txtNombreB").prop('value',data_bene.nombre);
            $("#txtAPB").prop('value',data_bene.ap);
            $("#txtAMB").prop('value',data_bene.am);
            $("#txtcel").prop('value',data_bene.telefono);
            ajax_cta_bancos(data_bene.id);
            $("#panel_beneficiario").prop("class","panel panel-success")
            $("#cabecera_bene").text("")
            //swal("Beneficario", datos_beneficiario(), "success");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdBeneficiado").prop('value',null);
            $("#panel_beneficiario").prop("class","panel panel-warning")
            $("#cabecera_bene").text("Nuevo Cliente")
            //$("#txtDNIB").prop('value',null);
            //swal("Nuevo Cliente",datos_beneficiario(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdBeneficiado").prop('value',null);
           $("#panel_beneficiario").prop("class","panel panel-warning")
          $("#cabecera_bene").text("Nuevo Cliente")
           //$("#txtDNIB").prop('value',null);
          //swal("Nuevo Cliente", datos_beneficiario(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
        }
        //console.log(cliente);
        
      }); 

      var autoBeneficiario_ap= $('#txtAPB').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_paterno_ajax/', { query: query,'no':$("#txtNombreB").val(),'am':$("#txtAMB").val()}, function (data) {
                return process(data);
            },'json');
        }
      });
      // materno
      $("#txtAMB").change(function() {
        var current = $("#txtAMB").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_beneficiario() || current.name == $("#txtAMB").val()) {
            data_bene= current;
            $("#IdBeneficiado").prop('value',data_bene.id);
            $("#txtDNIB").prop('value',data_bene.dni);
            $("#txtNombreB").prop('value',data_bene.nombre);
            $("#txtAPB").prop('value',data_bene.ap);
            $("#txtAMB").prop('value',data_bene.am);
            $("#txtcel").prop('value',data_bene.telefono);
            ajax_cta_bancos(data_bene.id);
            $("#panel_beneficiario").prop("class","panel panel-success")
            $("#cabecera_bene").text("")
            //swal("Beneficario", datos_beneficiario(), "success");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdBeneficiado").prop('value',null);
            $("#panel_beneficiario").prop("class","panel panel-warning")
          $("#cabecera_bene").text("(Nuevo Cliente)")
            //$("#txtDNIB").prop('value',null);
            //swal("Nuevo Cliente",datos_beneficiario(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdBeneficiado").prop('value',null);
           //$("#txtDNIB").prop('value',null);
           $("#panel_beneficiario").prop("class","panel panel-warning")
          $("#cabecera_bene").text("(Nuevo Cliente)")
          //swal("Nuevo Cliente", datos_beneficiario(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
        }
        //console.log(cliente);
        
      }); 

      var autoBeneficiario_am= $('#txtAMB').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_materno_ajax/', { query: query,'ap':$("#txtAPB").val(),'no':$("#txtNombreB").val()}, function (data) {
                return process(data);
            },'json');
        }
      });
      $("#btn_limpiar_bene").click(function(e){
        e.preventDefault();
        limpiar_benericiario();
      })
      //***************************** solicitante **************************
      function datos_solicitante(){
        return $("#txtDNI").val()+' '+$("#txtNombre").val()+' '+$("#txtAP").val()+' '+$("#txtAM").val()
      }
      function limpiar_solicitante(){
        $("#IdCliente").prop('value',null);
        $("#txtDNI").prop('value',null);
        $("#txtNombre").prop('value',null);
        $("#txtAP").prop('value',null);
        $("#txtAM").prop('value',null);
        $("#txtcelCli").prop('value',null);
      }

      $("#txtDNI").change(function() {
        var current = $("#txtDNI").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_solicitante() || current.name == $("#txtDNI").val()) {
            data_soli= current;
            $("#IdCliente").prop('value',data_soli.id);
            $("#txtDNI").prop('value',data_soli.dni);
            $("#txtNombre").prop('value',data_soli.nombre);
            $("#txtAP").prop('value',data_soli.ap);
            $("#txtAM").prop('value',data_soli.am);
            $("#txtcelCli").prop('value',data_soli.telefono);
            $("#panel_solicitante").prop("class","panel panel-success")
            $("#cabecera_soli").text("")
            //swal("Solicitante", datos_solicitante(), "success");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdCliente").prop('value',null);
            $("#panel_solicitante").prop("class","panel panel-warning")
            $("#cabecera_soli").text("(Nuevo Cliente)")
            //$("#txtNombre").prop('value',null);
            //$("#txtAP").prop('value',null);
            //$("#txtAM").prop('value',null);
            //swal("Nuevo Cliente",datos_solicitante(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdCliente").prop('value',null);
           $("#panel_solicitante").prop("class","panel panel-warning")
           $("#cabecera_soli").text("(Nuevo Cliente)")
            //$("#txtNombre").prop('value',null);
            //$("#txtAP").prop('value',null);
            //$("#txtAM").prop('value',null);
          //swal("Nuevo Cliente", datos_solicitante(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
        }
        //console.log(cliente);
        
      }); 

      var autoSolicitante_dni= $('#txtDNI').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_dni_ajax/', { query: query }, function (data) {
                return process(data);
            },'json');
        }
      });
      //*** nombre
      $("#txtNombre").change(function() {
        var current = $("#txtNombre").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_solicitante() || current.name == $("#txtNombre").val()) {
            data_soli= current;
            $("#IdCliente").prop('value',data_soli.id);
            $("#txtDNI").prop('value',data_soli.dni);
            $("#txtNombre").prop('value',data_soli.nombre);
            $("#txtAP").prop('value',data_soli.ap);
            $("#txtAM").prop('value',data_soli.am);
            $("#txtcelCli").prop('value',data_soli.telefono);
            $("#panel_solicitante").prop("class","panel panel-success")
            $("#cabecera_soli").text("")
            //swal("Solicitante", datos_solicitante(), "success");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdCliente").prop('value',null);
            $("#panel_solicitante").prop("class","panel panel-warning")
            $("#cabecera_soli").text("(Nuevo Cliente)")
            //$("#txtDNI").prop('value',null);
            //swal("Nuevo Cliente",datos_solicitante(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdCliente").prop('value',null);
           $("#panel_solicitante").prop("class","panel panel-warning")
           $("#cabecera_soli").text("(Nuevo Cliente)")
           //$("#txtDNI").prop('value',null);
          //swal("Nuevo Cliente", datos_solicitante(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
        }
        //console.log(cliente);
        
      }); 

      var autoSolicitante_nombre= $('#txtNombre').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_nombre_ajax/', { query: query,'ap':$("#txtAP").val(),'am':$("#txtAM").val()}, function (data) {
                return process(data);
            },'json');
        }
      });
      // paterno
      $("#txtAP").change(function() {
        var current = $("#txtAP").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_solicitante() || current.name == $("#txtAP").val()) {
            data_soli= current;
            $("#IdCliente").prop('value',data_soli.id);
            $("#txtDNI").prop('value',data_soli.dni);
            $("#txtNombre").prop('value',data_soli.nombre);
            $("#txtAP").prop('value',data_soli.ap);
            $("#txtAM").prop('value',data_soli.am);
            $("#txtcelCli").prop('value',data_soli.telefono);
             $("#panel_solicitante").prop("class","panel panel-success")
            $("#cabecera_soli").text("")
            //swal("Solicitante", datos_solicitante(), "success");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdCliente").prop('value',null);
            $("#panel_solicitante").prop("class","panel panel-warning")
            $("#cabecera_soli").text("(Nuevo Cliente)")
            //$("#txtDNI").prop('value',null);
            //swal("Nuevo Cliente",datos_solicitante(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdCliente").prop('value',null);
           $("#panel_solicitante").prop("class","panel panel-warning")
           $("#cabecera_soli").text("(Nuevo Cliente)")
           //$("#txtDNI").prop('value',null);
          //swal("Nuevo Cliente", datos_solicitante(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
        }
        //console.log(cliente);
        
      }); 

      var autoSolicitante_ap= $('#txtAP').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_paterno_ajax/', { query: query,'no':$("#txtNombre").val(),'am':$("#txtAM").val()}, function (data) {
                return process(data);
            },'json');
        }
      });
      // materno
      $("#txtAM").change(function() {
        var current = $("#txtAM").typeahead("getActive");
        if (current) {
          // Some item from your model is active!
          if (current.name == datos_solicitante() || current.name == $("#txtAM").val()) {
            data_soli= current;
            $("#IdCliente").prop('value',data_soli.id);
            $("#txtDNI").prop('value',data_soli.dni);
            $("#txtNombre").prop('value',data_soli.nombre);
            $("#txtAP").prop('value',data_soli.ap);
            $("#txtAM").prop('value',data_soli.am);
            $("#txtcelCli").prop('value',data_soli.telefono);
            //swal("Solicitante", datos_solicitante(), "success");
            //$("#formulario").validator('validate');
            $("#panel_solicitante").prop("class","panel panel-success")
            $("#cabecera_soli").text("")
            //console.log($("#IdBeneficiado").val())
          } 
          else {
            $("#IdCliente").prop('value',null);
            $("#panel_solicitante").prop("class","panel panel-warning")
            $("#cabecera_soli").text("(Nuevo Cliente)")
            //$("#txtDNI").prop('value',null);
            //swal("Nuevo Cliente",datos_solicitante(), "warning");
            //$("#formulario").validator('validate');
            //console.log($("#IdBeneficiado").val())
            //data_bene={id:-1}
          }
        } else {
           //swal("Alerta", "Se creara un nuevo cliente,complete los campos DNI/RUC y Direccion", "warning");
           $("#IdCliente").prop('value',null);
           $("#panel_solicitante").prop("class","panel panel-warning")
           $("#cabecera_soli").text("(Nuevo Cliente)")
           //$("#txtDNI").prop('value',null);
          //swal("Nuevo Cliente", datos_solicitante(), "warning");
          //$("#formulario").validator('validate');
          //console.log($("#IdBeneficiado").val())
        }
        //console.log(cliente);
        
      }); 

      var autoSolicitante_ami= $('#txtAM').typeahead({
        source:  function (query, process) {
          return $.get('/listaCliente_autocompletado_materno_ajax/', { query: query,'ap':$("#txtAP").val(),'no':$("#txtNombre").val()}, function (data) {
                return process(data);
            },'json');
        }
      });
      $("#btn_limpiar_soli").click(function(e){
        e.preventDefault();
        limpiar_solicitante();
      })

      //***********
      /*
      $("input[name=banco]").click(function(){
        $("#txtNroCta").val(null);
        if($(this).val()!='nin'){
          $("#divComiBanco").removeClass("hidden"); 
          $("#divNroCta").removeClass("hidden"); 
          $("#divCelReferencia").removeClass("hidden"); 
          $("#divClave").addClass("hidden");
          $("#txtClave").prop('value',null);
          if(indice_monto>=0){
            console.log(AuxC[indice_monto]);
            if($(this).val()=='bn'){
              if(parseFloat(AuxC[indice_monto].banco_nacion)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].banco_nacion)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].banco_nacion);
              }

            }
            if($(this).val()=='cn'){
              if(parseFloat(AuxC[indice_monto].continental)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].continental)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].continental);
              }
            }
            if($(this).val()=='bcp'){
              //$("#divClave").removeClass("hidden");
              if(parseFloat(AuxC[indice_monto].bcp)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].bcp)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].bcp);
              }
            }
            if($(this).val()=='otro'){
              if(parseFloat(AuxC[indice_monto].otros_bancos)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].otros_bancos)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].otros_bancos);
              }
            }
          }
        }
        else{
          $("#divComiBanco").addClass("hidden");
          $("#divNroCta").addClass("hidden");
          $("#divCelReferencia").addClass("hidden"); 
          //$("#divClave").addClass("hidden");
          //$("#txtClave").prop('value',null);
        }
      })
      */
      //******************
      /*
      $("#txtNroCta").keyup(function(){
        $("#divClave").addClass("hidden");
        $("#txtClave").prop('value',null);

        if(indice_monto>=0){
          //banco de la nacion
          if($("#rbbn").prop('checked')){
            if($("#txtNroCta").val().trim().length>8){
              //cta
              if(parseFloat(AuxC[indice_monto].banco_nacion_de)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].banco_nacion_de)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].banco_nacion_de);
              }
            }
            else{
              //dni
              if(parseFloat(AuxC[indice_monto].banco_nacion)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].banco_nacion)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].banco_nacion);
              }
            }
          }
          // continental
          if($("#rbcn").prop('checked')){
            if($("#txtNroCta").val().trim().length>8){
              //cta
              if(parseFloat(AuxC[indice_monto].continental_de)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].continental_de)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].continental_de);
              }
            }
            else{
              //dni
              if(parseFloat(AuxC[indice_monto].continental)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].continental)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].continental);
              }
            }
          }
          //bcp
          if($("#rbbcp").prop('checked')){
            if($("#txtNroCta").val().trim().length>8){
              //cta
              if(parseFloat(AuxC[indice_monto].bcp_de)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].bcp_de)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].bcp_de);
              }
            }
            else{
              //dni
              $("#divClave").removeClass("hidden");
              if(parseFloat(AuxC[indice_monto].bcp)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].bcp)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].bcp);
              }
            }
          }
          //
        }
      });
      */
      //
      function check_monto_bancos(){
        if(indice_monto>=0){
          //banco de la nacion
          if($("#rbbn").prop('checked')){
            if($("#txtNroCta").val().trim().length>8){
              //cta
              if(parseFloat(AuxC[indice_monto].banco_nacion_de)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].banco_nacion_de)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].banco_nacion_de);
              }
            }
            else{
              //dni
              if(parseFloat(AuxC[indice_monto].banco_nacion)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].banco_nacion)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].banco_nacion);
              }
            }
          }
          // continental
          if($("#rbcn").prop('checked')){
            if($("#txtNroCta").val().trim().length>8){
              //cta
              if(parseFloat(AuxC[indice_monto].continental_de)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].continental_de)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].continental_de);
              }
            }
            else{
              //dni
              if(parseFloat(AuxC[indice_monto].continental)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].continental)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].continental);
              }
            }
          }
          //bcp
          if($("#rbbcp").prop('checked')){
            if($("#txtNroCta").val().trim().length>8){
              //cta
              if(parseFloat(AuxC[indice_monto].bcp_de)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].bcp_de)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].bcp_de);
              }
            }
            else{
              //dni
              if(parseFloat(AuxC[indice_monto].bcp)<1){
                $("#txtConcepto").prop('value',Math.floor(parseFloat(AuxC[indice_monto].bcp)*parseFloat(parseFloat($("#txtCantidad").val()))));
              }
              else{
                $("#txtConcepto").prop('value',AuxC[indice_monto].bcp);
              }
            }
          }
          //
        }
      }
      //--
      $("#chb-banco").change(function(){
        if(this.checked){
          $("#divBanco").removeClass("hidden"); 
          $("#divComiBanco").removeClass("hidden"); 
          $("#divNroCta").removeClass("hidden"); 
          $("#divCelReferencia").removeClass("hidden"); 
          $("#divClave").removeClass("hidden");
          $("#txtClave").prop('value',null);
          //$("#div-alerta-giro").removeClass("hidden");
        }
        else{
         $("#divComiBanco").addClass("hidden");
         $("#divBanco").addClass("hidden");
          $("#divNroCta").addClass("hidden"); 
          $("#divCelReferencia").addClass("hidden"); 
          $("#divClave").addClass("hidden");
          $("#txtClave").prop('value',null);
          //$("#div-alerta-giro").addClass("hidden");
          $("#txtBanco").val(null);
          $("#txtClave").prop('value',null);
          $("#txtNroCta").prop('value',null);
          $("#txtCelRef").prop('value',null);
          $("#txtdetalle_obs").prop('value',null);
        }
      })

      //------------------- cta  bancos ------------
      $("#btn-ctas-bancos").hide();
      $("#btn-ctas-bancos-cli").hide();
      function ajax_cta_bancos(id_cli,dni=""){
        $.ajax({
          data:{'pk':id_cli,'dni':dni},
          url:'/lista_cta_bancos_ajax/',
          //async:false,
          type:'GET',
          dataType:'json',
          success: function(data){

            data_cta = data;
            var html_c ="";
            if(data.length>0){
              $("#btn-ctas-bancos").show();
            }
            else{
              $("#btn-ctas-bancos").hide();
            }
            for(var i=0;i<data.length;i++){
              html_c += '<tr><td>'+data[i].cliente+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].cta_dni+'</td><td>'+data[i].banco_text+'</td><td><button type="button" style="padding: 0px 5px;" class="btn btn-success btn-xs btn-agregar-cta" id="'+i+'"> Elegir para ST</button></td></tr>';
            }
            $('#listaCtas').html(html_c);
            $(".btn-agregar-cta").click(function(event, element){
                if (event.stopPropagation) {
                    event.stopPropagation();   // W3C model
                } else {
                    event.cancelBubble = true; // IE model
                }
                var index = $(this).prop('id');
                var bancocta = data_cta[index].banco;
                $("#divBanco").removeClass("hidden"); 
                $("#txtBanco").val(bancocta);
                $("#divComiBanco").removeClass("hidden"); 
                $("#divClave").removeClass("hidden"); 
                $("#txtClave").prop('value',null);
                $("#divNroCta").removeClass("hidden"); 
                $("#divCelReferencia").removeClass("hidden");
                $("#chb-banco").prop("checked",true);
                $("#txtNroCta").prop('value',data_cta[index].cta_dni);
                if($("#txtNroCta").val().trim().length==8){
                  $("#div-alerta-giro").removeClass("hidden");
                  $("#div-alerta-giro-con").removeClass("hidden");
                  gastos_giro= 2;
                }
                else{
                  $("#div-alerta-giro").addClass("hidden");
                  $("#div-alerta-giro-con").addClass("hidden");
                  gastos_giro= 0;
                }
                $("#txtCelRef").prop('value',data_cta[index].cel_referencia);
                $("#txtdetalle_obs").prop('value',data_cta[index].tipo_operacion +' '+data_cta[index].banco_text);
                //-- hide modal
                $("#modalCtasBanco").modal('hide');
                //check_monto_bancos()
                //alert(idOficina);
              })

          }
        });
      };
      $("#btn_cuentas_bene").click(function(e){
        e.preventDefault();
        $("#btn-ctas-bancos-cli").hide();
        if($("#txtDNIB").val() && $("#txtDNIB").val()!=""){
          ajax_cta_bancos(0,$("#txtDNIB").val())
        }
        

      })
      function ajax_cta_bancos_cli(cta){
        $("#btn-ctas-bancos").hide();
        $.ajax({
          data:{'cta':cta},
          url:'/lista_bene_bancos_ajax/',
          //async:false,
          type:'GET',
          dataType:'json',
          success: function(data){

            data_cta_bene = data;
            var html_c ="";
            if(data.length>0){
              $("#btn-ctas-bancos-cli").show();
            }
            else{
              $("#btn-ctas-bancos-cli").hide();
            }
            for(var i=0;i<data.length;i++){
              html_c += '<tr><td>'+data[i].cliente+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].cta_dni+'</td><td>'+data[i].banco_text+'</td><td><button type="button" style="padding: 0px 5px;" class="btn btn-success btn-xs btn-agregar-cta-cli" id="'+i+'"> Elegir para ST</button></td></tr>';
            }
            $('#listaCtasCli').html(html_c);
            $(".btn-agregar-cta-cli").click(function(event, element){
                if (event.stopPropagation) {
                    event.stopPropagation();   // W3C model
                } else {
                    event.cancelBubble = true; // IE model
                }
                var index = $(this).prop('id');
                var bancocta = data_cta_bene[index].banco;
                $("#divBanco").removeClass("hidden"); 
                $("#txtBanco").val(bancocta);
                $("#divComiBanco").removeClass("hidden"); 
                $("#divClave").removeClass("hidden"); 
                $("#txtClave").prop('value',null);
                $("#divNroCta").removeClass("hidden"); 
                $("#divCelReferencia").removeClass("hidden");
                $("#chb-banco").prop("checked",true);
                //$("#txtNroCta").prop('value',data_cta[index].cta_dni);
                $("#txtCelRef").prop('value',data_cta_bene[index].cel_referencia);
                $("#txtdetalle_obs").prop('value',data_cta_bene[index].tipo_operacion +' '+data_cta_bene[index].banco_text);
                //***********
                $("#IdBeneficiado").prop('value',data_cta_bene[index].id_bene);
                $("#txtDNIB").prop('value',data_cta_bene[index].dni);                    
                $("#txtNombreB").prop('value',data_cta_bene[index].nombre);
                $("#txtAPB").prop('value',data_cta_bene[index].ap);
                $("#txtAMB").prop('value',data_cta_bene[index].am);
                $("#txtcel").prop('value',data_cta_bene[index].telefono);
                //-- hide modal
                $("#modalClienteCtasBanco").modal('hide');
                //check_monto_bancos()
                //alert(idOficina);
                // complete beneficiario
                
              })

          }
        });
      };
      $("#btn_bene_cuenta").click(function(e){
        e.preventDefault();
        if($("#txtNroCta").val() && $("#txtNroCta").val()!=""){
          ajax_cta_bancos_cli($("#txtNroCta").val())
        }
      })
      $("#txtNroCta").keyup(function(){
        if($("#txtNroCta").val().trim().length==8){
          $("#div-alerta-giro").removeClass("hidden");
          $("#div-alerta-giro-con").removeClass("hidden");
          gastos_giro= 2;
        }
        else{
          $("#div-alerta-giro").addClass("hidden");
          $("#div-alerta-giro-con").addClass("hidden");
          gastos_giro= 0;
        }
      });
      $("#txtNroCta").change(function(){
        if($("#txtNroCta").val().trim().length==8){
          $("#div-alerta-giro").removeClass("hidden");
          $("#div-alerta-giro-con").removeClass("hidden");
          gastos_giro= 2;
        }
        else{
          $("#div-alerta-giro").addClass("hidden");
          $("#div-alerta-giro-con").addClass("hidden");
          gastos_giro= 0;
        }
      })
      //-------- cliente or cta banco
      //***** SOCKET ****
      $("#btn_consultar").click(function(e){
        e.preventDefault();
        /*
        let data ={}
        data.dni = $("#txtDNIB").val();
        data.tipo="be"
        console.log(data);
        socket.emit('validar_nd',data);
        $('#panel_beneficiario').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
        */
      })
      $("#btn_consultar_so").click(function(e){
        e.preventDefault();
        /*
        let data ={}
        data.dni = $("#txtDNI").val();
        data.tipo="so"
        console.log(data);
        socket.emit('validar_nd',data);
        $('#panel_solicitante').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
        */
      })
      /*
      socket.on('validado',function(data){
        console.log(data);
        if(data.status==1){
          let str = data.razon;
          let res = str.trim().split(",");
          let res1 = res[0].trim().split(" ");
          let st_ma= ""
          for(let i=1;i<res1.length;i++){
            st_ma+=res1[i]+" ";
          }
          if(data.tipo=="be"){
            //ajax_cta_bancos_dni(data.dni);
            $("#txtNombreB").val(res[1]);
            $("#txtAPB").val(res1[0]);
            $("#txtAMB").val(st_ma.trim());
          }
          if(data.tipo=="so"){
            $("#txtNombre").val(res[1]);
            $("#txtAP").val(res1[0]);
            $("#txtAM").val(st_ma.trim());
          }
          
        }
        else{
          bootbox.alert({ 
            message: data.mensaje,
            className: 'bb-alternate-modal'
          }); 
        }

        $('#panel_beneficiario').waitMe('hide');
        $('#panel_solicitante').waitMe('hide');
      });
      */
      //****************
      //****************
      //----- NUMEROS A LETRAS
    var numeroALetras = (function() {

    // Código basado en https://gist.github.com/alfchee/e563340276f89b22042a
    function Unidades(num){

        switch(num)
        {
            case 1: return 'UN';
            case 2: return 'DOS';
            case 3: return 'TRES';
            case 4: return 'CUATRO';
            case 5: return 'CINCO';
            case 6: return 'SEIS';
            case 7: return 'SIETE';
            case 8: return 'OCHO';
            case 9: return 'NUEVE';
        }

        return '';
    }//Unidades()

    function Decenas(num){

        let decena = Math.floor(num/10);
        let unidad = num - (decena * 10);

        switch(decena)
        {
            case 1:
                switch(unidad)
                {
                    case 0: return 'DIEZ';
                    case 1: return 'ONCE';
                    case 2: return 'DOCE';
                    case 3: return 'TRECE';
                    case 4: return 'CATORCE';
                    case 5: return 'QUINCE';
                    default: return 'DIECI' + Unidades(unidad);
                }
            case 2:
                switch(unidad)
                {
                    case 0: return 'VEINTE';
                    default: return 'VEINTI' + Unidades(unidad);
                }
            case 3: return DecenasY('TREINTA', unidad);
            case 4: return DecenasY('CUARENTA', unidad);
            case 5: return DecenasY('CINCUENTA', unidad);
            case 6: return DecenasY('SESENTA', unidad);
            case 7: return DecenasY('SETENTA', unidad);
            case 8: return DecenasY('OCHENTA', unidad);
            case 9: return DecenasY('NOVENTA', unidad);
            case 0: return Unidades(unidad);
        }
    }//Unidades()

    function DecenasY(strSin, numUnidades) {
        if (numUnidades > 0)
            return strSin + ' Y ' + Unidades(numUnidades)

        return strSin;
    }//DecenasY()

    function Centenas(num) {
        let centenas = Math.floor(num / 100);
        let decenas = num - (centenas * 100);

        switch(centenas)
        {
            case 1:
                if (decenas > 0)
                    return 'CIENTO ' + Decenas(decenas);
                return 'CIEN';
            case 2: return 'DOSCIENTOS ' + Decenas(decenas);
            case 3: return 'TRESCIENTOS ' + Decenas(decenas);
            case 4: return 'CUATROCIENTOS ' + Decenas(decenas);
            case 5: return 'QUINIENTOS ' + Decenas(decenas);
            case 6: return 'SEISCIENTOS ' + Decenas(decenas);
            case 7: return 'SETECIENTOS ' + Decenas(decenas);
            case 8: return 'OCHOCIENTOS ' + Decenas(decenas);
            case 9: return 'NOVECIENTOS ' + Decenas(decenas);
        }

        return Decenas(decenas);
    }//Centenas()

    function Seccion(num, divisor, strSingular, strPlural) {
        let cientos = Math.floor(num / divisor)
        let resto = num - (cientos * divisor)

        let letras = '';

        if (cientos > 0)
            if (cientos > 1)
                letras = Centenas(cientos) + ' ' + strPlural;
            else
                letras = strSingular;

        if (resto > 0)
            letras += '';

        return letras;
    }//Seccion()

    function Miles(num) {
        let divisor = 1000;
        let cientos = Math.floor(num / divisor)
        let resto = num - (cientos * divisor)

        let strMiles = Seccion(num, divisor, 'UN MIL', 'MIL');
        let strCentenas = Centenas(resto);

        if(strMiles == '')
            return strCentenas;

        return strMiles + ' ' + strCentenas;
    }//Miles()

    function Millones(num) {
        let divisor = 1000000;
        let cientos = Math.floor(num / divisor)
        let resto = num - (cientos * divisor)

        //let strMillones = Seccion(num, divisor, 'UN MILLON DE', 'MILLONES DE');
        let strMillones = Seccion(num, divisor, millon(num, true), millon(num, false));
        let strMiles = Miles(resto);

        if(strMillones == '')
            return strMiles;

        return strMillones + ' ' + strMiles;
    }//Millones()

    function millon(num, singular) {
        var letraMillon = '';
        if (singular == true)
            letraMillon = 'UN MILLON';
        else
            letraMillon = 'MILLONES'
        if (num % 1000000 == 0)
            letraMillon = letraMillon + ' DE'
        return letraMillon;
    }

    return function NumeroALetras(num, currency) {
        currency = currency || {};
        let data = {
            numero: num,
            enteros: Math.floor(num),
            centavos: (((Math.round(num * 100)) - (Math.floor(num) * 100))),
            letrasCentavos: '',
            letrasMonedaPlural: currency.plural || 'PESOS CHILENOS',//'PESOS', 'Dólares', 'Bolívares', 'etcs'
            letrasMonedaSingular: currency.singular || 'PESO CHILENO', //'PESO', 'Dólar', 'Bolivar', 'etc'
            letrasMonedaCentavoPlural: currency.centPlural || 'CHIQUI PESOS CHILENOS',
            letrasMonedaCentavoSingular: currency.centSingular || 'CHIQUI PESO CHILENO'
        };
        //original
        /*if (data.centavos > 0) {
            data.letrasCentavos = 'CON ' + (function () {
                    if (data.centavos == 1)
                        return Millones(data.centavos) + ' ' + data.letrasMonedaCentavoSingular;
                    else
                        return Millones(data.centavos) + ' ' + data.letrasMonedaCentavoPlural;
                })();
        };
        if(data.enteros == 0)
            return 'CERO ' + data.letrasMonedaPlural + ' ' + data.letrasCentavos;
        if (data.enteros == 1)
            return Millones(data.enteros) + ' ' + data.letrasMonedaSingular + ' ' + data.letrasCentavos;
        else
            return Millones(data.enteros) + ' ' + data.letrasMonedaPlural + ' ' + data.letrasCentavos;
        */

        if (data.centavos > 0) {
            data.letrasCentavos = 'CON ' +  (function () {
                return data.centavos + '/100 ' + data.letrasMonedaPlural;
            })();
        } else {
            data.letrasCentavos = 'CON ' +  (function () {
                return '00/100 ' + data.letrasMonedaPlural;
            })();
        }
    
        if (data.enteros === 0)
            return 'CERO ' + data.letrasCentavos;
        if (data.enteros === 1)
            return Millones(data.enteros) + ' ' + data.letrasCentavos;
        else
            return Millones(data.enteros) + ' ' + data.letrasCentavos;

        
    };

    })();
    //------END NUMEROS A LETRAS

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