{% extends "base.html" %}
{% load static %}
{% block titulo %}
  .::Transferencias - Recibidas
{% endblock titulo %}
{% block content1 %} 
<link href="{% static 'Bootstrap/css/sweet-alert.css' %}" rel="stylesheet">
  <script src="{% static 'Bootstrap/js/sweet-alert.js' %}"></script>
<script type="text/javascript">
  $("#navTrans").attr('class','dropdown active');
  $("#navTransRecibidas").attr('class','active');
</script>
<div class="row">
  <div class="col-md-12 col-sm-12" >
      <div class="panel panel-primary">
        <div class="panel-heading"> <strong>TRANSFERENCIAS RECIBIDAS</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" >Crear Transferencia</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">
                    <!--<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>
              <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-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>

          
          <div class="row">
              <div class="col-md-12">
                  <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">Detalle de Transferencia</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>Datos Generales</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>
                                      <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-5">
                                            <input type="text" class="form-control" id="txtDNI" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Nombres y Apellidos</label> 
                                          </div>
                                          <div class="col-md-7">
                                            <!--
                                            <input type="text" class="form-control" id="txtNombres_Soli" disabled="disabled">-->  
                                            <label ><b id="txtNombres_Soli"></b></label>
                                          </div> 
                                      </div>
                                      <p></p>
                                      <br>
                                      <div class="row">
                                        <div class="col-md-12">
                                          <p class="bg-success" align="center">
                                            <!--&nbsp;-->
                                            <b>BENEFICIADO</b>
                                          </p>
                                        </div>
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Nombres y Apellidos</label> 
                                          </div>
                                          <div class="col-md-7">
                                            <!--
                                            <input type="text" class="form-control" id="txtNombres_Bene" disabled="disabled"> -->  
                                            <label ><b id="txtNombres_Bene"></b></label>
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <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</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>
                                      <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-5" align="right"> 
                                            <label>Oficina Origen</label> 
                                          </div>
                                          <div class="col-md-7">
                                            <input type="text" class="form-control" id="txtOficinaOri" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <br>
                                            <label>Cantidad</label> 
                                          </div>
                                          <div class="col-md-5">
                                            <!--
                                            <input type="text" class="form-control" id="txtMonto" disabled="disabled">--> 
                                            <h3 ><b id="txtMonto"></b></h3>        
                                          </div> 
                                      </div>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Comisión</label> 
                                          </div>
                                          <div class="col-md-4">
                                            <!--
                                            <input type="text" class="form-control" id="txtComicion" disabled="disabled"> -->     
                                            <h4 id="txtComicion"></h4>
                                          </div> 
                                      </div>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Observaciones</label> 
                                          </div>
                                          <div class="col-md-7">
                                            <!--
                                            <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                            <textarea class="form-control" rows="2" id="txtObs" disabled="disabled" ></textarea >         
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Detalle Otros Conceptos</label> 
                                          </div>
                                          <div class="col-md-7">
                                            <!--
                                            <input type="text" class="form-control" id="txtObs" disabled="disabled">-->
                                            <textarea class="form-control" rows="2" id="txtotros_con" disabled="disabled" ></textarea >         
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Egreso</label> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtEgreso">
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row" id="areap">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <label>Observaciones de pago</label> 
                                          </div>
                                          <div class="col-md-7">
                                            <!--
                                            <input type="text" class="form-control" id="txtObspe">-->
                                            <textarea class="form-control" rows="2"  id="txtObspa"></textarea >         
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row alert alert-warning" id="area_transfExpi">
                                        <div class="row">
                                          <div class="col-md-12">
                                            <p>Esta transferecia tiene <b id="nrodias"></b> dia(s) de retraso. Por favor ingrese el codigo de autorizacion, 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 btn-sm"id="pagoT">Pagar</button>
                                        </div>
                                        <div class="col-md-4 ">
                                          <button type="button" class="btn btn-warning btn-block btn-sm"id="leido">Leido</button>
                                        </div>
                                      </div>
                                      <div class="row">
                                          <div class="col-md-3">
                                              <button type="button" class="btn btn-default btn-block btn-xs" id="anularleido">Anular Leido</button>
                                          </div>
                                      </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="modal-footer">
                            
                           <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                          </div>

                        </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
                  <div id="modal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">Detalles</h4>
                          </div>


                           <div class="modal-body">
                            <div  id="platillaI" style="font-family:'arial', Monaco, monospace;font-size:18px;">
                               <table>
                                
                                 <tr style="border: 1px solid #000">
                                  <td width="31%"></td>
                                  <td><h4>PAGO DE ST</h4></td>
                                  <td nowrap width="32%"></td>
                                </tr>
                              </table>
                              <table>   
                                <tr>
                                  <td nowrap style="text-align: left;"><h4 id="nror"></h4> </td>
                                  <td nowrap style="padding-left: 50px"><h4 id="idST"></h4> </td>
                                  <td nowrap style="padding-right:10px"></td>
                                </tr>
                                <tr>
                                  <td nowrap>FECHA ENVÍO:  </td>
                                  <td nowrap style="padding-left: 20px"><span id="fechaCreacion"></span></td>
                                  <td nowrap></td>
                                </tr>
                              </table> 
                              <p></p>
                               <table>
                                <tr>
                                  <td nowrap>FECHA PAGO: </td>
                                  <td style="padding-left: 20px"> <span id="fepa"><span></td>
                                  <td nowrap></td>
                                </tr>
                              </table>

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

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

                              <table>
                                 <tr>
                                  <td nowrap style="padding-bottom: 18px;">REMITENTE:</td>
                                  <td nowrap style="padding-left: 15px;white-space: pre;"><span id="plR"></span></td>
                                  <td nowrap></td>
                                </tr>
                                 <tr>
                                  <td nowrap style="padding-bottom: 18px;">BENEFICIADO:</td>
                                  <td nowrap style="padding-left: 15px;white-space: pre;"><span id="plB"></span></td>
                                  <td nowrap></td>
                                </tr>
                              </table>

                              <table>
                                <tr>
                                  <td nowrap>OBSERVACIONES:</td>
                                  <td style="padding-left: 20px" id="plObs"></td>
                                  <td nowrap></td>
                                </tr> 
                              </table>
                              <br></br>
                               <table>
                                
                                <tr>
                                  <td nowrap>____________________</td>
                                  <td style="padding-left: 20px"></td>
                                  <td nowrap></td>
                                </tr>
                                <tr>
                                   <td nowrap>OP. {{ nombre_usuario }}</td>
                                  <td style="padding-left: 20px"></td> 
                                  <td nowrap><div style="margin-top:-40px;width:75px;height:85px;border:1px solid #000;"> </div></td>
                                </tr>
                                <p></p>
                                <p></p>
                                <tr>
                                  <td nowrap>____________________</td>
                                  <td style="padding-left: 20px"></td>
                                  <td nowrap></td>
                                </tr>
                                <tr>
                                   <td nowrap><b id="idn"></b></td>
                                  <td style="padding-left: 20px"></td>
                                  <td nowrap></td>
                                </tr>
                               
                              </table>
                                 
                            </div>
                          </div>

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

                        </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
                  <div id="modal_confirmacion" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <br>
                          </div>
                          <div class="modal-body alert alert-warning"role="alert">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="row grp_alr" align="center">
                                  <h3>PAGAR TRANSFERENCIA ?</h3>
                                </div>
                                <div class="row grp_alr" align ="center">
                                  <label>Esta acción sera irreversible!</label>
                                </div>
                                <div class="row grp_pgs" align="center" hidden>
                                    <h3>PROCESANDO...</h3>
                                </div>
                                <div class="row grp_pgs" hidden>
                                  <div class="progress">
                                    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                    </div>
                                  </div>
                                </div>
                                <div class="row grp_alr">
                                  <div class="col-md-4 col-md-offset-2">
                                    <button type="button" class="btn btn-default btn-block" data-dismiss="modal">Cancelar</button>
                                  </div>
                                  <div class="col-md-4">
                                    <button type="button" class="btn btn-danger btn-block" id="alert_aceptar">PAGAR?</button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
                  <script type="text/JavaScript">
                      var mon_m='S/. '
                      var Aux="";
                      var filaI =0;
                      var pagina=1;
                      $(document).ready(function(){

                        $('#txtN').numeric(); 
                        $('#txtEgreso').numeric(".");
                        $("#txtN").keyup(function(){
                          if($(this).val().trim()!=''){
                             $("#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(16);
                            doc.text("Reporte Transferencias Recibidas", 20, doc.autoTableEndPosY() + 30);

                            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');

                      });

                        
                        $("#ts4").click(function(){
                          pagina=1;
                          Transferencias();
                          PonerInicioPag();
                        });
                        $("#ts5").click(function(){
                          
                          pagina=1;
                          Transferencias();
                          PonerInicioPag();
                        });
                        
                         $("#buscar").click(function(){
                          $('#listaTransf').html('');
                          pagina=1;
                          PonerInicioPag();
                          ajax_Transferencias_fil();
                        });

                        
                        
                        $(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();
                          $('#pagoT').show();
                          $('#txtN').prop('disabled',false);
                          $("#txtCodA").prop('value',"");
                          $("#areap").show();
                          $("#area_transfExpi").hide();
                          //--------------
                          $("#txtObspa").prop("value",null);
                          $("#txtEgreso").prop("value",null);
                          $('#txtEstadoTrans').prop("value",Aux[filaI].estado);
                          $('#txtDNI').prop("value",Aux[filaI].dni_rmt);
                          //$('#txtNombres_Soli').prop("value",Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                          //$('#txtNombres_Bene').prop("value",Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                          $('#txtNombres_Soli').text(Aux[filaI].nombre_rmt+" "+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                          $('#txtNombres_Bene').text(Aux[filaI].nombre_bnf +" "+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                          
                          //$("#txtN").prop('value',Aux[filaI].dni_bnf);
                          $('#txtIDtrans').prop("value",Aux[filaI].id_trans);
                          $('#txtFecha').prop("value",Aux[filaI].fecha);
                          $('#txtPersonalE').prop("value",Aux[filaI].op_emisor);
                          $('#txtOficinaOri').prop("value",Aux[filaI].oficina_ori);
                          $("#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);
                          $("#plB").text(Aux[filaI].nombre_bnf +"\n"+ Aux[filaI].paterno_bnf +" "+ Aux[filaI].materno_bnf);
                          $("#plR").text(Aux[filaI].nombre_rmt+"\n"+Aux[filaI].paterno_rmt +" "+ Aux[filaI].materno_rmt);
                          $("#plObs").text($("#txtObspa").val());
                          var mr="";
                          if(Aux[filaI].moneda=="soles")
                            {
                              mr="S/. "
                              mon_m=mr;
                            }
                          else
                            {
                              mr="$/. "
                              mon_m=mr;
                          }
                          $("#plM").text(mr +String(Aux[filaI].monto));
                          $("#plOri").text(Aux[filaI].oficina_ori);
                          var fecha = new Date();
                          var mes = [
                                  "Enero",
                                  "Febrero",
                                  "Marzo",
                                  "Abril",
                                  "Mayo",
                                  "Junio",
                                  "Julio",
                                  "Agosto",
                                  "Septiembre",
                                  "Octubre",
                                  "Noviembre",
                                  "Diciembre"
                                  ];
                          var textofecha= fecha.getDate() + " de " +mes[fecha.getMonth()] + " del " + fecha.getFullYear();
                          var hora = new Date();
                          var textohora = hora.getHours() + ":" + hora.getMinutes();
                          $("#fepa").text(textofecha);
                          $("#hopa").text(textohora);
                          if(Aux[filaI].estado !="activo"){
                            $('#pagoT').hide();
                            $("#areap").hide();
                            $('#txtN').prop('disabled',true);
                            $("#area_transfExpi").hide();
                          }
                          else{
                            if(Aux[filaI].transEx=="si"){
                              $("#area_transfExpi").show();
                            }
                          }
                          if(Aux[filaI].estGlo.toString().substring(0,5)=="leido"){
                            $("#leido").hide();
                            $("#anularleido").show();
                          }
                          else{
                            $("#leido").show();
                            $("#anularleido").hide();
                          }
                        });
                        //otra funcion
                        function ocultarmodal(){
                          $('#myModal').modal('hide')
                        };

                          function ajax_Transferencias_fil(){
                          $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                          $.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= '';
                                  if(data[i].estGlo.toString().substring(0,5)=="leido"){
                                    estado= 'info';
                                  }
                                };
                                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:#2e6da4;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].estado+'</td></tr>';
                              }
                              $('#listaTransf').html(html);
                                $('.table-responsive').waitMe('hide');
                            }
                          });
                        };
                        
                        //otra funcion
                        function ajax_Transferencias(){
                          $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                          $.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= '';
                                  if(data[i].estGlo.toString().substring(0,5)=="leido"){
                                    estado= 'info';
                                  }
                                };
                                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:#2e6da4;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].estado+'</td></tr>';
                              }
                              $('#listaTransf').html(html);
                              $('.table-responsive').waitMe('hide');
                              //$("#progreso_ajax").hide();
                            }
                          });
                        };
                        //otra function
                        function ajax_TransferenciasActivas(){
                         $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                          $.ajax({
                            data:{'pg':pagina},
                            url:'/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= '';
                                  if(data[i].estGlo.toString().substring(0,5)=="leido"){
                                    estado= 'info';
                                  }
                                };
                                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:#2e6da4;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].estado+'</td></tr>';
                              }
                              $('#listaTransf').html(html);
                              $('.table-responsive').waitMe('hide');
                              //$("#progreso_ajax").hide();
                            }
                          });
                        };
                        //otra fucnio
                        function ajax_TransferenciasCBActivas(){
                          $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                          $.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= '';
                                  if(data[i].estGlo.toString().substring(0,5)=="leido"){
                                    estado= 'info';
                                  }
                                };
                                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:#2e6da4;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].estado+'</td></tr>';
                              }
                              $('#listaTransf').html(html);
                              //$("#progreso_ajax").hide();
                              $('.table-responsive').waitMe('hide');
                            }
                          });
                        };
                       //-------------
                        //otra fucnio
                        function ajax_TransferenciasCB(){
                          $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
                          $.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= '';
                                  if(data[i].estGlo.toString().substring(0,5)=="leido"){
                                    estado= 'info';
                                  }
                                };
                                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:#2e6da4;font-size:16px;font-weight:bold;">'+data[i].oficina_ori+'</td><td style="color:#d43f3a;font-size:16px;font-weight:bold;">'+data[i].oficina_des+'</td><td>'+data[i].nroRecibo+'</td><td><b>'+data[i].comicion+'</b></td><td><b>'+data[i].monto_conceptos+'</b></td><td>'+data[i].moneda+'</td><td>'+data[i].obs+'</td><td>'+data[i].otros_conceptos+'</td><td>'+data[i].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(){//boton q llama ala confirmacion
                          $('#modal_confirmacion').modal('show');
                          //ajax_DineroRecibido(Aux[filaI].pk);
                        });

                        $("#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()==""){
                                $("#plM_e").text(mon_m+"0.00");
                              }
                              else{
                                $("#plM_e").text(mon_m+($("#txtEgreso").val()));
                              }
                          ajax_solicitudPago(Aux[filaI].id_trans);
                          ocultarmodal();
                        });
                        function mostrar_progress(){
                          $(".grp_alr").hide();
                          $(".grp_pgs").show();
                        };
                        function ocultar_progress(){//llamar desde la funcion
                          $('#modal_confirmacion').modal('hide');
                          $(".grp_alr").show();
                          $(".grp_pgs").hide();
                        };
                        //otra funcion
                        function ajax_solicitudPago(idTransf){
                          $.ajax({
                            data:{'idT':idTransf,'obs':$("#txtObspa").val(),'dni':$("#txtN").val(),'egreso':$("#txtEgreso").val(),'cod_aut':$("#txtCodA").val(),'monto':$('#txtMonto').text(),'comi':$('#txtComicion').text(),'nr':$('#txtnr').text(),'ptsnvd':'{{pt_sin_dni}}'},
                            url:'/Pagar_tranf_ajax/',
                            //async:false,
                            type:'GET',
                            dataType:'json',
                            success: function(data){
                              if(data.exito=='exito'){
                                $("#nror").text(data.nr);
                                $("#ExitoMensaje").prop('class','bg-info');
                                $("#ExitoMensaje").text("La transferencia se PAGO!");


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

                                $('#platillaI').printThis();
                                ocultar_progress();
                                Transferencias();
                                 $('#txtN').prop("value",' ');
                               }
                             else{
                                ocultar_progress();
                                $("#ExitoMensaje").prop('class','bg-danger');
                                $("#ExitoMensaje").text(" la operacion fallo :(" + data.exito);
                                bootbox.alert({ 
                                  message: "La Operación falló",
                                  className: 'bb-alternate-modal'
                                });
                               }
                            }
                          });
                        };

                        //-----------------
                        function 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 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);
                        };
                        
                       //--- leido----
                        document.querySelector('#leido').onclick = function(){
                          swal({
                            title: "Leido",
                            text: "Transferencia Leida?",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonClass: 'btn-danger',
                            confirmButtonText: 'Si',
                            closeOnConfirm: false,
                            //closeOnCancel: false
                          },
                          function(){
                            ajax_solicitudLeido($('#txtIDtrans').val());
                            ocultarmodal();
                          });

                        };
                        //otra funcion
                        function ajax_solicitudLeido(idTransf){//falta
                          $.ajax({
                            data:{'idT':idTransf},
                            url:'/transferenciaGLOleida_ajax/',
                            //async:false,
                            type:'GET',
                            dataType:'text',
                            success: function(data){
                              if(data=='exito'){
                                $("#ExitoMensaje").prop('class','bg-info');
                                $("#ExitoMensaje").text("transferencia marcada como leida");
                                swal("Leido", "La transferencia se marco como leido", "success");
                                Transferencias();
                               }
                             else{
                                $("#ExitoMensaje").prop('class','bg-danger');
                                $("#ExitoMensaje").text(" la operacion fallo" + data);
                                  swal(data, "la operacion fallo ", "error");
                               }
                            }
                          });
                        };
                        $("#anularleido").click(function(){
                          swal({
                            title: "Anular",
                            text: "Anular Leida de Transferencia?",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonClass: 'btn-danger',
                            confirmButtonText: 'Si',
                            closeOnConfirm: false,
                            //closeOnCancel: false
                          },
                          function(){
                            ajax_anularLeido($('#txtIDtrans').val());
                            ocultarmodal();
                          });
                        });
                        //------------------------------ $('#txtIDtrans')
                         function ajax_anularLeido(idTransf){//falta
                          $.ajax({
                            data:{'idT':idTransf},
                            url:'/anular_transleido_ajax/',
                            //async:false,
                            type:'GET',
                            dataType:'text',
                            success: function(data){
                              if(data=='exito'){
                                $("#ExitoMensaje").prop('class','bg-info');
                                $("#ExitoMensaje").text("se anulo leido");
                                swal("Leido", "se anulo leido", "success");
                                Transferencias();
                               }
                             else{
                                $("#ExitoMensaje").prop('class','bg-danger');
                                $("#ExitoMensaje").text(" la operacion fallo" + data);
                                  swal(data, "la operacion fallo ", "error");
                               }
                            }
                          });
                        };
                       //---------------------------
                       $(".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();
                        });
                       //
                      });
                  </script>
                  <div class="table-responsive">
                    <table class="table table-hover table-bordered" id="tableSTR">
                        <thead>
                          <tr >
                            <th>Beneficiado</th>
                            <th>Monto</th>
                            <th>Solicitante</th>
                            <th>Fecha</th>
                            <th>Origen</th>
                            <th>Destino</th>
                            <th>S/T</th>
                            <th>Comision</th>
                            <th>Otros</th>
                            <th>Moneda</th>
                            <th>Obs.</th>
                            <th>Detalle</th>
                            <th>Estado</th>
                          </tr>
                        </thead>
                        <tbody id="listaTransf">
                         
                        </tbody>
                    </table>
                  </div>
              </div>
          </div>
          <div class="row">
             <div class="col-md-10 col-md-offset-1" align="center">
              <nav>
                <ul class="pagination">
                  <li>
                    <a href="#" id="ant" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <li class="active pag" id="pag1"><a id="pg1" href="#">1</a></li>
                  <li >
                    <a href="#" id="pos" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
          <div class="row">
             <div class="col-md-2 col-md-offset-5" align="center">
              <button type="button" class="btn btn-default btn-sm" id="btnImprimir"><i class="fa fa-print"></i> Imprimir</button>
             </div>
          </div>
          <br>
        </div>
      </div>
  </div>
</div>
{% endblock content1 %}