{% extends "base.html" %}
{% block titulo %}
  .::Cuentas Corrientes - Creadas
{% endblock titulo %}
{% block content1 %} 
<script type="text/javascript">
  $("#navOficinas").attr('class','dropdown active');
  $("#navACtaCtes").attr('class','active');
</script>
<div class="row">
  <div class="col-md-12" >
      <div class="panel panel-default">
        <div class="panel-heading panel-toolbar"> 
          <strong>LISTADO SOLICITUDES DE SOBREGIRO DE CUENTAS CORRIENTES</strong>
          <div class="toolbar">
              <button type="button" class="btn btn-warning btn-sm" id="btnRefrescar"><span class="fa fa-refresh"></span> Actualizar</button>
          </div>
          
        </div>
        <div class="panel-body">
          <div class="row" >
            <p class="bg-success" align="center" id="ExitoCambiar">
            </p>
          </div>
          <div class="row">
            <div class="col-md-1">
              <h5>Filtrar Por</h5>
            </div>
            <div class="col-md-2">
              <div class="select">
                <select class="form-control" id="comboFiltroF">
                  <option value="h">Hoy</option>
                  <option value="f">Fecha</option>
                  <option value="ef">Entre Fechas</option>
                </select>
              </div>
              <p></p>
            </div>
            <div class="col-md-2">
              <input type='text' class=" form-control" id="txtfecha1">
              <p></p>
            </div>
            <div class="col-md-2">
              <input type='text' class="form-control" id="txtfecha2">
            </div>
            <div class="col-md-2">
              <button type="button" class=" btn btn-block btn-primary" id="buscarF"><i class="fa fa-search"></i> Buscar</button>
              <p></p>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>Fecha Solicitud</th>
                        <th>Solicitador</th>
                        <th>Autorizador</th>
                        <th>Fecha Autorizado</th>
                        <th>Obs.</th>
                        <th>Plazo</th>
                        <th>Fecha Pago</th>
                        <th>Monto Retiro</th>
                        <th>Monto Sobregiro</th>
                        <th>Interes/Dia</th>
                        <th>Interes Total</th>
                        <th>Estado</th>
                      </tr>
                    </thead>
                    <tbody id="listaSobregiros">
                        
                    </tbody>
                </table>
              </div>
            </div>
            
          </div>

        </div>
      </div>
  </div> 
