{% extends "base.html" %}
{% load static %}
{% block titulo %}
  .::Transferencias - Recibidas Globales
{% endblock titulo %}
{% block content1 %} 
 <link href="{% static 'Bootstrap/css/sweet-alert.css' %}" rel="stylesheet">
<script type="text/javascript">
  $("#navTrans").attr('class','dropdown active');
  $("#navTransRecibidasGlobal").attr('class','active');
</script>
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="panel panel-success">
                <div class="panel-heading"> <strong>TRANSFERENCIAS GLOBALES RECIBIDAS</strong></div>
                <div class="panel-body">
                   <div class="row" >
                    <p class="bg-success" align="center" id="ExitoMensaje">
                    </p>
                  </div>
                  <div class="row">
                      <div class="col-md-1">
                        <button type="button" class="btn btn-success btn-sm" id="RefrescarLista"><span class="fa fa-refresh"></span> Actualizar</button>
                      </div>

                      <div class="col-md-2">
                         <div id="campoChk"  class="checkbox">
                            <!--<input id="ts4" type="checkbox" hidden="hidden">
                            <label for="ts4" class="ts-helper"></label>
                             <label for="ts4" class="ts-label"><strong>Solo activos</strong></label>-->
                            <label>
                              <input id="ts4" type="checkbox" value="success-inverse1"> Solo activos
                            </label>
                        </div> 
                       </div> 
                      
                  </div>

                  <div class="row">
                    <div class="col-md-4">
                      <input type="text" class="form-control" placeholder="Nombre o Apellidos (Beneficiado o Solicitante)" id="filtro">

                    </div>
                    <div class="col-md-1" >
                      <button type="button" class="btn btn-danger btn-sm" id="buscar"><i class="fa fa-search"></i> Buscar</button>
                      <p></p>
                    </div>
                    <div class="col-md-2" >
                      <button type="button" class="btn btn-primary btn-block btn-sm" id="filtroX" data-toggle="modal" data-target="#modalFiltroAvanzado"><span class="glyphicon glyphicon-cog"></span> Filtro Avanzado</button>
                      <p></p>
                    </div>
                  </div>
                  
                  <div class="row">
                      <div class="col-md-12">
                          <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">Detalle de Transferencia Global</h4>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-md-6" >
                                          <div class="panel panel-info" id="divPago">
                                            <div class="panel-heading" align="center"> <strong>Datos Generales</strong></div>
                                            <div class="panel-body">
                                              <div class="row">
                                                <input type="hidden" id="txtDniMenor">
                                                <div class="col-md-5 " align="right">
                                                  <label> Estado de Transferencia </label>
                                                </div>
                                                <div class="col-md-4">
                                                  <input type="text" class="form-control" id="txtEstadoTrans" disabled="disabled">
                                                  <p></p>
                                                </div>
                                              </div>
                                              <br>
                                              <div class="row hidden" id="divNroCtaST"> 
                                                 
                                                <div class="col-md-5 " align="right">
                                                  <label> Nro de Cta </label>
                                                </div>
                                                <div class="col-md-7">
                                                  <input type="text" class="form-control" id="txtNroCtaBanco" disabled="disabled">
                                                  <p></p>
                                                </div>
                                              </div>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    <b>SOLICITANTE</b>
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>DNI/RUC</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtDNI" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Nombres y Apellidos</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtNombres_Soli" disabled="disabled">-->  
                                                    <label ><b id="txtNombres_Soli"></b></label>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    <b>BENEFICIADO</b>
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Nombres y Apellidos</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtNombres_Bene" disabled="disabled"> -->  
                                                    <label ><b id="txtNombres_Bene"></b></label>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row" id="divDNI">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>DNI</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtN">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row hidden" id="divNroCta">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Nro Cta</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtNroCta" placeholder="Ingrese Nro Cta">         
                                                  </div>
                                                  <div class="col-md-12 hidden" id="txtDivMsje">
                                                     <label style="color:red"><b id="txtMsjNroCta"></b></label>  
                                                  </div>
                                                   
                                              </div>

                                              
                                            </div>
                                          </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="panel panel-success">
                                          <div class="panel-heading"><strong>Datos de Transferencia</strong></div>
                                          <div class="panel-body">
                                            <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>ID</label> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtIDtrans" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Nro Recibo:</label> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtnr" disabled="disabled">-->
                                                    <h4 ><b id="txtnr"></b></h4> 
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Fecha</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtFecha" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-5" align="right"> 
                                                    <label>Personal Emisor</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <input type="text" class="form-control" id="txtPersonalE" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-5" align="right"> 
                                                    <label>Oficina Origen</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <input type="text" class="form-control" id="txtOficinaOri" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <br>
                                                    <label>Cantidad</label> 
                                                  </div>
                                                  <div class="col-md-5">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtMonto" disabled="disabled">--> 
                                                    <h3 ><b id="txtMonto"></b></h3>        
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Comisión</label> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtComicion" disabled="disabled"> -->     
                                                    <h4 id="txtComicion"></h4>
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Observaciones</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                                    <textarea class="form-control" rows="2" id="txtObs" disabled="disabled" ></textarea >         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Detalle Otros Conceptos</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                                    <textarea class="form-control" rows="2" id="txtotros_con" disabled="disabled" ></textarea >         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Egreso Extra</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtEgreso">
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row" id="areap">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Observaciones de pago</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObspe">-->
                                                    <textarea class="form-control" rows="2"  id="txtObspa"></textarea >         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row" id="campo-no-dt" style="background-color: #77b7f0;">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Numeracion ST Leido</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <label id="lbl-nroST"></label>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row alert" id="campo-dt"style="background-color: #77b7f0;">
                                                <div class="row" style="margin-bottom: 5px;">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label><b>DT dictado</b></label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtDtDi">    
                                                  </div> 
                                                </div>
                                                <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label><b>Numeracion ST</b></label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtNroST">    
                                                  </div> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                <div class="col-md-4 col-md-offset-4">
                                                  <button  type="button" class="btn btn-primary btn-block btn-sm" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Consultando DNI..." id="pagoT">Pagar</button>
                                                </div>
                                                <div class="col-md-4 ">
                                                  <button type="button" class="btn btn-warning btn-block btn-sm"id="leido">Leido</button>
                                                </div>
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-3">
                                                      <button type="button" class="btn btn-default btn-block btn-xs" id="anularleido">Anular Leido</button>
                                                  </div>
                                              </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    
                                   <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cerrar</button>
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                         
                          <div id="modal1" 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="border: 1px solid #000">
                                          <td width="31%"></td>
                                          <td><h4>PAGO DE ST</h4></td>
                                          <td nowrap width="32%"></td>
                                        </tr>
                                      </table>
                                      <table>   
                                        <tr>
                                          <td nowrap style="text-align: left;"><h4 id="nror"></h4> </td>
                                          <td nowrap style="padding-left: 50px"><h4 id="idST"></h4> </td>
                                          <td nowrap style="padding-right:10px"></td>
                                        </tr>
                                        <tr>
                                          <td nowrap>FECHA ENVÍO:  </td>
                                          <td nowrap style="padding-left: 20px"><span id="fechaCreacion"></span></td>
                                          <td nowrap></td>
                                        </tr>
                                      </table> 
                                      <p></p>
                                       <table>
                                        <tr>
                                          <td nowrap>FECHA PAGO: </td>
                                          <td style="padding-left: 20px"> <span id="fepa"><span></td>
                                          <td nowrap></td>
                                        </tr>
                                      </table>

                                       <table>
                                         <tr>
                                          <td nowrap><h3><b>MONTO:</b></h3></td>
                                          <td nowrap></td>
                                          <td nowrap><h3><b id="plM"></b></h3></td>
                                        </tr>
                                      </table>

                                      <table>
                                        <tr>
                                          <td nowrap>PROCEDENCIA:</td>
                                          <td style="padding-left: 20px"> <h4 id="plOri"><h4></td>
                                          <td nowrap></td>
                                        </tr>
                                      </table>

                                      <table>
                                         <tr>
                                          <td nowrap style="padding-bottom: 18px;">REMITENTE:</td>
                                          <td nowrap style="padding-left: 15px;white-space: pre;"><span id="plR"></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="plB"></span></td>
                                          <td nowrap></td>
                                        </tr>
                                      </table>
 
                                      <table>
                                        <tr>
                                          <td nowrap>OBSERVACIONES:</td>
                                          <td style="padding-left: 20px" id="plObs"></td>
                                          <td nowrap></td>
                                        </tr> 
                                      </table>
                                      <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><div style="margin-top:-40px;width:75px;height:85px;border:1px solid #000;"> </div></td>
                                        </tr>
                                        <p></p>
                                        <p></p>
                                        <tr>
                                          <td nowrap>____________________</td>
                                          <td style="padding-left: 20px"></td>
                                          <td nowrap></td>
                                        </tr>
                                        <tr>
                                           <td nowrap><b id="idn"></b></td>
                                          <td style="padding-left: 20px"></td>
                                          <td nowrap></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="modal_confirmacion" 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>
                                    <br>
                                  </div>
                                  <div class="modal-body alert alert-warning"role="alert">
                                    <div class="row">
                                      <div class="col-md-12">
                                        <div class="row grp_alr" align="center">
                                          <h3>PAGAR TRANSFERENCIA ?</h3>
                                        </div>
                                        <div class="row grp_alr" align ="center">
                                          <label>Esta acción sera irreversible!</label>
                                        </div>
                                        <div class="row grp_pgs" align="center" hidden>
                                            <h3>PROCESANDO...</h3>
                                        </div>
                                        <div class="row grp_pgs" hidden>
                                          <div class="progress">
                                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                            </div>
                                          </div>
                                        </div>
                                        <div class="row grp_alr">
                                          <div class="col-md-4 col-md-offset-2">
                                            <button type="button" class="btn btn-default btn-block" data-dismiss="modal">Cancelar</button>
                                          </div>
                                          <div class="col-md-4">
                                            <button type="button" class="btn btn-danger btn-block" id="alert_aceptar">PAGAR?</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->


                           <div id="modal_confirmacion_reniec" 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>
                                    <br>
                                  </div>
                                  <div class="modal-body alert alert-warning"role="alert">
                                    <div class="row">
                                      <div class="col-md-12">

                                        <div class="row" align="center">
                                          <h4><strong>LOS DATOS DEL BENEFICIADO NO CONCUERDAN CON LOS DE LA RENIEC</strong></h4>
                                        </div>
                                        <div class="row" align ="center">
                                          <label><strong id="txtDatosC"></strong> </label>
                                        </div>
                                         <div class="row" align ="center">
                                          <label><strong id="txtDatosR"></strong></label>
                                        </div>
                                         <div class="row" align ="center">
                                          <label><strong id="txtMensaje"></strong></label>
                                        </div>
                                       
                                        <div class="row">
                                           
                                          <div class="col-md-offset-4 col-md-4">
                                            <button type="button" class="btn btn-danger btn-block" data-dismiss="modal">Aceptar</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->

