{% extends "base.html" %}
{% load static %}
{% block titulo %}
  .::Transferencias - Creadas
{% endblock titulo %}
{% block content1 %} 
  <script type="text/javascript">
    $("#navTrans").attr('class','dropdown active');
    $("#navTransCreadas").attr('class','active');
  </script>
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="panel panel-default">
                <div class="panel-heading"> <strong>SOLICITUDES DE TRANSFERENCIAS</strong></div>
                <div class="panel-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-2">
                        <a class="btn btn-success btn-block btn-sm" href="/CrearTransferencia_base_externo/" role="button" ><b>Crear Transferencia</b></a>
                      </div>
                      <div class="col-md-1">
                        <button type="button" class="btn btn-primary btn-sm" id="RefrescarLista"><span class="fa fa-refresh"></span> Actualizar</button>
                      </div>
                      <div class="col-md-2">
                        <div class="checkbox">
                            <label class="">
                              <input id="ts4" type="checkbox" value="success-inverse1"> Solo activos
                            </label>
                        </div> 
                       </div> 
                   </div>
                  </div>
               
                   <div class="row">
                    <div class="col-md-4">
                      <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-1" >
                      <button type="button" class="btn btn-danger btn-sm" id="buscar"><i class="fa fa-search"></i> Buscar</button>
                      <p></p>
                    </div>
                  
                  </div>
                  <div class="row">
                      <div class="col-md-12">
                          <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Datos Generales</h4>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-md-6" >
                                          <div class="panel panel-info">
                                            <div class="panel-heading" align="center"> <strong>SOLICITUD DE TRANSFERENCIA</strong></div>
                                            <div class="panel-body">
                                              <div class="row">
                                                <div class="col-md-5 " align="right">
                                                  <label> Estado de Transferencia </label>
                                                </div>
                                                <div class="col-md-4">
                                                  <input type="text" class="form-control" id="txtEstadoTrans" disabled="disabled">
                                                  <p></p>
                                                </div>
                                                <div class="col-md-2">
                                                  <button type="button" class="btn btn-danger btn-sm"id="extornarT">Extornar</button>
                                                </div>
                                              </div>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    <b>SOLICITANTE</b> 
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>DNI/RUC</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtDNI">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Nombres y Apellidos</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <input type="text" class="form-control" id="txtNombres_Soli" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    <b>BENEFICIADO</b>
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Nombres y Apellidos</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <input type="text" class="form-control" id="txtNombres_Bene" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>DNI</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtN">         
                                                  </div> 
                                              </div>
                                            </div>
                                          </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="panel panel-success">
                                          <div class="panel-heading"><strong>Datos de Transferencia</strong></div>
                                          <div class="panel-body">
                                            <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>ID Transferencia</label> 
                                                  </div>
                                                  <div class="col-md-5">
                                                    <input type="text" class="form-control" id="txtIDtrans" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                <div class="col-md-4 col-md-offset-1" align="right"> 
                                                  <label>Nro Recibo:</label> 
                                                </div>
                                                <div class="col-md-5">
                                                  <!--
                                                  <input type="text" class="form-control" id="txtnr" disabled="disabled">-->
                                                  <h4 ><b id="txtnr"></b></h4> 
                                                </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Fecha</label> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtFecha" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-5" align="right"> 
                                                    <label>Personal Emisor</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <input type="text" class="form-control" id="txtPersonalE" disabled="disabled">         
                                                  </div> 
                                              </div>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Usuario Global</label> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtPerDig" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Oficina Destino</label> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtOficinaDest" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Cantidad</label> 
                                                  </div>
                                                  <div class="col-md-5">
                                                    <input type="text" class="form-control" id="txtMonto" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Comisión</label> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtComicion" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Observaciones</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                                    <textarea class="form-control" rows="2" id="txtObs" disabled="disabled" ></textarea >         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <label>Detalle Otros Conceptos</label> 
                                                  </div>
                                                  <div class="col-md-7">
                                                    <!--
                                                    <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                                    <textarea class="form-control" rows="2" id="txtotros_con" disabled="disabled" ></textarea >         
                                                  </div> 
                                              </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <div class="row">
                                      <div class="col-md-2">
                                         <button type="button" class="btn btn-default btn-sm" data-dismiss="modal" id="rimprimir"><i class="fa fa-print" ></i> Re-imprimir</button>
                                      </div>
                                      <div class="col-md-2 col-md-offset-8">
                                         <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cerrar</button>
                                      </div>
                                    </div>
                                  </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:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <label align="center"><b>PAGO DE TRANSFERNCIAS</b></label>
                                      <table>
                                        <tr nowrap>=============================</tr>
                                      </table>
                                      <h6 id="plTitulo"></h6>
                                      <b>Destino:</b>
                                      <p id="plOri"></p>
                                      <b>Beneficiado:</b>
                                      <p id="plB"></p>
                                      <b>Remitente:</b>
                                      <p id="plR"></p>
                                      <b>Observaciones:</b>
                                      <p id="plObs"></p>
                                      <b>Fecha de operación:</b>
                                      <p id="fepa"></p>
                                      <b>Monto:</b>
                                      <h4 id="plM"></h4>
                                      <br>
                                      <table>
                                        <tr>
                                          <td nowrap>__________&nbsp;</td>
                                          <td>&nbsp;</td>
                                          <td nowrap>&nbsp;____________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap><h6>Recibi conforme</h6></td>
                                          <td>&nbsp;</td>
                                          <td nowrap>&nbsp;&nbsp; Op. {{ nombre_usuario }}</td>
                                        </tr>
                                      </table>
                                      <p><b>DNI:</b>&nbsp;<b id="idn"></b></p>
                                      <p id ="hopa"></p>
                                    </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="modal2" 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="platillaI2"  style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <label align="center"><b>SOLICITUD DE TRANSFERENCIA</b></label>
                                      <table>
                                        <tr nowrap>===================================</tr>
                                      </table>
                                      <!--<table>
                                        <tr>
                                          <td><h4 id="oficinaRecibo"></h4></td>
                                          <td>&nbsp;</td>
                                          <td>&nbsp;</td>
                                          <th>Nº</th>
                                          <td id="nror"></td>
                                        </tr>
                                        <tr>
                                          <td nowrap> Fecha</td>
                                          <td>&nbsp;</td>
                                          <td nowrap><label id="fechaRecibo"></label></td>
                                          <td>&nbsp;</td>
                                          <td>&nbsp;</td>
                                        </tr>
                                      </table>-->
                                      <table>
                                        <tr>
                                          <td nowrap> <label id="fechaRecibo"></label></td>
                                        </tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td id="oficinaRecibo" style="width:100px;">{{ SITE_URL }}</td>
                                          <td style="padding-top:-10px;"><div style="width:40px;"> </div></td>
                                          <td style="width:60px; text-align:right;">Nº<span id="nror"></span></td>
                                        </tr>
                                      </table>
                                      <!--<b> NRO DE RECIBO:</b>
                                      <p id="nror"></p>-->
                                      <!--
                                      <b> OFICINA DESTINO:</b>
                                      <p id="oficinaDestino"></p>
                                      <b> SOLICITANTE:</b>
                                      <p id="soli"></p>-->
                                      <table>
                                        <tr>
                                          <td  valign="top" style="padding-top:10px;"><b>Of. Destino:</b></td>
                                          <td style="padding-top:10px;"><div style="width:20px;height:20px;"> </div></td>
                                          <td id="oficinaDestino" style="padding-top:10px;" ></td>
                                        </tr>
                                        <tr >
                                          <td  valign="top" style="padding-top:10px;"><b>Beneficiado:</b></td>
                                          <td style="padding-top:10px;"><div style="width:20px;"> </div></td>
                                          <td id="bene" style="padding-top:10px;"></td>
                                        </tr>
                                        <tr>
                                          <td  valign="top" style="padding-top:10px;"><b>Solicitante:</b></td> 
                                          <td style="padding-top:10px;"><div style="width:20px;height:15px;"> </div></td>
                                          <td id="soli" style="padding-top:10px;"></td>
                                        </tr>
                                      </table>
                                      <!--
                                      <b>IMPORTE:</b>
                                      <p id="pldet"></p>
                                      <b>IMPORTE TOTAL:</b>
                                      <h4 id="importe"></h4>-->
                                      <!--
                                      <b> BENEFICIADO:</b>
                                      <p ><h4 id="bene"></h4></p>-->
                                      <br>
                                      <b>IMPORTE:</b>
                                      <table>
                                        <tr>
                                          <td>Monto:</td>
                                          <td ><div style="width:40px;"> </div></td>
                                          <td id="monto_tr" style="text-align:right;"></td>
                                        </tr>
                                        <tr>
                                          <td>Comisión</td>
                                          <td ><div style="width:40px;"> </div></td>
                                          <td id="comi_tr" style="text-align:right;"></td>
                                        </tr>
                                        <tr>
                                          <td>Otros:</td>
                                          <td ><div style="width:40px;"> </div></td>
                                          <td id="otros_tr" style="text-align:right;"></td>
                                        </tr>
                                      </table> 
                                      <br>
                                      <b>IMPORTE TOTAL:</b>
                                      <h4 id="importe"></h4>
                                      <table>
                                        <tr>
                                          <td><b>Observaciones:</b></td>
                                        </tr>
                                        <tr>
                                          <td id="reciboObs"></td>
                                        </tr>
                                        <tr>
                                          <td><b>Otros detalle:</b>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td id="reciboDet"></td>
                                        </tr>
                                      </table>
                                      <!--<br>
                                      <table>
                                        <tr>
                                          <td>_____________</td>
                                          <td>&nbsp;</td>
                                          <td>_____________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap><b>OP. <span id="usuario"></span></b></td>
                                          <td></td>
                                          <td nowrap><b><span id="soli1"></span></b></td>
                                        </tr>
                                      </table>-->

                                      <table>
                                        <tr>
                                          <td><div style="height:30px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td>____________________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap><label><b>OP. {{ nombre_usuario }}</b></label></td>
                                        </tr>
                                        <tr>
                                          <td><div style="height:35px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td>____________________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap><b><span id="soli1"></span></b></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="modalreciboComision" 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="platillaComision"  style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <label align="center"><b>RECIBO DE EGRESO</b></label>
                                      <table>
                                        <tr nowrap>==============================</tr>
                                      </table>
                                      <label>{{ SITE_URL }}</label>
                                      <b> OFICINA DESTINO:</b>
                                      <p id="recibi">CUSCO</p>
                                      <br>
                                      <b>IMPORTE:</b>
                                      <table>
                                        <tr>
                                          <td>&nbsp;</td>
                                          <td>Soles</td>
                                          <td>&nbsp;</td>
                                          <td>Dolares</td>
                                        </tr>
                                        <tr>
                                          <td nowrap>Comisión: S/</td>
                                          <td nowrap><h4 id="MScomi"></h4></td>
                                          <td>&nbsp;</td>
                                          <td nowrap><h4 id="MDcomi"></h4></td>
                                        </tr>
                                        <tr>
                                          <td nowrap>Capital:</td>
                                          <td nowrap><h4 id="MScapi"></h4></td>
                                          <td>&nbsp;</td>
                                          <td nowrap><h4 id="MDcapi"></h4></td>
                                        </tr>
                                        <tr>
                                          <td>Pagos Transferencia:</td>
                                          <td nowrap><h4 id="MSPT"></h4></td>
                                          <td>&nbsp;</td>
                                          <td nowrap><h4 id="MDPT"></h4></td>
                                        </tr>
                                        <tr>
                                          <td>Egreso:</td>
                                          <td nowrap><h4 id="MegresoS"></h4></td>
                                          <td>&nbsp;</td>
                                          <td nowrap><h4 id="MegresoD"></h4></td>
                                        </tr>
                                        <tr>
                                          <td>Total:</td>
                                          <td nowrap><h4 id="MStotal"></h4></td>
                                          <td>&nbsp;</td>
                                          <td nowrap><h4 id="MDtotal"></h4></td>
                                        </tr>
                                      </table>
                                      <b>CONCEPTO:</b>
                                      <p >Envío de dinero </p>
                                      <br>
                                      <br>
                                      <p>________________</p>
                                      <b>OP. {{ nombre_usuario }}</b>
                                      <table>
                                        <tr>
                                          <td><label id="fechaCo"></label></td>
                                          <td>&nbsp;</td>
                                          <td><label id="horaCo"></label></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 -->
                              <!--<input type="button" class="btn btn-default btn-block" data-toggle="modal" data-target="#myModal" value="Clientes">-->
                          <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 >EXTORNAR TRANFERENCIA ?</h3>
                                        </div>
                                        <div class="row grp_alr" align="center">
                                          <h4 id="extorno_total"></h4>
                                        </div>
                                        <div class="row grp_alr" align ="center">
                                          <label>Esta accion sera irreversible!</label>
                                        </div>
                                        <div class="row grp_dni_cod" align="center">
                                          <h4>COMPROBACION DE DNI</h4>
                                        </div>
                                        <div class="row" id="progress_reniec" align="center" hidden>
                                          <div class="progress">
                                            <div class="progress-bar progress-bar-success 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_dni_cod" style="background-color: #FFF;">
                                          <div class="row">
                                            <div class="col-md-4" align="right">
                                              <label style="color:#2e6da4;">Datos ST:</label>
                                            </div>
                                            <div class="col-md-8">
                                              <label id="lblSoliST"></label>
                                            </div>
                                          </div>
                                          <div class="row">
                                            <div class="col-md-4" align="right">
                                              <label style="color:#2e6da4;">Datos RENIEC:</label>
                                            </div>
                                            <div class="col-md-8">
                                              <label id="lblSoliRENIEC"></label>
                                            </div>
                                          </div>
                                          <div class="row">
                                            <div class="col-md-12">
                                              <label id="lblResulComparacion"></label>
                                            </div>
                                          </div>
                                        </div>

                                        <p></p>
                                        <div class="row grp_dni_cod">
                                          <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 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">EXTORNAR</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                         
                          <script type="text/JavaScript">
                              var x_st_total='{{ x_st_to }}';
                              var pagina=1;
                              var soli_nom="";
                              var soli_ap="";
                              var soli_am="";
                              var Aux="";
                              var Aux2="";
                              var Aux3="";
                              var Aux5="";
                              var Aux6="";
                              var Aux7="";
                              var filaI =0;
                              var estad="";  
                              var i1=0;
                              var i2=0;        
                              var p1=0;        
                              var p2=0;
                              var e1=0;
                              var e2=0; 
                              //extorno---
                              var st_ex="no";
                              //---------     
                              $(document).ready(function(){
                                 $(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');
                              });
                                $('#txtN').numeric(); 
                                $("#fd").hide();
                                $("#extornarT").prop('disabled',false); 

                                $("#extornarT").click(function(){
                                  $("#idn").text($("#txtN").val());
                                });
                               
                               
                                $("#rimprimir").click(function(){
                                  if (estad=="activo" || estad =="pagado"){
                                    $('#platillaI2').printThis();
                                  }
                                  else{
                                    $("#idn").text($("#txtN").val());
                                    $('#platillaI').printThis();
                                  }
                                  
                                });
                               
                                ajax_Transferencias();
                                $("#RefrescarLista").click(function(){
                                  ajax_Transferencias();
                                });
                                 
                               
                                $(document).on("click",".filaTrans",function(){
                                  var num = $(this).attr('id');
                                  filaI = num;
                                  var fila= $(this).attr('class');
                                  $('#extornarT').show();
                                  $("#areap").show();
                                  //$("#rimprimir").show();
                                  $('#txtN').prop('disabled',false);
                                  //--------------
                                  //------------- autorizacion de extorno ---------------
                                  $("#txtCodA").prop("value","");
                                  st_ex="no"
                                  $("#nrodias").text("");
                                  $(".grp_dni_cod").hide();
                                  if(Aux[filaI].dias>1){
                                    $("#nrodias").text(Aux[filaI].dias);
                                    $(".grp_dni_cod").show();
                                    st_ex="si"
                                  }
                                  ///----------------------------------------------------
                                  $('#txtEstadoTrans').prop("value",Aux[filaI].estado);
                                  $('#txtDNI').prop("value",Aux[filaI].dni_rmt);
                                  $('#txtNombres_Soli').prop("value",Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                  $('#txtNombres_Bene').prop("value",Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                  $("#txtN").prop('value',Aux[filaI].dni_bnf);
                                  $('#txtIDtrans').prop("value",Aux[filaI].id_trans);
                                  $('#txtFecha').prop("value",Aux[filaI].fecha);
                                  $('#txtPersonalE').prop("value",Aux[filaI].id_personal);
                                  $('#txtOficinaDest').prop("value",Aux[filaI].oficina_des);
                                  $('#txtMonto').prop("value",Aux[filaI].monto);
                                  $('#txtComicion').prop("value",Aux[filaI].comicion);
                                  $('#txtObs').prop("value",Aux[filaI].obs);
                                  $('#txtotros_con').prop("value",Aux[filaI].otros_conceptos);
                                  $("#reciboObs").text(Aux[filaI].obs);
                                  $("#reciboDet").text(Aux[filaI].otros_conceptos);
                                  $("#plB").text(Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                  $("#plR").text(Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                  $("#plObs").text($("#txtObspe").val());
                                  estad=Aux[filaI].estado;
                                  var mr="";
                                  if(Aux[filaI].moneda=="soles")
                                    {
                                      mr="S/. "
                                    }
                                  else
                                    {
                                      mr="$/. "
                                  }
                                  if (Aux[filaI].AutEx=="todo"){
                                    $("#plM").text(mr +String(parseFloat(Aux[filaI].monto)+parseFloat(Aux[filaI].comicion)+parseFloat(Aux[filaI].monto_conceptos)));
                                  }
                                  else{
                                    $("#plM").text(mr +String(Aux[filaI].monto));
                                  }
                                  
                                  if(x_st_total=='si'){
                                    $("#extorno_total").html("Se extornara: <b>CAPITAL + COMISION </b>");
                                  }
                                  else{
                                    $("#extorno_total").html("Se extornara: <b>SOLO EL CAPITAL</b>");
                                  }
                                  //
                                  //$("#plM").text(Aux[filaI].monto);
                                  $("#plOri").text(Aux[filaI].oficina_des);
                                  var fecha = new Date();
                                  var mes = [
                                          "Enero",
                                          "Febrero",
                                          "Marzo",
                                          "Abril",
                                          "Mayo",
                                          "Junio",
                                          "Julio",
                                          "Agosto",
                                          "Septiembre",
                                          "Octubre",
                                          "Noviembre",
                                          "Diciembre"
                                          ];
                                  var textofecha= fecha.getDate() + " de " + mes[fecha.getMonth()] + " del " + fecha.getFullYear();
                                  var hora = new Date();
                                  var textohora = hora.getHours() + ":" + hora.getMinutes();
                                  $("#fepa").text(textofecha);
                                  $("#hopa").text(textohora);

                                  if(Aux[filaI].estado !="activo"){
                                    //$('#extornarT').prop('disabled',true);
                                    //$('#ForzarpagoT').prop('disabled',true);
                                    $('#extornarT').hide();
                                    $('#txtN').prop('disabled',true);
                                    $("#areap").hide();
                                    //$("#rimprimir").hide()
                                  }
                                  if((Aux[filaI].estado=='activo') || (Aux[filaI].estado=='pagado'&&Aux[filaI].pago_forzado!='si')){
                                    var m='';
                                    if(Aux[filaI].moneda=="soles")
                                      {
                                        m="S/. "
                                      }
                                    else
                                      {
                                        m="$/. "
                                      }
                                    //$("#pldet").html("Monto:"+m+Aux[filaI].monto+"<br>Comision: "+m+Aux[filaI].comicion+"<br> Otros:"+m+Aux[filaI].monto_conceptos);
                                    $("#monto_tr").text(m+Aux[filaI].monto);
                                    $("#comi_tr").text(m+Aux[filaI].comicion);
                                    $("#otros_tr").text(m+Aux[filaI].monto_conceptos);
                                    var monto_capi=Aux[filaI].monto.toString().replace(",", "");
                                    var total= parseFloat(monto_capi)+parseFloat(Aux[filaI].comicion)+parseFloat(Aux[filaI].monto_conceptos);

                                    $("#fechaRecibo").text(Aux[filaI].fecha);
                                    $("#importe").text(m+String(total));
                                    //$("#usuario").text(usuario);
                                    $("#nror").text(Aux[filaI].nroRecibo);
                                    $("#bene").text(Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                                    $("#soli").text(Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                                    $("#oficinaDestino").text(Aux[filaI].oficina_des);
                                    $("#soli1").text(Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);                                    
                                  }
                                  if(Aux[filaI].estado=='extornado'){
                                    $("#plTitulo").text("transferencia extornado");
                                  }
                                  if(Aux[filaI].pago_forzado=='si'){
                                    $("#plTitulo").text("pago forzado");
                                    //$("#rimprimir").show();
                                    estad="pagoforzado";
                                  }
                                 
                                });
                                
                                function ajax_Transferencias(){
                                  $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                                  $.ajax({
                                    data:{'pg':pagina},
                                    url:'/listaTransfereciasTotal_ajax/',
                                    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" class="filaTrans '+estado+'" id="'+i+'"><td>'+data[i].nombre_bnf+' '+data[i].paterno_bnf+' '+data[i].materno_bnf+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].monto+'</td><td>'+data[i].nombre_rmt+' '+data[i].paterno_rmt+' '+data[i].materno_rmt+'</td><td>'+data[i].fecha+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#2e6da4;font-size:16px;font-weight:bold;" >'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><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><td>'+data[i].fp+'</td></tr>';
                                      }
                                      //html+='</tbody></table>';
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                    }
                                  });
                                };

                                $("#buscar").click(function(){
                                  $('#listaTransf').html('');
                                  pagina=1;
                                  PonerInicioPag();
                                  ajax_TransferenciasTotal_filtro();
                                });     

                                $("#extornarT").click(function(){//boton q llama ala confirmacion
                                   $("#progress_reniec").hide();
                                  $("#lblSoliST").text("");
                                  $("#lblSoliRENIEC").text("");
                                  $("#lblResulComparacion").html("");
                                  if(st_ex=="si"){
                                    if($("#txtDNI").val()!=null && $("#txtDNI").val().length ==8){
                                      $('#modal_confirmacion').modal('show');
                                      $("#lblSoliST").text($("#txtNombres_Soli").val());
                                      ///$("#progress_reniec").show();
                                      soli_nom="";
                                      soli_am="";
                                      soli_ap="";
                                      //consulta();
                                    }
                                    else{
                                      
                                      bootbox.alert({ 
                                        message: "Ingrese el DNI del Solicitante",
                                        className: 'bb-alternate-modal'
                                      }); 

                                    }
                                  }
                                  else{
                                    $('#modal_confirmacion').modal('show');
                                  }
                                });
                                $("#alert_aceptar").click(function(){
                                 if(st_ex=="si"){
                                    if($("#txtDNI").val()!=null && $("#txtDNI").val().length ==8){
                                      mostrar_progress();
                                      ajax_solicitudExtorno(Aux[filaI].id_trans,$("#txtCodA").val());
                                      ocultarmodal();
                                    }
                                    else{
                                      
                                      bootbox.alert({ 
                                        message: "Ingrese el DNI del Solicitante",
                                        className: 'bb-alternate-modal'
                                      }); 

                                    }
                                  }
                                  else{
                                    mostrar_progress();
                                    ajax_solicitudExtorno(Aux[filaI].id_trans,$("#txtCodA").val());
                                    ocultarmodal();
                                  }
                                });
                                function consulta(){
                                  var tecactusApi = new TecactusApi("eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImMzZDhiZDI3MTI2NDIyNTkzODc4ZGEwOWZkZTQ1OGFlMDE4MzcxNDRkYjZlNzJlODU1ZTcwZWM5ODAyM2Q2MGQ5ZTcyODZjOTA1ODlkMzlmIn0.eyJhdWQiOiIxIiwianRpIjoiYzNkOGJkMjcxMjY0MjI1OTM4NzhkYTA5ZmRlNDU4YWUwMTgzNzE0NGRiNmU3MmU4NTVlNzBlYzk4MDIzZDYwZDllNzI4NmM5MDU4OWQzOWYiLCJpYXQiOjE0OTQyMTg0NjksIm5iZiI6MTQ5NDIxODQ2OSwiZXhwIjoxODA5NzUxMjY5LCJzdWIiOiIyNTYiLCJzY29wZXMiOlsidXNlLXJlbmllYyIsInVzZS1zdW5hdCJdfQ.iBb4lCGx-WKSYGvvNji7_Ys7umBux8KXjVFSPn7D05JB9-zNi1pXLNCASbKABs9zBKVEhddzN1RFW4UIjCtWne4r0ltrJUz_rSe5kmdt8vLzRReKvZiUFxFc9JcERTg4pp7Yi7Qx06CASPCKd4NgMqz35ucUuJOh9labelC8dup7XJttI0jX5BAbiuXMKwG7QH8zGxdx-7CEkxMhigsv-Wm7S1jOl-JLJT2iDLPOQ-VslrV0HoL-gt_k_rNPtaNPWU0tIjrG9Wr_2_-jgtV8OYJJqxvtvzi2uKyovpFRZjFJh_gxwKx-mnc6ioMmxS4MHtNKF1GhcHvLHwVSw2Lm2V7Q46v3hb5_ePGRSJ5FocJJ4RqPihULeGGFgrnPp1GLQXOoxYRVj_IjcXbFywQMR8p6xf8xkeGA8v0rCIJBaUXXD4prSHT-qfK5CI3uU1f294s5uz497975QZqVTegDl7sUcJKrEvLrOEm1dEaNIi-j90ZLaqHOYhgY3aciJU_JTwtQ7f5t_Zv-BomazKNwGxe180kmHyLrsCpz9phyZeh_PgPaEPNa0M3hWMDj8Mszo8uQ3ktvU1Zqnzwn_sgyfvqUFIeM4kfoX8_-IrkEjcD9Q7jal4UwLQV5idGxPoSxt8jFpnvwAdN6wbWe7XzRixAm-djmQqdVIn8HZUSBOTIx6k");

                                  tecactusApi.Reniec.getDni($("#txtDNI").val())
                                  .then(function (response) {
                                    //$('#myModalBody').waitMe('hide');  
                                    nombre=response.data.nombres.trim();
                                    ap=response.data.apellido_paterno.trim();
                                    am=response.data.apellido_materno.trim();
                                   
                                    console.log("consulta correcta!");

                                    var nCompleto=nombre+" "+ap+" "+am;
                                    soli_nom=nombre;
                                    soli_ap=ap;
                                    soli_am=am;
                                    $("#lblSoliST").text($("#txtNombres_Soli").val());
                                    $("#lblSoliRENIEC").text(nCompleto);
                                    var diferencias = new TextDifferencer().findDifferencesBetweenStrings
                                      (
                                          $("#txtNombres_Soli").val(),
                                          nCompleto
                                      );
                                      console.log("dif");
                                    console.log(diferencias);
                                    $("#lblResulComparacion").html(diferencias.toString());
                                    $("#progress_reniec").hide();
                                  })
                                  .catch(function (response) {
                                    //$('#myModalBody').waitMe('hide'); 
                                    console.log("algo ocurrió")
                                    console.log("código de error: " + response.code)
                                    console.log("mensaje de respuesta: " + response.status)
                                    $("#pagoT").button('reset');
                                    bootbox.alert(response.data);
                                  })
                                        
                                }
                                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();
                                };

                                 function ajax_TransferenciasTotal_filtro(){
                                      $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                                      $.ajax({
                                        data:{'pg':pagina,'filtro':$("#filtro").val()},
                                        url:'/listaTransfereciasTotal_filtro_ajax/',
                                        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" class="filaTrans '+estado+'" id="'+i+'"><td>'+data[i].nombre_bnf+' '+data[i].paterno_bnf+' '+data[i].materno_bnf+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].monto+'</td><td>'+data[i].nombre_rmt+' '+data[i].paterno_rmt+' '+data[i].materno_rmt+'</td><td>'+data[i].fecha+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#2e6da4;font-size:16px;font-weight:bold;" >'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><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><td>'+data[i].fp+'</td></tr>';
                                          }
                                          //html+='</tbody></table>';
                                          $('#listaTransf').html(html);
                                          $('.table-responsive').waitMe('hide');
                                          //$("#progreso_ajax").hide();
                                        }
                                      });
                                    };

                                    //-----
                                     function ajax_solicitudExtorno(idTransf,codA){
                                        $.ajax({
                                          data:{'idT':idTransf,'obs':$("#txtObspe").val(),'dni':$("#txtDNI").val(),'nombre':soli_nom,'ap':soli_ap,'am':soli_am,"codigo":codA},
                                          url:'/extornar_tranf_ajax/',
                                          //async:false,
                                          type:'GET',
                                          dataType:'text',
                                          success: function(data){
                                            if(data=='exito'){
                                              $("#ExitoMensaje").prop('class','bg-info');
                                              $("#ExitoMensaje").text("La transferencia se EXTORNO!");
                                              $("#plTitulo").text("transferencia extornado");
                                              if(x_st_total=='si'){
                                                 $("#caextTo").show();
                                                  $("#plM").text('S/.' +String(Aux[filaI].monto));
                                                  $("#extCo").text(parseFloat(Aux[filaI].comicion)+parseFloat(Aux[filaI].monto_conceptos));
                                                }
                                                else{
                                                  $("#plM").text('S/.' +String(Aux[filaI].monto));
                                                  $("#extCo").text('');
                                                  $("#caextTo").hide();
                                                }
                                              $('#platillaI').printThis();

                                              bootbox.alert({ 
                                                message: "La transferencia se extorno",
                                                className: 'bb-alternate-modal'
                                              }); 
 
                                              ocultar_progress();
                                              ajax_Transferencias();
                                              $('#txtN').prop("value",' ');
                                             }
                                           else{
                                              ocultar_progress();
                                              $("#ExitoMensaje").prop('class','bg-danger');
                                              $("#ExitoMensaje").text("la operacion fallo :(" + data);

                                              bootbox.alert({ 
                                                message: "La Operación falló",
                                                className: 'bb-alternate-modal'
                                              }); 
                                              
                                             }

                                          }
                                        });
                                      };
                                    
                                 
                                function ocultarmodal(){
                                  $('#myModal').modal('hide')
                                };
                              
                                
                                //
                                $("#ts4").click(function(){
                                  if($("#ts4").prop("checked")){ 
                                    ajax_Transferencias_Activos();
                                  } else {
                                    ajax_Transferencias();
                                  }
                                });
                                //------ activos----------
                                function ajax_Transferencias_Activos(){
                                  $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                                  $.ajax({
                                    url:'/listaTrans_activos_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" class="filaTrans '+estado+'" id="'+i+'"><td>'+data[i].nombre_bnf+' '+data[i].paterno_bnf+' '+data[i].materno_bnf+'</td><td style="font-size:16px;font-weight:bold;">'+data[i].monto+'</td><td>'+data[i].nombre_rmt+' '+data[i].paterno_rmt+' '+data[i].materno_rmt+'</td><td>'+data[i].fecha+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#2e6da4;font-size:16px;font-weight:bold;" >'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><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><td>'+data[i].fp+'</td></tr>';
                                      }
                                      //html+='</tbody></table>';
                                      $('#listaTransf').html(html);
                                      $('.table-responsive').waitMe('hide');
                                      //$("#progreso_ajax").hide();
                                      //$("#progreso_ajax").hide();
                                    },
                                    error: function(xhr, textStatus, errorThrown) {
                                         console.log(xhr.responseText);
                                     },
                                  });
                                }
                                //
                                //---end division
                                $("#imprimir_trans_bu").click(function(){
                                   var datos=$("#comboFiltro :selected").text().split("/");
                                    var d = new Date();
                                    var n = d.toLocaleString();

                                    var doc = new jsPDF('l', 'pt');
                                    var res = doc.autoTableHtmlToJson(document.getElementById("imprimir_trans"));
                                    doc.setFontSize(18);
                                    doc.text("Reporte Tranferencias Creadas", 20, doc.autoTableEndPosY() + 30);
                                    doc.setFontSize(12);
                                    doc.text('Oficina : '+'{{ SITE_URL }}', 20, 60);
                                    doc.text('Usuario : '+'{{ user.get_username }}', 20, 80);

                                    doc.autoTable(res.columns, res.data, {
                                        margin: {horizontal: 20},
                                        startY: doc.autoTableEndPosY() + 120,
                                        margin: {horizontal: 10},
                                        styles: {overflow: 'linebreak'},
                                        bodyStyles: {valign: 'top'},
                                        columnStyles: {email: {columnWidth: 'wrap'}},
                                        theme: 'grid',
                                    });

                                    doc.save('reporteST.pdf');

                                   //$('#imprimir_trans').printThis();
                                });


                                function PonerInicioPag(){
                                    $(".pag").attr('class','pag');
                                    $("#pag1").attr('class','active pag');
                                    $("#pg1").text(1);
                                };
                                //
                              $(".pag").click(function(){
                                $(".pag").attr('class','pag');
                                $(this).attr('class','active pag');
                                pagina = $(this).text();
                                ajax_Transferencias();
                              })
                              $("#ant").click(function(){
                                var pag = $("#pg1").text();
                                pag= parseInt(pag);
                                if(pag>1){
                                  $("#pg1").text(pag-1);
                                  pag= $("#pg2").text();
                                  pagina = pag-1;
                                  ajax_Transferencias();
                                }
                              });
                              $("#pos").click(function(){
                                var pag = $("#pg1").text();
                                pag= parseInt(pag);
                                $("#pg1").text(pag+1);
                                pagina = pag+1;
                                ajax_Transferencias();
                              });
                              //--------------- extrno codigo ---------------
     $("#solCod").click(function(){
        ajax_solicitudAut();
      });
      
      function ajax_solicitudAut(){
        $.ajax({
          data:{'pk':$('#txtIDtrans').val()},
          url:'/solicitud_Aut_Extorno_ST_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'
              });
            }
          }
        });
      };
    //------------------------
                              });
                          </script>
                          <div class="table-responsive" id="imprimir_trans">
                            <table class="table table-hover table-bordered">
                                <thead>
                                  <tr >
                                    <th>Beneficiado</th>
                                    <th>Monto</th>
                                    <th>Remitente</th>
                                    <th>Fecha</th>
                                    <th>Origen</th>
                                    <th>Destino</th>
                                    <th>S/T</th>
                                    <th>Comision</th>
                                    <th>Otros</th>
                                    <th>Moneda</th>
                                    <th>Observaciones</th>
                                    <th>Detalle</th>
                                    <th>Estado</th>
                                    <th>Fecha de Pago</th>
                                  </tr>
                                </thead>
                                <tbody id="listaTransf">
                                </tbody>
                            </table>
                          </div>
                      </div>
                  </div>
                  <div class="row">
                    <div class="col-md-6 col-md-offset-3" 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" ><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 class="col-md-2">
                        <button type="button" class="btn btn-default btn-sm" id="imprimir_trans_bu"><i class="fa fa-print" ></i> Imprimir</button>
                      </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
{% endblock content1 %}