</div>
<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>
          <label class="modal-title" id="myModalLabel">Detalles</label>
        </div>
        <div class="modal-body">
          <form>
            <div class="row">
              <div class="col-md-6">
                 <div class="panel panel-default">
                    <div class="panel-heading"> <strong>Detalle de Cliente</strong></div>
                    <div class="panel-body">
                      <div class="row">
                        <div class="col-md-5" align="right">
                          <label>Nombre:</label>
                        </div>
                        <div class="col-md-6">
                          <input type="text" class="form-control" id="txtnombre_cli"readonly>  
                        </div>
                      </div>
                      <p></p>
                      <div class="row">
                        <div class="col-md-5" align="right">
                          <label>Apellido Paterno:</label>
                        </div>
                        <div class="col-md-6">
                          <input type="text" class="form-control" id="txtpaterno_cli"readonly>  
                        </div>
                      </div>
                      <p></p>
                      <div class="row">
                        <div class="col-md-5" align="right">
                          <label>Apellido Materno:</label>
                        </div>
                        <div class="col-md-6">
                          <input type="text" class="form-control" id="txtmaterno_cli"readonly>  
                        </div>
                      </div>
                      <p></p>
                      <div class="row">
                        <div class="col-md-5" align="right">
                          <label>DNI:</label>
                        </div>
                        <div class="col-md-6">
                          <input type="text" class="form-control" id="txtdni_cli"readonly>  
                        </div>
                      </div>
                      <p></p>
                      <div class="row">
                        <div class="col-md-5" align="right">
                          <label>Celular:</label>
                        </div>
                        <div class="col-md-6">
                          <input type="text" class="form-control" id="txtcelaular_cli"readonly>  
                        </div>
                      </div>
                    </div>
                  </div>
              </div>
              <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading"> <strong>Detalle de Retiro</strong></div>
                      <div class="panel-body">
                        <div class="row">
                          <div class="col-md-3">
                            <label>Moneda:</label>
                          </div>
                          <div class="col-md-6">
                            <input type="text" class="form-control" id="txtmoneda_cta"readonly>  
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                            <div class="col-md-1"> 
                              <label id="">ID</label> 
                            </div>
                            <div class="col-md-4">
                              <input type="text" class="form-control" id="txtpk_cta_sobregiro_form" name="pk" readonly>  
                            </div>
                            <div class="col-md-2"> 
                              <label id="">Solicitud</label> 
                            </div>
                            <div class="col-md-4">
                              <input type="text" class="form-control" id="txtpk_sol_sobregiro_form" name="pk" readonly>  
                            </div> 
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-4" > 
                              <label>Saldo Actual</label> 
                            </div>
                            <div class="col-md-7">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtsaldo_sobregiro_form" name="saldo" aria-describedby="sp_s" readonly>
                                <span class="input-group-addon sp-moneda" id="sp_s">S/</span>
                              </div>
                            </div>
                        </div>
                        <p></p>
                        <div class="row">
                            <div class="col-md-5"  align="right"> 
                              <label>Monto Retiro:</label> 
                            </div>
                            <div class="col-md-7">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtmonto_movi_sobregiro_form" name="retiro" placeholder="0.00" aria-describedby="sp_p" autocomplete="off"readonly> 
                                <span class="input-group-addon sp-moneda" id="sp_p">S/</span>
                              </div>
                            </div> 
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5" align="right">
                            <label>Monto de Sobregiro</label>
                          </div>
                          <div class="col-md-5">
                            <div class="form-group">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtmonto_sobregiro_sobregiro_form" name="sobregiro"  placeholder="0.00" aria-describedby="sp_ps" readonly> 
                                <span class="input-group-addon sp-moneda" id="sp_ps">S/</span>
                              </div>
                            </div>  
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5" align="right">
                            <label>Plazo Indifinido</label>
                          </div>
                          <div class="col-md-5">
                            <div class="form-group">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtindefinido_sobregiro_form" name="indefinido"  placeholder="0"autocomplete="off" readonly> 
                              </div>
                            </div>  
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5" align="right">
                            <label>Plazo de Pago</label>
                          </div>
                          <div class="col-md-5">
                            <div class="form-group">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtplazo_sobregiro_sobregiro_form" name="plazo" placeholder="0" aria-describedby="sp_dias" autocomplete="off" readonly> 
                                <span class="input-group-addon" id="sp_dias">dia(s)</span>
                              </div>
                            </div>  
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5" align="right">
                            <label>Fecha de Pago</label>
                          </div>
                          <div class="col-md-5">
                            <input type='text' class="form-control" id='txtfecha-pago_sobregiro_sobregiro_form' name="fecha_pago" readonly/>
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5" align="right">
                            <label>Interes por Dia</label>
                          </div>
                          <div class="col-md-5">
                            <div class="form-group">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtmonto_interes_dia_sobregiro_form" name="interes_dia" placeholder="0.00" aria-describedby="sp_pid" autocomplete="off"readonly> 
                                <span class="input-group-addon sp-moneda" id="sp_pid">S/</span>
                              </div>
                            </div>  
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5" align="right">
                            <label>Interes Total</label>
                          </div>
                          <div class="col-md-5">
                            <div class="form-group">
                              <div class="input-group">
                                <input type="text" class="form-control" id="txtmonto_interes_total_sobregiro_form" name="interes_total" placeholder="0.00" aria-describedby="sp_pit" autocomplete="off"readonly> 
                                <span class="input-group-addon sp-moneda" id="sp_pit">S/</span>
                              </div>
                            </div>  
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-5"  align="right">
                            <label>Observación:</label>
                          </div>
                          <div class="col-md-7">
                            <textarea type="text" class="form-control" id="txtobs_sobregiro_form" name="obs" rows="2" autocomplete="off"></textarea>
                          </div>
                        </div>
                        <p></p>
                        <div class="row">
                          <div class="col-md-4 col-md-offset-4">
                            <input class="btn btn-warning btn-block btn-sm" type="button" id="btnprocesar_sobregiro" value="Autorizar">
                          </div>
                        </div>
                      </div>
                </div>
              </div>
            </div>
          </form>
        </div>

      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script type="text/JavaScript">
  var pagina=1;
  var Aux="";
  var filaI =0; 
  var dialog="";
  var AuxSo=[];
  $(document).ready(function(){
    $('#txtfecha1').datetimepicker({
      locale: 'es',
      format: 'YYYY-MM-DD'
    });
    $('#txtfecha2').datetimepicker({
      locale: 'es',
      format: 'YYYY-MM-DD'
    });
    //
    $("#txtfecha1").hide();
    $("#txtfecha2").hide();
    //
    $("#comboFiltroF").change(function(){
      if($("#comboFiltroF").val()=="ef"){
        $("#txtfecha1").show();
        $("#txtfecha1").prop("value","");
        $("#txtfecha2").show();
        $("#txtfecha2").prop("value","");
      }
      if($("#comboFiltroF").val()=="f"){
        $("#txtfecha1").prop("value","");
        $("#txtfecha1").show();
        $("#txtfecha2").hide();
      }
      if($("#comboFiltroF").val()=="h"){
        $("#txtfecha1").prop("value","");
        $("#txtfecha1").hide();
        $("#txtfecha2").prop("value","");
        $("#txtfecha2").hide();
      }
    });
    $("#buscarF").click(function(){
      ajax_PeticionesCtaCte();
    })
    $("#btnRefrescar").click(function(){
      ajax_PeticionesCtaCte(activo = 'si');
    });
    ajax_PeticionesCtaCte(activo ='si');
    $(document).on("click",".filaSo",function(){
      var numso = $(this).attr('id');
      filaIso = numso;
      $("#txtpk_sol_sobregiro_form").prop('value',null);
      $("#txtpk_cta_sobregiro_form").prop('value',null);
      $("#txtmoneda_cta").prop('value',null);
      $("#txtsaldo_sobregiro_form").prop('value',null);
      $("#txtmonto_sobregiro_sobregiro_form").prop('value',null);
      $("#txtmonto_movi_sobregiro_form").prop('value',null);
      $("#txtindefinido_sobregiro_form").prop('value',null);
      $("#txtplazo_sobregiro_sobregiro_form").prop('value',null);
      $("#txtfecha-pago_sobregiro_sobregiro_form").prop('value',null);
      $("#txtmonto_interes_dia_sobregiro_form").prop('value',null);
      $("#txtmonto_interes_total_sobregiro_form").prop('value',null);
      $("#txtobs_sobregiro_form").prop('value',null);
      //-------------------------
      $("#txtpk_sol_sobregiro_form").prop('value',AuxSo[filaIso].pk);
      $("#txtpk_cta_sobregiro_form").prop('value',AuxSo[filaIso].cta);
      $("#txtmoneda_cta").prop('value',AuxSo[filaIso].moneda);
      $("#txtsaldo_sobregiro_form").prop('value',AuxSo[filaIso].saldo);
      $("#txtmonto_sobregiro_sobregiro_form").prop('value',AuxSo[filaIso].sobregiro);
      $("#txtmonto_movi_sobregiro_form").prop('value',AuxSo[filaIso].retiro);
      $("#txtindefinido_sobregiro_form").prop('value',AuxSo[filaIso].indefinido);
      $("#txtplazo_sobregiro_sobregiro_form").prop('value',AuxSo[filaIso].dias);
      $("#txtfecha-pago_sobregiro_sobregiro_form").prop('value',AuxSo[filaIso].fecha_pago);
      $("#txtmonto_interes_dia_sobregiro_form").prop('value',AuxSo[filaIso].interes_dia);
      $("#txtmonto_interes_total_sobregiro_form").prop('value',AuxSo[filaIso].interes_total);
      if(AuxSo[filaIso].estado == 'autorizado'){
        $("#btnprocesar_sobregiro").hide();
        $("#txtobs_sobregiro_form").prop('disabled',true);
        $("#txtobs_sobregiro_form").prop('value',AuxSo[filaIso].obs_aut);
      }
      else{
        $("#btnprocesar_sobregiro").show();
        $("#txtobs_sobregiro_form").prop('disabled',false);
        $("#txtobs_sobregiro_form").prop('value',null);
      }
      if(AuxSo[filaIso].moneda == 'soles'){
        $(".sp-moneda").text('S/');
      }
      if(AuxSo[filaIso].moneda == 'dolares'){
        $(".sp-moneda").text('$');
      }
      // cliente
      $("#txtnombre_cli").prop('value',null);
      $("#txtpaterno_cli").prop('value',null);
      $("#txtmaterno_cli").prop('value',null);
      $("#txtdni_cli").prop('value',null);
      $("#txtnombre_cli").prop('value',AuxSo[filaIso].cli_no);
      $("#txtpaterno_cli").prop('value',AuxSo[filaIso].cli_ap);
      $("#txtmaterno_cli").prop('value',AuxSo[filaIso].cli_am);
      $("#txtdni_cli").prop('value',AuxSo[filaIso].cli_dni);
    });
    function ajax_PeticionesCtaCte(activo='no'){
      $('.table-responsive').waitMe({effect : 'progressBar',text : 'Recuperando Datos'});
      $.ajax({
        data:{'filtro':$('#comboFiltroF').val(),'F1':$('#txtfecha1').val(),'F2':$('#txtfecha2').val(),'activo':activo},
        url:'/lista_sobregiros_cta_main_gerente_ajax/',
        type:'GET',
        dataType:'json',
        success: function(data){
          AuxSo = data;
          var html='';
          var stys='';
          if(data.length>0){
            $(".lista-sobregiros").show();
          }
          for(var i=0;i<data.length;i++){
            if(data[i].estado=='autorizado'){
              stys='success';
            }
            else{
              stys='';
            }
            html += '<tr data-toggle="modal" data-target="#myModal" class="filaSo '+stys+'"id="'+i+'"><td>'+data[i].fecha_solicitud+'</td><td>'+data[i].solicitador+'</td><td>'+data[i].autorizador+'</td><td>'+data[i].fecha_auto+'</td><td>'+data[i].obs+'</td><td>'+data[i].dias+'</td><td>'+data[i].fecha_pago+'</td><td>'+data[i].retiro+'</td><td>'+data[i].sobregiro+'</td><td>'+data[i].interes_dia+'</td><td>'+data[i].interes_total+'</td><td>'+data[i].estado+'</td></tr>';
          }
          $('#listaSobregiros').html(html);
          $('.table-responsive').waitMe('hide');
        },
        error: function(xhr, textStatus, errorThrown) {
          console.log(xhr.responseText);
        },
      });
    }
    //-
    $("#btnprocesar_sobregiro").click(function(){
      ajax_autorizar();
    })
    function ajax_autorizar(){
      $.ajax({
        url:'/Autorizar_sobregiro_cuenta_admin_ajax/',
        type:'GET',
        data:{'pk':$("#txtpk_sol_sobregiro_form").val(),'cta':$("#txtpk_cta_sobregiro_form").val(),'obs':$("txtobs_sobregiro_form").val()},
        dataType:'text',
        success: function(data){
          if(data=='exito'){
            $("#ExitoCambiar").prop('class','bg-info');
            $("#ExitoCambiar").text("Se Autorizo");
            swal("Exito",'Sobregiro autorizado', "success");
            $("#myModal").modal('hide');
            //$("#ExitoCambiar").show();
            ajax_PeticionesCtaCte();
           }
           else{
            $("#ExitoCambiar").prop('class','bg-danger');
            $("#ExitoCambiar").text(data);
            swal("Error",data, "error");
            $("#myModal").modal('hide');
            //$("#ExitoCambiar").show();
           }
        }
      });
    }
    //-
    //-

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