<!-- modal de filtro avanzado -->
<div id="modalFiltroAvanzado" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">FILTRO AVANZADO</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-2 col-md-offset-5">
              <div class="checkboxFA">
                  <label class="">
                    <input id="ts4FA" type="checkbox"> Solo activos
                  </label>
              </div> 
             </div>
          </div>
          <div class="row">
            <p class="bg-success">
              FECHA DE ENVIO
            </p>
          </div>
          <div class="row">
            <div class="col-md-3 col-md-offset-1">
              <label for="comboFiltroF">Filtrar por:</label>
              <div class="fg-line">
                <div class="select">
                  <select class="form-control" id="comboFechasFA">
                    <option value="0">Cualquier Fecha</option>
                    <option value="h">hoy</option>
                    <option value="f">Fecha</option>
                    <option value="ef">Entre Fechas</option>
                  </select>
                </div>
              </div>
              <p></p>
            </div>
            <div class="col-md-2">
              <label for="txtfecha1">Del:</label>
              <input type="text" class="form-control" id="txtfechaFA1">
              <p></p>
            </div>
            <div class="col-md-2">
              <label for="txtfecha2">Hasta:</label>
              <input type="text" class="form-control" id="txtfechaFA2">
              <p></p>
            </div>
          </div>
          <div class="row">
            <p class="bg-success">
              OFICINAS
            </p>
          </div>
          <div class="row">
            <div class="col-md-2 col-md-offset-1"  align="right">
              <h4><b style="font-size: 15px;">Oficina Origen:</b></h4> 
            </div>
            <div class="col-md-3" >
              <div class="select">
                  <select id="ComboOficinaFAO" placeholder="Seleccione Oficina">   
                  </select>
              </div>
            </div>
            <div class="col-md-2 "  align="right">
              <h4><b style="font-size: 15px;">Oficina Destino:</b></h4> 
            </div>
            <div class="col-md-3" >
              <div class="select">
                  <select id="ComboOficinaFAD" placeholder="Seleccione Oficina">   
                  </select>
              </div>
            </div>
          </div>
          <div class="row">
            <p class="bg-success">
              NOMBRES Y APELLIDOS (benefiaciado o solicitante)
            </p>
          </div>
          <div class="row">
            <div class="col-md-3 col-md-offset-1">
             <input type="text" class="form-control" id="txtnombreFA" placeholder="NOMBRE">
              <p></p>
            </div>
            <div class="col-md-3">
             <input type="text" class="form-control" id="txtapFA" placeholder="A. PATERNO">
              <p></p>
            </div>
            <div class="col-md-3">
             <input type="text" class="form-control" id="txtamFA" placeholder="A. MATERNO">
              <p></p>
            </div>
          </div>
          <div class="row">
            <p class="bg-success">
              EXTRAS
            </p>
          </div>
          <div class="row">
            <div class="col-md-2 col-md-offset-1">
              <label>Nro por Pagina</label>
            </div>
            <div class="col-md-2">
             <input type="text" class="form-control" id="txtnropagFA" placeholder="20">
              <p></p>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4 col-md-offset-4" >
              <button type="button" class="btn btn-inverse btn-block" id="ProcesarFA"> <span class="glyphicon glyphicon-hourglass"></span> FILTRAR</button>
              <p></p>
            </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 -->
