{% extends "base.html" %}
{% load static %}
{% block titulo %}
Transferencias - Recibidas
{% endblock titulo %}
{% block content1 %} 
      <script type="text/javascript">
        $("#navTrans").attr('class','dropdown active');
        $("#navTransRecibidas").attr('class','active');
      </script>
      <form action="">
        <!--<div class="row"><br><br><br><br></div>-->
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="card">
                <div class="card-head card-head-xs style-default"> <strong>TRANSFERENCIAS RECIBIDAS</strong></div>
                <div class="card-body">
                   <div class="row" >
                   <div class="col-md-12">
                    <h4 class="bg-success" align="center" id="ExitoMensaje">
                    </h4>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                      <div class="col-md-1">
                        <a class="btn btn-primary btn-block" href="/CrearTransferencia/" role="button" >Nueva</a>
                      </div>
                      <div class="col-md-2 ">
                        <button type="button" class="btn btn-primary btn-block" id="RefrescarLista"><span class="fa fa-refresh"></span> Actualizar</button>
                      </div> 
                      <div class="col-md-2">
                        <div 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 class="">
                              <input id="ts4" type="checkbox" value="success-inverse1"> Solo activos
                            </label>
                        </div> 
                       </div>  
                      <div class="col-md-3">
                        <div class="checkbox">
                            
                            <label class="">
                              <input id="ts5" type="checkbox" value="success-inverse1"> Solo STs Conceptos Bancos
                            </label>
                        </div> 
                       </div>   
                      <!--<div class="col-md-2">
                         <div class="checkbox">
                            <label>
                              <input type="checkbox" id="act"> SOLO ACTIVOS
                            </label>
                          </div>
                      </div>-->
                      <div class="col-md-2">
                        <label for="comboFiltroF">Filtrar por:</label>
                        <div class="fg-line">
                          <div class="select">
                            <select class="form-control" id="comboFiltroF">
                              <option value="f">Fecha</option>
                              <option value="ef">Entre Fechas</option>
                            </select>
                          </div>
                        </div>
                        <p></p>
                      </div>
                      <div class="col-md-2">
                        <button type="button" class="btn  btn-success btn-block" id="mostrarTodo"><span class="fa fa-eye"></span> Mostrar Todo</button>
                      </div>
                      </div>
                      <div class="row">
                        <div class="col-md-4 col-md-offset-5">
                         <div class="fg-line">
                          <input type="text" class="form-control" placeholder="Nombre o Apellidos (Beneficiado o Solicitante)" id="filtro">
                          </div>
                          <p></p>
                        </div>
                        <div class="col-md-2" >
                          <button type="button" class="btn btn-danger btn-block" id="buscar"><i class="fa fa-search"></i> Buscar</button>
                          <p></p>
                        </div>
                      </div>
                  </div>
                  <HR width=100% >
                    <div id="modalfiltro_fechas" 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">Filtrar por fecha</h4>
                            </div>
                            <div class="modal-body">
                              <div class="row">
                                <div class="col-md-3 col-md-offset-3">
                                  <label for="txtfecha1">Del:</label>
                                  <input type="text" class="form-control" id="txtfecha1">
                                  <p></p>
                                </div>
                                <div class="col-md-3">
                                  <label for="txtfecha2">Hasta:</label>
                                  <input type="text" class="form-control" id="txtfecha2">
                                  <p></p>
                                </div>
                              </div>
                              <div class="row">
                                <div class="col-md-4 col-md-offset-4" >
                                  <button type="button" class="btn btn-success btn-block" id="buscarF">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 -->
                  
                  <div id ="progreso_ajax"class="row" hidden>
                    <br>
                    <div class="col-md-12">
                      <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>
                     
                  <div class="row">
                    
                    <!--
                    <div class="col-md-2">
                      <input type="text" class="form-control" id="txtfecha1">
                      <p></p>
                    </div>
                    <div class="col-md-2">
                      <input type="text" class="form-control" id="txtfecha2">
                      <p></p>
                    </div>-->
                    <script type="text/javascript">
                      $(document).ready(function (){
                        $('#txtfecha1').datetimepicker({
                          locale: 'es',
                          format: 'YYYY-MM-DD'
                        });
                        $('#txtfecha2').datetimepicker({
                          locale: 'es',
                          format: 'YYYY-MM-DD'
                        });
                      });
                    </script>
                    <!--
                    <div class="col-md-2" >
                      <button type="button" class="btn btn-primary btn-block" id="buscarF">Buscar</button>
                      <p></p>
                    </div>-->
                  </div>
                  
                  <div class="row">
                    <br>
                    <p class="bg-success">
                      &nbsp;
                      <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">
                                <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-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" id="myModalBody">
                                    <div class="row">
                                      <div class="col-md-12 col-sm-12" >
                                          <div class="panel panel-info" id="divPago">
                                            <div class="panel-heading" align="center"> <h4>PAGO DE TRANSFERENCIA</h4></div>
                                            <div class="panel-body">
                                              <div class="row">
                                                <input type="hidden" id="txtDniMenor">
                                                <div class="col-md-5 " align="right">
                                                  <h5> Estado de Transferencia </h5>
                                                </div>
                                                <div class="col-md-3">
                                                  <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">
                                                  <h5> Nro de Cta </h5>
                                                </div>
                                                <div class="col-md-5">
                                                  <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"> 
                                                    <h5>DNI/RUC</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <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"> 
                                                    <h5>Nombres y Apellidos</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtNombres_Soli" disabled="disabled">-->  
                                                    <h5 ><b id="txtNombres_Soli"></b></h5>
                                                  </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"> 
                                                    <h5>Nombres y Apellidos</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtNombres_Bene" disabled="disabled"> -->  
                                                    <h5 ><b id="txtNombres_Bene"></b></h5>
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row hidden" style="color:#ff1205" id="divReniec">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5 id="txtNARBD">Nombres y Apellidos </h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtNombres_Bene" disabled="disabled"> -->  
                                                    <h5 ><b id="txtNombres_BeneReniec"></b></h5>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row" id="divDNI">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>DNI</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtN" data-minlength="8" maxlength="11" required>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row hidden" id="divNroCta">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Nro Cta</h5> 
                                                  </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">
                                                     <h5 style="color:red"><b id="txtMsjNroCta"></b></h5>  
                                                  </div>
                                                   
                                              </div>
                                              <p></p>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center">
                                                    <b>Datos de Transferencia</b>
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>ID</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type="text" class="form-control" id="txtIDtrans" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Nro Recibo:</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtnr" disabled="disabled">-->
                                                    <h4 ><b id="txtnr"></b></h4> 
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Fecha</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type="text" class="form-control" id="txtFecha" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Personal Emisor</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtPersonalE" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Oficina Origen</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtOficinaOri" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <br>
                                                    <h5>Cantidad</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtMonto" disabled="disabled">--> 
                                                    <h3 ><b id="txtMonto"></b></h3>        
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Comisión</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtComicion" disabled="disabled"> -->     
                                                    <h4 id="txtComicion"></h4>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Observaciones</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                                    <textarea class="form-control" rows="3" id="txtObs" disabled="disabled" ></textarea >         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Detalle Otros Conceptos</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                                    <textarea class="form-control" rows="3" id="txtotros_con" disabled="disabled" ></textarea >         
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                <hr>
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Egreso</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtEgreso">
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Ingreso</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtIngreso" placeholder="0.00">
                                                  </div> 
                                              </div>
                                              <div class="row" id="campo_cel">
                                                <p></p>
                                                <div class="col-md-4 col-md-offset-1" align="right">
                                                  <h4><b style="font-size: 15px;">Celular Benficiado:</b>
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtcel_bene" name="CelularBene"  style="font-size:16px;font-weight:bold;" maxlength="9" placeholder=" Celular del beneficiado">    
                                                </div>
                                              </div>
                                              <div class="row" id="areap">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Observaciones de pago</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObspe">-->
                                                    <textarea class="form-control" rows="3"  id="txtObspa"></textarea >         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row alert alert-warning" id="area_transfExpi">
                                                <div class="row">
                                                  <div class="col-md-12">
                                                    <p>Esta transferencia tiene <b id="nrodias"></b> dia(s) de retraso. Por favor ingrese el codigo de autorización, en caso que no tenga ponga click en la opcion <b>Solicitar Codigo</b></p>
                                                  </div>
                                                </div>
                                                <p></p>
                                                <div class="row">
                                                  <div class="col-md-4 col-md-offset-7">
                                                    <button type="button" class="btn btn-success btn-block btn-xs"id="solCod">Solicitar Codigo</button>
                                                  </div>
                                                </div>
                                                <p></p>
                                                <p></p>
                                                <div class="row">
                                                  <div class="col-md-5" align="right"> 
                                                    <label>Codigo de Autorización: </label>
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" placeholder="Ingrese el codigo de autorizacion" id="txtCodA">
                                                  </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" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Consultando DNI..." id="pagoT">Pagar</button>
                                                </div>
                                              </div>
                                            </div>
                                          </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 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>
                                      <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="modalrecibo1212" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                              
                            </div>
                                  <div class="modal-body">
                                    <div  id="platillaIngreso" style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <h5 align="center"><b>RECIBO DE INGRESO</b></h5>
                                      <table>
                                        <tr nowrap>=====================================</tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td><h5 id="oficinaReciboin"></h5></td>
                                          <td><b>N°: </b><spanid="nroin"></span> </td>
                                        </tr>
                                      </table>
                                      
                                      <table>
                                        <tr>
                                          <td id="fechaReciboin" nowrap></td>
                                          
                                        </tr>
                                      </table>
                                      <br>
                                     
                                      <b>Monto:</b>
                                      <p id="importein"></p>
                                      <b>CONCEPTO:</b>
                                      <p >Ingreso extra por pago de trasnferencia PT-<span id="ptin"></span></p>
                                      <br>
                                      <table>
                                        <tr>
                                          <td>_________________</td>
                                          
                                        </tr>
                                        <tr>
                                          <td nowrap><h6>OP. {{ nombre_usuario }}</h6> </td>
                      
                                        </tr>
                                      </table>
                                      <p id="horaReciboin"></p>
                                    </div>
                                  </div>
                              
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                          <div id="modalrecibo2221" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                              
                            </div>
                                  <div class="modal-body">
                                    <div  id="platillaEgreso" style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <h5 align="center"><b>RECIBO DE EGRESO</b></h5>
                                      <table>
                                        <tr nowrap>=====================================</tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td><h5 id="oficinaReciboeg"></h5></td>
                                          <td><b>N°: </b><spanid="nroeg"></span> </td>
                                        </tr>
                                      </table>
                                      
                                      <table>
                                        <tr>
                                          <td id="fechaReciboeg" nowrap></td>
                                          
                                        </tr>
                                      </table>
                                      <br>
                                     
                                      <b>Monto:</b>
                                      <p id="importeeg"></p>
                                      <b>CONCEPTO:</b>
                                      <p >Egreso extra por pago de trasnferencia PT-<span id="pteg"></span></p>
                                      <br>
                                      <table>
                                        <tr>
                                          <td>_________________</td>
                                          
                                        </tr>
                                        <tr>
                                          <td nowrap><h6>OP. {{ nombre_usuario }}</h6> </td>
                      
                                        </tr>
                                      </table>
                                      <p id="horaReciboeg" nowrap></p>
                                    </div>
                                  </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">
                                          <h5>Esta acción sera irreversible!</h5>
                                        </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">
                                          <h5><strong id="txtDatosC"></strong> </h5>
                                        </div>
                                         <div class="row" align ="center">
                                          <h5><strong id="txtDatosR"></strong></h5>
                                        </div>
                                         <div class="row" align ="center">
                                          <h5><strong id="txtMensaje"></strong></h5>
                                        </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 -->


                                     

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

                                var checkedTuto = JSON.parse(localStorage.getItem('chbTutorial'));


                              function loadTuto(){

                               // $("#myModal").modal("show");

                                 /*WebTour.create({
                                  0: [{
                                    element: "#txtN",
                                     description: "Para Pagar una ST necesita ingresar DNI, el cual debe ser correcto porque sera verificado con la RENIEC",
                                    position: "rb",
                                    next: false,
                                    closeSign: false
                                  }]
                                  });
                                 
                                WebTour.init();*/
                              }

                              $("#myModal").on("shown.bs.modal", function () { 
                                if(checkedTuto==true){
                                  if($("#txtEstadoTrans").val()!="extornado"){
                                    if(!$("#divNroCta").is(":visible")){
                                       WebTour.create({
                                        0: [{
                                          element: "#txtN",
                                           description: "Para Pagar una ST necesita ingresar DNI, el cual debe ser correcto porque sera verificado con la RENIEC",
                                          position: "t",
                                          next: false,
                                          closeSign: false
                                        }]
                                        });
                                       
                                      WebTour.init();
                                    }else{
                                       WebTour.create({
                                        0: [{
                                          element: "#txtN",
                                           description: "Para Pagar una ST necesita ingresar DNI, el cual debe ser correcto porque sera verificado con la RENIEC",
                                          position: "t",
                                          next: true,
                                          closeSign: false
                                        }], 
                                        1:[{
                                          element: "#txtNroCta",
                                          description: "También si es que la ST fue creada con un Nro. Cta, tiene la opción de insertar el número de cuenta en el campo señalado por el circulo",
                                          position: "l",
                                          next: false,
                                          closeSign: false ,
                                          padding:20
                                        }] 
                                        });
                                       
                                      WebTour.init();
                                    }
                                  }
                                }
                              });
                             

                             var regexpCel=new RegExp("[9][0-9]{8}$");

                              $(document).ready(function(){

                                $('#txtN').numeric(); 
                                $('#txtEgreso').numeric(".");
                                $('#txtIngreso').numeric(".");

                                $("#txtcel_bene").numeric();

                                $("#txtcel_bene").keyup(function(){
                                  if($(this).val()!=null && $(this).val().trim() !=''){
                                    if(regexpCel.test($(this).val())){
                                      $("#campo_cel").removeClass('alert-danger');
                                    }
                                    else{
                                      $("#campo_cel").addClass('alert-danger');
                                    }
                                  }
                                  else{
                                    $("#campo_cel").removeClass('alert-danger');
                                  }
                                });

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

                                });


                                $("#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);
                                $("#pagoT").click(function(){
                                  $("#idn").text($("#txtN").val());
                                });
                                
                                Transferencias();
                                $("#RefrescarLista").click(function(){
                                  Transferencias();
                                });

                                  $("#btnImprimir").click(function(){ 
                                   
                                    var doc = new jsPDF('l', 'pt');
                                    var res = doc.autoTableHtmlToJson(document.getElementById("tableSTR"));
                                    doc.setFontSize(14);
                                    doc.text("Reporte Transferencias Recibidas", 20, 30);
                                    doc.setFontSize(12);
                                    doc.text('Oficina : '+'{{SITE_URL}}',20,60);
                                    doc.text('Usuario : '+'{{nombre_usuario}}',20,80);
                                    doc.autoTable(res.columns, res.data, {
                                        margin: {horizontal: 20},
                                        startY: doc.autoTableEndPosY() + 60,
                                        margin: {horizontal: 10},
                                        styles: {overflow: 'linebreak'},
                                        bodyStyles: {valign: 'top'},
                                        columnStyles: {email: {columnWidth: 'wrap'}},
                                        theme: 'grid',
                                    });

                                    doc.save('reporteSTR.pdf');

                              });

                              
                              /* $("#txtN").focusout(function(){
                                    console.log("focusout");
                                    if($(this).val().length>=8){
                                      console.log("focusout");
                                      run_waitMe($('#myModalBody'), 1, "pulse","Consultando DNI...");
                                      $.ajax({
                                        data:{'dni':$("#txtN").val()},
                                        url:'/clientes_autocompletado_user_dni_ajax/',
                                        //async:false,
                                        type:'GET',
                                        dataType:'json',
                                        success: function(data){
                                            if(data=="fail"){
                                              consulta();
                                            }else{
                                              $('#myModalBody').waitMe('hide');
                                              nombreBeneficiado=data.nombre;
                                              apBeneficiado=data.ap;
                                              amBeneficiado=data.am;
                                              $("#txtNARBD").text("Nombres y Apellidos (BD)");
                                              $("#txtNombres_BeneReniec").text(nombreBeneficiado+" "+apBeneficiado+" "+amBeneficiado);
                                            }
                                          console.log(data);
                                        },
                                        error: function(xhr, textStatus, errorThrown) {
                                            $('#myModalBody').waitMe('hide');
                                            console.log(xhr.responseText);
                                        },
                                      });
                                    
                                    }
                                      
                                 });*/

                                 function consulta(){
                                  var tecactusApi = new TecactusApi("eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImMzZDhiZDI3MTI2NDIyNTkzODc4ZGEwOWZkZTQ1OGFlMDE4MzcxNDRkYjZlNzJlODU1ZTcwZWM5ODAyM2Q2MGQ5ZTcyODZjOTA1ODlkMzlmIn0.eyJhdWQiOiIxIiwianRpIjoiYzNkOGJkMjcxMjY0MjI1OTM4NzhkYTA5ZmRlNDU4YWUwMTgzNzE0NGRiNmU3MmU4NTVlNzBlYzk4MDIzZDYwZDllNzI4NmM5MDU4OWQzOWYiLCJpYXQiOjE0OTQyMTg0NjksIm5iZiI6MTQ5NDIxODQ2OSwiZXhwIjoxODA5NzUxMjY5LCJzdWIiOiIyNTYiLCJzY29wZXMiOlsidXNlLXJlbmllYyIsInVzZS1zdW5hdCJdfQ.iBb4lCGx-WKSYGvvNji7_Ys7umBux8KXjVFSPn7D05JB9-zNi1pXLNCASbKABs9zBKVEhddzN1RFW4UIjCtWne4r0ltrJUz_rSe5kmdt8vLzRReKvZiUFxFc9JcERTg4pp7Yi7Qx06CASPCKd4NgMqz35ucUuJOh9h5C8dup7XJttI0jX5BAbiuXMKwG7QH8zGxdx-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) { 
                                    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) { 
                                    //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);
                                  })
                                        
                                }

                                
                                $("#ts4").click(function(){
                                  pagina=1;
                                  Transferencias();
                                  PonerInicioPag();
                                });
                                $("#ts5").click(function(){
                                  
                                  pagina=1;
                                  Transferencias();
                                  PonerInicioPag();
                                });
                                $("#btnfiltrar").click(function(){
                                    $('#modalfiltro').modal('hide');
                                    ajax_TransferenciasFiltro($('#comboFiltro').val(),$('#combofiltro2').val(),$('#txtfiltro').val());
                                 });
                                $("#mostrarTodo").click(function(){
                                  ajax_TransferenciasFiltro($('#comboFiltro').val(),$('#combofiltro2').val(),null);
                                });
                                 $("#buscar").click(function(){
                                  $('#listaTransf').html('');
                                  pagina=1;
                                  PonerInicioPag();
                                  ajax_Transferencias_fil();
                                });

                                 $("#buscarF").click(function(){
                                  $('#modalfiltro_fechas').modal('hide');
                                  ajax_TransferenciasFiltroFechas();
                                 });
                                $("#fd").hide();
                                $("#comboFiltro").change(function(){
                                  if($("#comboFiltro").val()=="b"){
                                    $("#fd").hide();
                                    $("#nomR").text("Nombre");
                                  }
                                  if($("#comboFiltro").val()=="s"){
                                    $("#fd").show();
                                    $("#nomR").text("Nombre/Razon Social");

                                  }
                                   $('#modalfiltro').modal('show');
                                });
                                $("#comboFiltro").dblclick(function(){
                                  $('#modalfiltro').modal('show');
                                })
                                $("#txtfecha2").hide();
                                $("#comboFiltroF").change(function(){
                                  if($("#comboFiltroF").val()=="f"){
                                    $("#txtfecha2").hide();
                                    $("#txtfecha2").prop("value","");
                                  }
                                  if($("#comboFiltroF").val()=="ef"){
                                    $("#txtfecha2").show();
                                    $("#txtfecha2").prop("value","");
                                  }
                                  $('#modalfiltro_fechas').modal('show');
                                });
                                $("#comboFiltroF").dblclick(function(){
                                  $('#modalfiltro_fechas').modal('show');
                                })
                                $(document).on("click",".filaTrans",function(){
                                  $('#txtIDtrans').prop("value",null);
                                  
                                  var num = $(this).attr('id');
                                  filaI = num;
                                  var fila= $(this).attr('class');
                                  //$('#extornarT').show();
                                  //$('#ForzarpagoT').show();
                                  $('#txtIDtrans').prop("value",Aux[filaI].id_trans);
                                  nombreBeneficiado="";
                                  apBeneficiado="";
                                  amBeneficiado="";
                                  $('#divReniec').addClass("hidden");
                                  $("#txtNombres_BeneReniec").text("");
                                  $('#pagoT').show();
                                  $('#txtN').prop('disabled',false);
                                  $("#txtCodA").prop('value',"");
                                  $("#areap").show();
                                  $("#area_transfExpi").hide();
                                  //--------------
                                  $("#txtcel_bene").prop('value',null);
                                  $("#txtObspa").prop("value",null);
                                  $("#txtEgreso").prop("value",null);
                                  $("#txtIngreso").prop("value",null);
                                  $('#txtEstadoTrans').prop("value",Aux[filaI].estado);

                                  $("#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");
                                     $("#divNroCtaST").addClass("hidden");
                                    $("#divNroCta").addClass("hidden");
                                  }else{
                                     $("#divDNI").addClass("hidden");
                                     $("#divNroCtaST").removeClass("hidden");
                                    $("#divNroCta").removeClass("hidden");
                                  }


                                  $('#txtDNI').prop("value",Aux[filaI].dni_rmt);
                                   $("#plB").text(Aux[filaI].nombre_bnf +"\n"+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                  //$('#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);
                                  
                                  $('#txtFecha').prop("value",Aux[filaI].fecha);
                                  $('#txtPersonalE').prop("value",Aux[filaI].op_emisor);
                                  $('#txtOficinaOri').prop("value",Aux[filaI].oficina_ori);
                                  //$('#txtMensaje').text("Comuníquese con la oficina de "+Aux[filaI].oficina_ori+" para que modifique los datos del beneficiado de acuerdo a la RENIEC.");
                                  $("#nrodias").text(Aux[filaI].dias);
                                  //$('#txtMonto').prop("value",Aux[filaI].monto);
                                  //$('#txtComicion').prop("value",Aux[filaI].comicion);

                                  $('#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);
                                  
                                  $("#fechaCreacion").text(Aux[filaI].fecha);

                                  $("#plR").text(Aux[filaI].nombre_rmt+"\n"+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                  $("#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);
                                  //
                                  $("#fechaReciboin").text(textofecha);
                                  $("#fechaReciboeg").text(textofecha);
                                  $("#horaReciboin").text(textohora);
                                  $("#horaReciboeg").text(textohora);
                                  if(Aux[filaI].estado !="activo"){
                                    $('#pagoT').hide();
                                    $("#areap").hide();
                                    $('#txtN').prop('disabled',true);
                                    $("#area_transfExpi").hide();
                                  }
                                  else{
                                    if(Aux[filaI].transEx=="si"){
                                      $("#area_transfExpi").show();
                                    }
                                  }
                                });
                                //otra funcion
                                function ocultarmodal(){
                                  $('#myModal').modal('hide')
                                };

                                  function ajax_Transferencias_fil(){
                                  //$("#progreso_ajax").show();
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  $.ajax({
                                    data:{'pg':pagina,'filtro':$("#filtro").val()},
                                    url:'/listaTransfereciasRecibidas_alterna_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= '';
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };
                                
                                //otra funcion
                                function ajax_Transferencias(){
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  //$("#progreso_ajax").show();
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/listaTransfereciasRecibidas_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= '';
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };
                                //otra function
                                function ajax_TransferenciasActivas(){
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  //$("#progreso_ajax").show();
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/listaTransfereciasActivas_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= '';
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                       $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };
                                //otra fucnio
                                function ajax_TransferenciasCBActivas(){
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  //$("#progreso_ajax").show();
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/ListaTransRecibidasCBActiva_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= '';
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };
                               //-------------
                                //otra fucnio
                                function ajax_TransferenciasCB(){
                                  //$("#progreso_ajax").show();
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/ListaTransRecibidasCB_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= '';
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].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(){
                                    $('#modal_confirmacion').modal('show');
                                    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/', 
                                              type:'GET',
                                              dataType:'json',
                                              success: function(data){
                                                //$('#modal_confirmacion').modal('show');
                                                if(data=="fail1"){
                                                      bootbox.alert("Ocurrio un error. Vuelva a intentarlo");
                                                    }else{ 
                                                        consulta();
                                                      
                                                    } 
                                              },
                                              error: function(xhr, textStatus, errorThrown) { 
                                                  $("#pagoT").button('reset');
                                                  console.log(xhr.responseText);
                                              },
                                            });
                                          
                                          }
                                        }
                                      
                                    }else{
                                      
                                        $('#modal_confirmacion').modal('show');
                                      
                                    }
                                   
                                });

                                $("#solCod").click(function(){
                                  ajax_solicitudAut(Aux[filaI].id_trans);
                                })
                                $("#txtCodA").keyup(function(){
                                  if($(this).val().trim().length ==6){
                                     $("#pagoT").prop('disabled',false);
                                  }
                                  else{
                                    $("#pagoT").prop('disabled',true);
                                  }
                                });

                                $("#alert_aceptar").click(function(){
                                  mostrar_progress();
                                      $("#plObs").text($("#txtObspa").val());
                                      if($("#txtEgreso").val()==null || $("#txtEgreso").val().trim()==""){
                                        $("#importeeg").text(mon_m+"0.00");
                                      }
                                      else{
                                        $("#importeeg").text(mon_m+($("#txtEgreso").val()));
                                      }
                                      if($("#txtIngreso").val()==null || $("#txtIngreso").val().trim()==""){
                                        $("#importein").text(mon_m+"0.00");
                                      }
                                      else{
                                        $("#importein").text(mon_m+($("#txtIngreso").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(),'ingreso':$("#txtIngreso").val(),'cod_aut':$("#txtCodA").val(),'nrocta':$("#txtNroCta").val(),"dniMenor":$("#txtDniMenor").val(),'celular':$("#txtcel_bene").val()},
                                    url:'/Pagar_tranf_ajax/',
                                    //async:false,
                                    type:'GET',
                                    dataType:'json',
                                    success: function(data){
                                      if(data.exito=='exito'){
                                        $("#nror").text(data.nr);
                                        $("#pteg").text(data.nr);
                                        $("#ptin").text(data.nr);
                                        $("#nroin").text(data.nri);
                                        $("#nroeg").text(data.nre);

                                        $("#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();
                                        if(data.nri !=""){
                                          $('#platillaIngreso').printThis();
                                        }
                                        if(data.nre!=""){
                                          $('#platillaEgreso').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 ajax_solicitudAut(idTransf){
                                  $.ajax({
                                    data:{'idTr':idTransf},
                                    url:'/solicitud_Autorizacion_retiro_trans_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'
                                        });
                                      }
                                    }
                                  });
                                };
                                
                                //otra funcion
                                function ajax_TransferenciasFiltro(f,f1,f2){
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  //$("#progreso_ajax").show();
                                  $.ajax({
                                    data:{'filtro1':f,'filtro2':f1,'valor':f2},
                                    url:'/listaTransfereciasRecibidasFiltro_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= '';
                                        };
                                        html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].estado+'</td></tr>';
                                      }
                                      //html+='</tbody></table>';
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };

                                function Transferencias(){
                                  if($("#ts4").prop("checked")) { 
                                    if ($("#ts5").prop("checked")){
                                      ajax_TransferenciasCBActivas();
                                    }
                                    else{
                                      ajax_TransferenciasActivas();
                                    }
                                    
                                  } else {
                                    if ($("#ts5").prop("checked")){
                                      ajax_TransferenciasCB();
                                    }
                                    else{
                                      ajax_Transferencias(); 
                                    }
                                     
                                  }
                                };

                                function PonerInicioPag(){
                                    $(".pag").attr('class','pag');
                                    $("#pag1").attr('class','active pag');
                                    $("#pg1").text(1);
                                };
                                function ajax_TransferenciasFiltroFechas(){
                                  run_waitMe($('.table-responsive'), 1, "pulse","Listando ST,espere un momento...");
                                  //$("#progreso_ajax").show();
                                  $.ajax({
                                    data:{'filtro':$('#comboFiltroF').val(),'F1':$('#txtfecha1').val(),'F2':$('#txtfecha2').val()},
                                    url:'/listaTransfereciasRecibidasFiltrofecha_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= '';
                                        };
                                       html += '<tr data-toggle="modal" data-target="#myModal" data-backdrop="static" class="filaTrans '+estado+'" id="'+i+'"><th scope="row">'+(i+1)+'</th><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>'+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].estado+'</td></tr>';
                                      }
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").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();
                                });
                               //
                              });
                        

                          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;
                          }

                  
                          </script>
                          <div class="table-responsive">
                            <table class="table table-hover table-bordered" id="tableSTR">
                                <thead>
                                  <tr >
                                    <th>#</th>
                                    <th>Beneficiado</th>
                                    <th>Monto</th>
                                    <th>Solicitante</th>
                                    <th>Fecha</th>
                                    <th>Oficina Origen</th>
                                    <th>S/T</th>
                                    <th>Comision</th>
                                    <th>Monto Otros Conceptos</th>
                                    <th>Moneda</th>
                                    <th>Observaciones</th>
                                    <th>Detalle Otros Conceptos</th>
                                    <th>Estado</th>
                                  </tr>
                                </thead>
                                <tbody id="listaTransf">
                                 
                                </tbody>
                            </table>
                          </div>
                      </div>
                    </p>
                  </div>
                  <br>
                  <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>
                  <br>
                  <div class="row">
                     <div class="col-md-3 col-md-offset-5" align="center">
                      <button type="button" class="btn btn-inverse btn-block" id="btnImprimir"><i class="fa fa-print"></i> Imprimir</button>
                     </div>
                  </div>
                  <br>
                </div>
              </div>
          </div>
        </div>
      </form>
{% endblock content1 %}