<!-- end modal filtro avanzado-->

                          <script type="text/JavaScript">
                              var mon_m='S/. '
                              var Aux="";
                              var filaI =0;
                              var pagina=1;

                               var nombreBeneficiado="";
                              var apBeneficiado="";
                              var amBeneficiado="";

                               $("#txtN").keyup(function(){
                                  if($("#txtDniMenor").val()=="no" && ($("#txtNroCtaBanco").val()=="-1" || $("#txtNroCtaBanco").val()==-1)){
                                    if($(this).val().trim()!=''){
                                       $("#pagoT").prop('disabled',false);
                                    }
                                    else{
                                      $("#pagoT").prop('disabled',true);
                                    }
                                  } 

                                });

                                $("#txtNroCta").keyup(function(){
                                   var val=$(this).val();
                                   if(val==$("#txtNroCtaBanco").val().trim()){
                                    $("#txtDivMsje").addClass("hidden");
                                    $("#pagoT").prop('disabled',false);
                                   }else{
                                    $("#txtDivMsje").removeClass("hidden")
                                    $("#txtMsjNroCta").text("El nro de cta no coincide con el creado");
                                    $("#pagoT").prop('disabled',true);
                                   }

                                });


                              $(document).ready(function(){
                                $('#txtDtDi').numeric(".");
                                $('#txtN').numeric(); 
                                $('#txtEgreso').numeric(".");
                                $("#txtN").keyup(function(){
                                 if($(this).val().trim()!='' && $(this).val().trim().length>=8){
                                   $("#pagoT").prop('disabled',false);
                                }
                                else{
                                  $("#pagoT").prop('disabled',true);
                                }
                                });
                                $("#pagoT").prop('disabled',true);
                                 
                                
                                Transferencias();
                                $("#RefrescarLista").click(function(){
                                  Transferencias();
                                });
                                $("#ts4").click(function(){
                                  pagina=1;
                                  Transferencias();
                                  PonerInicioPag();
                                });
                                $("#buscar").click(function(){
                                  $('#listaTransf').html('');
                                  pagina=1;
                                  PonerInicioPag();
                                  ajax_Transferencias_fil();
                                });
                                
                                $("#fd").hide();
                                $(document).on("click",".filaTrans",function(){
                                  $('#txtIDtrans').prop("value",null);
                                  var num = $(this).attr('id');
                                  filaI = num;
                                  var fila= $(this).attr('class');
                                   nombreBeneficiado="";
                                  apBeneficiado="";
                                  amBeneficiado="";
                                  //$('#extornarT').show();
                                  //$('#ForzarpagoT').show();
                                  $('#pagoT').show();
                                  $('#txtN').prop('disabled',false);
                                  $('#txtDtDi').prop("value",null);
                                  $('#txtNroST').prop("value",null);
                                  $("#areap").show();
                                  //--------------
                                  $("#txtObspa").prop("value",null);
                                  $("#txtEgreso").prop("value",null);
                                  $('#txtEstadoTrans').prop("value",Aux[filaI].estado);
                                  $('#txtDNI').prop("value",Aux[filaI].dni_rmt);
                                  //$('#txtNombres_Soli').prop("value",Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                  //$('#txtNombres_Bene').prop("value",Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                  $('#txtNombres_Soli').text(Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                  $('#txtNombres_Bene').text(Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                  $("#txtN").prop('value',Aux[filaI].dni_bnf);
                                  $('#txtIDtrans').prop("value",Aux[filaI].id_trans);
                                  $('#txtFecha').prop("value",Aux[filaI].fecha);
                                  $('#txtPersonalE').prop("value",Aux[filaI].op_emisor);
                                  $('#txtOficinaOri').prop("value",Aux[filaI].oficina_ori);
                                  //$('#txtMonto').prop("value",Aux[filaI].monto);
                                  //$('#txtComicion').prop("value",Aux[filaI].comicion);
                                   $("#txtDniMenor").val(Aux[filaI].dniMenor);
                                
                                  $("#txtNroCtaBanco").val(Aux[filaI].nroCta.toString().trim());

                                  if($("#txtDniMenor").val()=="no"){ 
                                    $("#divPago").removeClass();
                                    $("#divPago").addClass("panel panel-info");
                                    if(Aux[filaI].nroCta==-1 || Aux[filaI].nroCta=="-1"){
                                      $("#divDNI").removeClass("hidden"); 
                                      $("#pagoT").prop('disabled',true);
                                    }else{
                                      $("#divDNI").addClass("hidden"); 
                                       $("#pagoT").prop('disabled',true);
                                    }
                                  }else{

                                    $("#divPago").removeClass();
                                    $("#divPago").addClass("panel panel-warning");

                                    if(Aux[filaI].nroCta==-1 || Aux[filaI].nroCta=="-1"){
                                      $("#divDNI").removeClass("hidden");
                                      $("#pagoT").prop('disabled',false);
                                    }else{
                                      $("#divDNI").addClass("hidden"); 
                                       $("#pagoT").prop('disabled',true);
                                    }

                                    //$("#pagoT").prop('disabled',false);
                                  }

                                  if(Aux[filaI].nroCta==-1 || Aux[filaI].nroCta=="-1"){
                                     $("#divDNI").removeClass("hidden");
                                    $("#divNroCta").addClass("hidden");
                                    $("#divNroCtaST").addClass("hidden");
                                  }else{
                                     $("#divDNI").addClass("hidden");
                                    $("#divNroCta").removeClass("hidden");
                                    $("#divNroCtaST").removeClass("hidden");
                                  }

                                   $('#txtMensaje').text("Comuníquese con la oficina de "+Aux[filaI].oficina_ori+" para que modifique los datos del beneficiado de acuerdo a la RENIEC.");

                                  $('#txtMonto').text(Aux[filaI].monto);
                                  $('#txtComicion').text(Aux[filaI].comicion);
                                  $('#txtnr').text(Aux[filaI].nroRecibo);
                                  $('#txtObs').prop("value",Aux[filaI].obs);
                                   $("#nror").text("NRO: "+Aux[filaI].nroRecibo);
                                  $("#idST").text("ST: "+Aux[filaI].id_trans);
                                  $('#txtotros_con').prop("value",Aux[filaI].otros_conceptos);
                                  $("#plB").text(Aux[filaI].nombre_bnf +"\n"+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                  $("#plR").text(Aux[filaI].nombre_rmt+"\n"+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                 $("#fechaCreacion").text(Aux[filaI].fecha);
                                  $("#plObs").text($("#txtObspa").val());
                                  var mr="";
                                  if(Aux[filaI].moneda=="soles")
                                    {
                                      mr="S/. "
                                      mon_m=mr;
                                    }
                                  else
                                    {
                                      mr="$/. "
                                      mon_m=mr;
                                  }
                                  $("#plM").text(mr +String(Aux[filaI].monto));
                                  $("#plOri").text(Aux[filaI].oficina_ori);
                                  var fecha = new Date();
                                  var mes = [
                                          "Enero",
                                          "Febrero",
                                          "Marzo",
                                          "Abril",
                                          "Mayo",
                                          "Junio",
                                          "Julio",
                                          "Agosto",
                                          "Septiembre",
                                          "Octubre",
                                          "Noviembre",
                                          "Diciembre"
                                          ];
                                  var textofecha= fecha.getDate() + " de " +mes[fecha.getMonth()] + " del " + fecha.getFullYear();
                                  var hora = new Date();
                                  var textohora = hora.getHours() + ":" + hora.getMinutes();
                                  $("#fepa").text(textofecha);
                                  $("#hopa").text(textohora);
                                  if(Aux[filaI].estado !="activo"){
                                    $('#pagoT').hide();
                                    $("#areap").hide();
                                    $('#txtN').prop('disabled',true);
                                  }
                                  if(Aux[filaI].estGlo.toString().substring(0,5)=="leido"){
                                    $("#leido").hide();
                                    $("#campo-dt").hide();
                                    $("#campo-no-dt").show();
                                    $("#anularleido").show();
                                    //consulta de numeracion
                                    ajax_numeracionST(Aux[filaI].id_trans);
                                    //
                                  }
                                  else{
                                    $("#leido").show();
                                    $("#campo-dt").show();
                                    $("#campo-no-dt").hide();
                                    $("#anularleido").hide();
                                  }
                                });
                                //otra funcion
                                function ocultarmodal(){
                                  $('#myModal').modal('hide')
                                };
                                //otra funcion
                                function ajax_Transferencias_fil(){
                                  $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                                  $.ajax({
                                    data:{'pg':pagina,'filtro':$("#filtro").val()},
                                    url:'/listaTransfereciasRecibidas_gloFil_ajax/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'json',
                                    success: function(data){
                                      Aux = data;
                                      var html ="";
                                      for(var i=0;i<data.length;i++){
                                        var estado ="";
                                        if(data[i].estado=="pagado"){
                                          estado = "success";
                                        };
                                        if(data[i].pago_forzado=="si"){
                                          estado= "warning";
                                        };
                                        if(data[i].estado =="extornado"){
                                          estado="danger";
                                        };
                                        if(data[i].estado=="activo"){
                                          estado= '';
                                          if(data[i].estGlo=="leido"){
                                            estado= 'info';
                                          }
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><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_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].dtd+'</td><td>'+data[i].Ule+'</td><td>'+data[i].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                    }
                                  });
                                };
                                function ajax_Transferencias(){
                                   $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/listaTransfereciasRecibidas_globales_ajax/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'json',
                                    success: function(data){
                                      Aux = data;
                                      var html ="";
                                      for(var i=0;i<data.length;i++){
                                        var estado ="";
                                        if(data[i].estado=="pagado"){
                                          estado = "success";
                                        };
                                        if(data[i].pago_forzado=="si"){
                                          estado= "warning";
                                        };
                                        if(data[i].estado =="extornado"){
                                          estado="danger";
                                        };
                                        
                                        if(data[i].estado=="activo"){
                                          estado= '';
                                          if(data[i].estGlo=="leido"){
                                            estado= 'info';
                                          }
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><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_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].dtd+'</td><td>'+data[i].Ule+'</td><td>'+data[i].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };
                                //otra function
                                function ajax_TransferenciasActivas(){
                                   $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/ListaTransfereciasActiva_Glob_ajax_/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'json',
                                    success: function(data){
                                      Aux = data;
                                      var html ="";
                                      for(var i=0;i<data.length;i++){
                                        var estado ="";
                                        if(data[i].estado=="pagado"){
                                          estado = "success";
                                        };
                                        if(data[i].pago_forzado=="si"){
                                          estado= "warning";
                                        };
                                        if(data[i].estado =="extornado"){
                                          estado="danger";
                                        };
                                        
                                        if(data[i].estado=="activo"){
                                          estado= '';
                                          if(data[i].estGlo=="leido"){
                                            estado= 'info';
                                          }
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><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_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].dtd+'</td><td>'+data[i].Ule+'</td><td>'+data[i].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };

                               $(document).on('show.bs.modal', '.modal', function () {
                                      var zIndex = 1040 + (10 * $('.modal:visible').length);
                                      $(this).css('z-index', zIndex);
                                      setTimeout(function() {
                                          $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
                                      }, 0);
                                  });
                                $(document).on('hidden.bs.modal', '.modal', function () {
                                    $('.modal:visible').length && $(document.body).addClass('modal-open');
                                });

                               $("#pagoT").click(function(){
                                  $("#idn").text($("#txtN").val());
                                  //$("#pagoT").button('loading');
                                  /*
                                  if($("#txtDniMenor").val()=="no"){
                                    if($("#txtNroCtaBanco").val().trim()!="" && $("#txtNroCtaBanco").val().trim()!=-1 && $("#txtNroCtaBanco").val().trim()!="-1"){
                                        $('#modal_confirmacion').modal('show');
                                      }else{
                                        $("#pagoT").button('loading');
                                        if($("#txtN").val().length>=8){ 
                                          $.ajax({
                                            data:{'dni':$("#txtN").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();
                                                      //begin comentario de omar
                                                    }else{
                                                      nombreBeneficiado=data.nombre;
                                                      apBeneficiado=data.ap;
                                                      amBeneficiado=data.am;
                                                      var nCompleto=nombreBeneficiado+" "+apBeneficiado+" "+amBeneficiado;
                                                      $("#txtDatosC").text("Datos Creados : "+$("#txtNombres_Bene").text());
                                                      $("#txtDatosR").text("Datos RENIEC : "+nCompleto);
                                                      var n=levDist($("#txtNombres_Bene").text().trim(),nCompleto.trim());
                                                      //alert(n);
                                                      $("#pagoT").button('reset');
                                                      if(n<=5){
                                                        $('#modal_confirmacion').modal('show'); 
                                                      }else{
                                                        $('#modal_confirmacion_reniec').modal('show'); 
                                                      }
                                                    }
                                                    //end comentario omar
                                                  }
                                                  //begin comentario omar
                                                if(data=="fail"){
                                                  consulta();
                                                }else{ 
                                                  nombreBeneficiado=data.nombre;
                                                  apBeneficiado=data.ap;
                                                  amBeneficiado=data.am;
                                                  var nCompleto=nombreBeneficiado+" "+apBeneficiado+" "+amBeneficiado;
                                                  $("#txtDatosC").text("Datos Creados : "+$("#txtNombres_Bene").text());
                                                  $("#txtDatosR").text("Datos BD : "+nCompleto);
                                                  var n=levDist($("#txtNombres_Bene").text(),nCompleto);
                                                  $("#pagoT").button('reset');
                                                  //if(n<=10){
                                                    $('#modal_confirmacion').modal('show'); 
                                                  //}else{
                                                    $('#modal_confirmacion_reniec').modal('show'); 
                                                  //}
                                                }
                                              console.log(data);
                                              //end comentario omar
                                            },
                                            error: function(xhr, textStatus, errorThrown) { 
                                                $("#pagoT").button('reset');
                                                console.log(xhr.responseText);
                                            },
                                          });
                                        
                                        }
                                      }
                                  }else{
                                      
                                    $('#modal_confirmacion').modal('show');
                                      
                                  }
                                  */
                                  $('#modal_confirmacion').modal('show');
                                });

                              
                               function levDist(str1,str2) {
                                if (str1 == null) {
                                    return str2;
                                }
                                if (str2 == null) {
                                    return str1;
                                }
                                var at = indexOfDifference(str1, str2);
                                if (at == -1) {
                                    return "";
                                }
                                return str2.substring(at);
                            }

                            function indexOfDifference(str1, str2) {
                              if (str1 == str2) {
                                  return -1;
                              }
                              if (str1 == null || str2 == null) {
                                  return 0;
                              }
                              var i;
                              for (i = 0; i < str1.length && i < str2.length; ++i) {
                                  if (str1.charAt(i) != str2.charAt(i)) {
                                      break;
                                  }
                              }
                              if (i < str2.length || i < str1.length) {
                                  return i;
                              }
                              return -1;
                          }




                              function consulta(){
                                  var tecactusApi = new TecactusApi("eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImMzZDhiZDI3MTI2NDIyNTkzODc4ZGEwOWZkZTQ1OGFlMDE4MzcxNDRkYjZlNzJlODU1ZTcwZWM5ODAyM2Q2MGQ5ZTcyODZjOTA1ODlkMzlmIn0.eyJhdWQiOiIxIiwianRpIjoiYzNkOGJkMjcxMjY0MjI1OTM4NzhkYTA5ZmRlNDU4YWUwMTgzNzE0NGRiNmU3MmU4NTVlNzBlYzk4MDIzZDYwZDllNzI4NmM5MDU4OWQzOWYiLCJpYXQiOjE0OTQyMTg0NjksIm5iZiI6MTQ5NDIxODQ2OSwiZXhwIjoxODA5NzUxMjY5LCJzdWIiOiIyNTYiLCJzY29wZXMiOlsidXNlLXJlbmllYyIsInVzZS1zdW5hdCJdfQ.iBb4lCGx-WKSYGvvNji7_Ys7umBux8KXjVFSPn7D05JB9-zNi1pXLNCASbKABs9zBKVEhddzN1RFW4UIjCtWne4r0ltrJUz_rSe5kmdt8vLzRReKvZiUFxFc9JcERTg4pp7Yi7Qx06CASPCKd4NgMqz35ucUuJOh9labelC8dup7XJttI0jX5BAbiuXMKwG7QH8zGxdx-7CEkxMhigsv-Wm7S1jOl-JLJT2iDLPOQ-VslrV0HoL-gt_k_rNPtaNPWU0tIjrG9Wr_2_-jgtV8OYJJqxvtvzi2uKyovpFRZjFJh_gxwKx-mnc6ioMmxS4MHtNKF1GhcHvLHwVSw2Lm2V7Q46v3hb5_ePGRSJ5FocJJ4RqPihULeGGFgrnPp1GLQXOoxYRVj_IjcXbFywQMR8p6xf8xkeGA8v0rCIJBaUXXD4prSHT-qfK5CI3uU1f294s5uz497975QZqVTegDl7sUcJKrEvLrOEm1dEaNIi-j90ZLaqHOYhgY3aciJU_JTwtQ7f5t_Zv-BomazKNwGxe180kmHyLrsCpz9phyZeh_PgPaEPNa0M3hWMDj8Mszo8uQ3ktvU1Zqnzwn_sgyfvqUFIeM4kfoX8_-IrkEjcD9Q7jal4UwLQV5idGxPoSxt8jFpnvwAdN6wbWe7XzRixAm-djmQqdVIn8HZUSBOTIx6k");

                                  tecactusApi.Reniec.getDni($("#txtN").val())
                                  .then(function (response) {
                                    //$('#myModalBody').waitMe('hide');  
                                    nombreBeneficiado=response.data.nombres;
                                    apBeneficiado=response.data.apellido_paterno;
                                    amBeneficiado=response.data.apellido_materno;
                                   
                                    console.log("consulta correcta!");

                                    var nCompleto=nombreBeneficiado+" "+apBeneficiado+" "+amBeneficiado;
                                    $("#txtDatosC").text("Datos Creados : "+$("#txtNombres_Bene").text());
                                    $("#txtDatosR").text("Datos RENIEC : "+nCompleto);
                                    var n=levDist($("#txtNombres_Bene").text().replace(/\s+/g, ''),nCompleto.replace(/\s+/g, ''));
                                    $("#pagoT").button('reset');
                                    if(n.length<=5){
                                      $('#modal_confirmacion').modal('show'); 
                                    }else{
                                      $('#modal_confirmacion_reniec').modal('show'); 
                                    }


                                  })
                                  .catch(function (response) {
                                    //$('#myModalBody').waitMe('hide'); 
                                    //console.log("algo ocurrió")
                                    //console.log("código de error: " + response.code)
                                    //console.log("mensaje de respuesta: " + response.status)
                                    $("#pagoT").button('reset');
                                    bootbox.alert(response.data);
                                  })
                                        
                                }

                                $("#alert_aceptar").click(function(){
                                  mostrar_progress();
                                      $("#plObs").text($("#txtObspa").val());
                                      if($("#txtEgreso").val()==null || $("#txtEgreso").val().trim()==""){
                                        $("#plM_e").text(mon_m+"0.00");
                                      }
                                      else{
                                        $("#plM_e").text(mon_m+($("#txtEgreso").val()));
                                      }
                                  ajax_solicitudPago(Aux[filaI].id_trans);
                                  ocultarmodal();
                                });

                                function mostrar_progress(){
                                  $(".grp_alr").hide();
                                  $(".grp_pgs").show();
                                };
                                function ocultar_progress(){//llamar desde la funcion
                                  $('#modal_confirmacion').modal('hide');
                                  $(".grp_alr").show();
                                  $(".grp_pgs").hide();
                                };
                                //otra funcion
                                function ajax_solicitudPago(idTransf){
                                  $.ajax({
                                    data:{'idT':idTransf,'obs':$("#txtObspa").val(),'dni':$("#txtN").val(),'egreso':$("#txtEgreso").val()},
                                    url:'/PagoTrans_global_ajax/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'json',
                                    success: function(data){
                                      if(data.exito=='exito'){
                                        $("#nror").text(data.nr);
                                        $("#ExitoMensaje").prop('class','bg-info');
                                        $("#ExitoMensaje").text("La transferencia se PAGO!");

                                        bootbox.alert({ 
                                          message: "La transferencia se pago",
                                          className: 'bb-alternate-modal'
                                        });

                                        if($.trim(nombreBeneficiado)!="")
                                          $("#plB").text(nombreBeneficiado +"\n"+ apBeneficiado +" "+ amBeneficiado);

                                       
                                        $('#platillaI').printThis();
                                        ocultar_progress();
                                        Transferencias();
                                         $('#txtN').prop("value",' ');
                                       }
                                     else{
                                        ocultar_progress();
                                        $("#ExitoMensaje").prop('class','bg-danger');
                                        $("#ExitoMensaje").text(" la operacion fallo :(" + data.exito);
                                        bootbox.alert({ 
                                          message: "La Operación falló",
                                          className: 'bb-alternate-modal'
                                        });
                                       }
                                    }
                                  });
                                };
  
                                
                                function Transferencias(){
                                  if($("#ts4").is(':checked')) {  
                                    ajax_TransferenciasActivas();
                                  } else {
                                    ajax_Transferencias();  
                                  }
                                };
                                function PonerInicioPag(){
                                    $(".pag").attr('class','pag');
                                    $("#pag1").attr('class','active pag');
                                    $("#pg1").text(1);
                                };
                                
                                document.querySelector('#leido').onclick = function(){
                                  swal({
                                    title: "Leido",
                                    text: "Transferencia Leida?",
                                    type: "warning",
                                    showCancelButton: true,
                                    confirmButtonClass: 'btn-danger',
                                    confirmButtonText: 'Si',
                                    closeOnConfirm: false,
                                    //closeOnCancel: false
                                  },
                                  function(){
                                    ajax_solicitudLeido(Aux[filaI].id_trans);
                                    ocultarmodal();
                                  });

                                };
                                //otra funcion
                                function ajax_solicitudLeido(idTransf){//falta
                                  $.ajax({
                                    data:{'idT':idTransf,'dt':$("#txtDtDi").val(),'nst':$("#txtNroST").val()},
                                    url:'/transferenciaGLOleida_ajax/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'text',
                                    success: function(data){
                                      if(data=='exito'){
                                        $("#ExitoMensaje").prop('class','bg-info');
                                        $("#ExitoMensaje").text("transferencia marcada como leida");
                                        swal("Leido", "La transferencia se marco como leido", "success");
                                        Transferencias();
                                       }
                                     else{
                                        $("#ExitoMensaje").prop('class','bg-danger');
                                        $("#ExitoMensaje").text(" la operacion fallo" + data);
                                          swal(data, "la operacion fallo ", "error");
                                       }
                                    }
                                  });
                                };
                                // consulta de numeracion
                                function ajax_numeracionST(idTransf){
                                  $("#lbl-nroST").text(null);
                                  $('#campo-no-dt').waitMe({effect : 'win8_linear',text : '[Consorcio Imperial] Recuperando Datos',color:'#3f3479',fontSize:'18px'});
                                  $.ajax({
                                    data:{'idT':idTransf},
                                    url:'/numeracionSTleida_ajax/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'text',
                                    success: function(data){
                                      $("#lbl-nroST").text(data);
                                      $('#campo-no-dt').waitMe('hide');
                                    }
                                  });
                                };
                                //******
                               //-------------------
                               $(".pag").click(function(){
                                  $(".pag").attr('class','pag');
                                  $(this).attr('class','active pag');
                                  pagina = $(this).text();
                                  Transferencias();
                                })
                                $("#ant").click(function(){
                                  var pag = $("#pg1").text();
                                  pag= parseInt(pag);
                                  if(pag>1){
                                    $("#pg1").text(pag-1);
                                    pagina = pag-1;
                                    Transferencias();
                                  }
                                });
                                $("#pos").click(function(){
                                  var pag = $("#pg1").text();
                                  pag= parseInt(pag);
                                  $("#pg1").text(pag+1);
                                  pagina = pag+1;
                                  Transferencias();
                                });
                               //
                               //-----------------------------------
          //--------- filtro avanzado
        $('#txtnropagFA').numeric(); 
        $('#txtfechaFA1').datetimepicker({
          locale: 'es',
          format: 'YYYY-MM-DD'
        });
        $('#txtfechaFA2').datetimepicker({
          locale: 'es',
          format: 'YYYY-MM-DD'
        });
        $("#txtfechaFA1").hide();
        $("#txtfechaFA2").hide();
        $("#comboFechasFA").change(function(){
          if($(this).val()=="0"||$(this).val()=="h"){
            $("#txtfechaFA1").hide();
            $("#txtfechaFA2").hide();
          }
          if($(this).val()=="f"){
            $("#txtfechaFA1").show();
            $("#txtfechaFA2").hide();
          }
          if($(this).val()=="ef"){
            $("#txtfechaFA1").show();
            $("#txtfechaFA2").show();
          }
        });
        ajax_oficina();
         function ajax_oficina(){
            $.ajax({
              url:'/oficinas_des_glo_version2_ajax/',//destino globales//origen en recibidas
              type:'GET',
              dataType:'json',
              success: function(data){
              var html ='<option value="0">Todas las oficinas</option>';
                $("#ComboOficinaFAO").html('');
                for(var i=0;i<data.length;i++){
                    html += '<option value="'+data[i].pk+'">'+data[i].nombre_oficina+'</option>';
                }
                $('#ComboOficinaFAO').html(html);
                $('#ComboOficinaFAO').selectize();
              }
            });
          };
          //----
          ajax_oficina_ori();
          function ajax_oficina_ori(){
            $.ajax({
              url:'/oficinas_tg_ori_ajax/',//origen globales//destino en recibidas
              type:'GET',
              dataType:'json',
              success: function(data){
              var html1 ='<option value="0">Todas las oficinas</option>';
                $("#ComboOficinaFAD").html('');
                for(var i=0;i<data.length;i++){

                    html1 += '<option value="'+data[i].pk+'">'+data[i].nombre_oficina+'</option>';
          
                }
                $('#ComboOficinaFAD').html(html1);
                $('#ComboOficinaFAD').selectize();
              }
            });
          };
          //------
          $("#ProcesarFA").click(function(){
            var saFA=null;
            if($("#ts4FA").prop("checked")){
              saFA="sa";
            }
            ajax_TransferenciasFA(saFA);
          })
          //-------
          function ajax_TransferenciasFA(sa){
          $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
          $.ajax({
            data:{'pg':pagina,'filtroF':$("#comboFechasFA").val(),'fDesde':$("#txtfechaFA1").val(),'fHasta':$("#txtfechaFA2").val(),'sa':sa,'oficinaO':$("#ComboOficinaFAO").val(),'oficinaD':$("#ComboOficinaFAD").val(),'fNombre':$("#txtnombreFA").val(),'fAp':$("#txtapFA").val(),'fAm':$("#txtamFA").val(),'nroXpag':$("#txtnropagFA").val()},
            url:'/listaTransfereciasRecibidasGlobal_filtro_avanzado_ajax/',
            //async:false,
            type:'GET',
            dataType:'json',
            success: function(data){
               Aux = data;
            var html ="";
            for(var i=0;i<data.length;i++){
              var estado ="";
              if(data[i].estado=="pagado"){
                estado = "success";
              };
              if(data[i].pago_forzado=="si"){
                estado= "warning";
              };
              if(data[i].estado =="extornado"){
                estado="danger";
              };
              
              if(data[i].estado=="activo"){
                estado= '';
                if(data[i].estGlo=="leido"){
                  estado= 'info';
                }
              };
              html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><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_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].dtd+'</td><td>'+data[i].Ule+'</td><td>'+data[i].estado+'</td></tr>';
            }
            $('#listaTransf').html(html);
            $('.table-responsive').waitMe('hide');
            $("#modalFiltroAvanzado").modal('hide');
            }
          });
        };
        //---------------------anular leido 
        $("#anularleido").click(function(){
          swal({
            title: "Anular",
            text: "Anular Leida de Transferencia?",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: 'btn-danger',
            confirmButtonText: 'Si',
            closeOnConfirm: false,
            //closeOnCancel: false
          },
          function(){
            ajax_anularLeido($('#txtIDtrans').val());
            ocultarmodal();
          });
        });
        //------------------------------ $('#txtIDtrans')
         function ajax_anularLeido(idTransf){//falta
          $.ajax({
            data:{'idT':idTransf},
            url:'/anular_transleido_ajax/',
            //async:false,
            type:'GET',
            dataType:'text',
            success: function(data){
              if(data=='exito'){
                $("#ExitoMensaje").prop('class','bg-info');
                $("#ExitoMensaje").text("se anulo leido");
                swal("Leido", "se anulo leido", "success");
                Transferencias();
               }
             else{
                $("#ExitoMensaje").prop('class','bg-danger');
                $("#ExitoMensaje").text(" la operacion fallo" + data);
                  swal(data, "la operacion fallo ", "error");
               }
            }
          });
        };
          //-------------------------------------
                               //
                              });
                          </script>
                          <div class="table-responsive">
                            <table class="table table-hover table-bordered">
                                <thead>
                                  <tr >
                                    <th>Beneficiado</th>
                                    <th>Monto</th>
                                    <th>Solicitante</th>
                                    <th>Fecha</th>
                                    <th>Origen</th>
                                    <th>Destino</th>
                                    <th>S/T</th>
                                    <th>Comisión</th>
                                    <th>Otros</th>
                                    <th>Moneda</th>
                                    <th>Obs.</th>
                                    <th>Detalle</th>
                                    <th>DT dictado</th>
                                    <th>Usuario dictado</th>
                                    <th>Estado</th>
                                  </tr>
                                </thead>
                                <tbody id="listaTransf">
                                 
                                </tbody>
                            </table>
                          </div>
                      </div>
                  </div>
                  <div class="row">
                     <div class="col-md-10 col-md-offset-1" align="center">
                      <nav>
                        <ul class="pagination">
                          <li>
                            <a href="#" id="ant" aria-label="Previous">
                              <span aria-hidden="true">&laquo;</span>
                            </a>
                          </li>
                          <li class="active pag" id="pag1"><a id="pg1" href="#">1</a></li>
                          <li >
                            <a href="#" id="pos" aria-label="Next">
                              <span aria-hidden="true">&raquo;</span>
                            </a>
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
  <script src="{% static 'Bootstrap/js/sweet-alert.js' %}"></script>
{% endblock content1 %}
