{% extends "baseAdmin.html" %}
{% load static %}
{% block titulo %}
  .::Configuración de Cajas SubGerente
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#autorizacionAdmin").attr('class','dropdown active');
        $("#navConfig").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>OFICINAS</strong></div>
                <div class="panel-body">
                  <div class="row">
                    <div class="col-md-2 col-md-offset-1">
                      <button type="button" class="btn btn-warning btn-block btn-sm" id="btnRefrescar"><span class="fa fa-refresh"></span> Actualizar</button>
                    </div>
                  </div>
                  <p></p>
                  <div class="row" id="Result">
                    <div class="" id="idResultado" role="alert" align="center">
                      <h4 id="idRmsj"></h4>
                    </div>

                  </div>
                  <div class="row">
                     
                    <div class="col-md-10 col-md-offset-1">
                        <div class="table-responsive m-b-10">
                          <table class="table table-bordered">
                              <thead>
                                <tr>
                                  <th>Nro</th>
                                  <th>Oficina</th>
                                  <th></th>
                                </tr>
                              </thead>
                              <tbody id="listaR">
                                  
                              </tbody>
                          </table>
                        </div>
                    </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>
              <h4 class="modal-title" id="myModalLabel">Detalles</h4>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-12">
                  <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-12">
                              <h4 class="bg-success" align="center">
                                <!--&nbsp;-->
                                Configuración Cajas
                              </h4>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-10" align="right">
                              <h5>Oficina: </h5>
                            </div>
                            <div class="col-md-2">
                              <input type="text" class="form-control" id="txtidOfi" >
                              <p></p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-12">
                              <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                      <tr>
                                        <th>Nombre</th>
                                        <th>Operador</th>
                                        <th>Egreso</th>
                                      </tr>
                                    </thead>
                                    <tbody id="listaCa">
                                    </tbody>
                                </table>
                              </div>
                            </div>
                          </div>

                        </div><!--fin panel body-->
                      </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>

      <div id="Modalmovi" 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 class="row">
                <div class="col-md-12">
                  <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                              <div class="col-md-12">
                                <h4 class="bg-success" align="center">
                                  <!--&nbsp;-->
                                  Información de la Caja
                                </h4>
                              </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                  <input type="text" class="form-control" id="txtpkC" name ="pkC" readonly="readonly" required>
                                  <p></p>
                                </div>
                            </div>
                            <div class="row">
                              <div class="col-md-2" align="right">
                                <h5>Caja: </h5>
                              </div>
                              <div class="col-md-5">
                                <input type="text" class="form-control" id="txtnombreCa" readonly>
                                <p></p>
                              </div>
                              <div class="col-md-2" align="right">
                                <h5>Id Caja: </h5>
                              </div>
                              <div class="col-md-3">
                                <input type="text" class="form-control" name="pkC" id="txtidCa" readonly>
                                <p></p>
                              </div>

                              <input type="text" class="form-control hidden" id="txtpkConf" readonly="readonly">
                                   
                            </div>
                            <div class="row">
                              <div class="col-md-2" align="right">
                                <h5>Encargado: </h5>
                              </div>
                              <div class="col-md-8">
                                <input type="text" class="form-control" id="txtencargadoCa" readonly>
                                <p></p>
                              </div>
                            </div>
                            <p></p>
                            <div class="row">
                              <div class="col-md-12">
                                <h4 class="bg-success" align="center">
                                  <!--&nbsp;-->
                                  Configuración General de la Caja
                                </h4>
                              </div>
                            </div>

                            <div class="row">
                              <div class="col-md-3 col-md-offset-2" >
                                <h5>Egreso: </h5>
                              </div>
                              <div class="col-md-3">
                                <div class="select"> 
                                  <select class="form-control" id="txtEgreso" >
                                    <option value="si">si</option>
                                    <option value="no">no</option>
                                  </select>
                                </div>
                                <p></p>
                              </div>
                            </div>
                            <p></p>
                            <div class="row">
                              <div class="col-md-3 col-md-offset-2" >
                                <h5>Egreso en PT: </h5>
                              </div>
                              <div class="col-md-3">
                                <div class="select"> 
                                  <select class="form-control" id="txtEgreso_pt" >
                                    <option value="si">si</option>
                                    <option value="no">no</option>
                                  </select>
                                </div>
                                <p></p>
                              </div>
                            </div>
                            <p></p>
                            <div class="row">
                              <div class="col-md-3 col-md-offset-2" >
                                <h5>Egreso en Habilitaciones: </h5>
                              </div>
                              <div class="col-md-3">
                                <div class="select"> 
                                  <select class="form-control" id="txtEgreso_hb" >
                                    <option value="si">si</option>
                                    <option value="no">no</option>
                                  </select>
                                </div>
                                <p></p>
                              </div>
                            </div>
                            <p></p>
                            <div class="row">
                              <div class="col-md-4 col-md-offset-4">
                                <button class="btn btn-primary btn-block" id="btnActualizar" type="button">Actualizar</button>
                              </div>
                            </div>
                        </div><!--fin panel body-->
                      </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>
    <script type="text/javascript">
       Aux=[];
      Aux3=[];
      Aux7=[];
      Aux8=[];
      AuxCo=[];
      filaCo=0;
      filaI3=0;
      $(document).ready(function (){
        arrayOficinas=[];
        arrayBases=[];
         $("#listaR").on("click",".filaOf",function(){
          var num = $(this).prop('id');
          filaI2 = num;
          var fila= $(this).prop('class');
          $("."+fila).prop('class','filaOf');
          $(this).prop('class','filaOf warning');
          ajax_caja(Aux[filaI2].pk);
          //insertando datos en el modal
          $("#txtidOfi").prop('value',Aux[filaI2].pk);
          $("#txtof").text(Aux[filaI2].of);
          $("#spOO").text(Aux[filaI2].of);
        });
        $("#listaCa").on("click",".filaCa",function(){
          $("#listaO").html("");
          $("#grupo_f").hide();
          var num = $(this).prop('id');
          filaI3 = num;
          var fila= $(this).prop('class');
          $("."+fila).prop('class','filaCa');
          $(this).prop('class','filaCa warning');
          //insertando datos al modal
          
          $("#txtEgreso").prop('value',Aux3[filaI3].egsub);
          $("#txtEgreso_pt").prop('value',Aux3[filaI3].egreso_pt);
          $("#txtEgreso_hb").prop('value',Aux3[filaI3].egreso_hb);
          
        });
 
        
        function ajax_caja(idOf){
          $.ajax({
            url:'/Admin/CajasPersonalConfig_ajax/',
            data:{'idOfi':idOf},
            type:'GET',
            dataType:'json',
            success: function(data){
              Aux3 = data;
              var html ="";
              var esta='';
              var sty ='';  
              console.log(data);       

              for(var i=0;i<data.length;i++){
                html += '<tr data-toggle="modal" data-target="#Modalmovi" class="filaCa" '+sty+' id="'+i+'"><td>'+data[i].c_nombre+'</td><td>'+data[i].p_nombre+' '+data[i].p_ap+' '+data[i].p_am+'</td><td>'+data[i].egsub+'</td></tr>';
              }                        
              $('#listaCa').html(html);
            },
            error: function(xhr, textStatus, errorThrown) {

                        console.log(xhr.responseText);
                },
          });
        };

        function ajax_saldo_oficinas(){
          $.ajax({
            url:'/ver_saldo_oficinas_admin_ajax/',
            type:'GET',
            dataType:'json',
            success: function(data){
              Aux = data;
              console.log(data);
              var html ="",html1="",id_oficinaCentral="";
              for(var i=0;i<data.length;i++){
                html += '<tr data-toggle="modal" data-target="#myModal" class="filaOf" id="'+i+'" ><th scope="row">'+(i+1)+'</th><td>'+data[i].of+'</td><td></td></tr>';
              }                        
              $('#listaR').html(html);
            },
            error: function(xhr, textStatus, errorThrown) {
              console.log(xhr.responseText);
            },
          });
        };
        
        $("#listaCa").on("click",".filaCa",function(){
          $("#grupo_f").hide();
          var num = $(this).prop('id');
          filaI3 = num;
          var fila= $(this).prop('class');
          $("."+fila).prop('class','filaCa');
          $(this).prop('class','filaCa warning');
          //insertando datos al modal
          $("#txtidCa").prop('value',Aux3[filaI3].c_id);
          $("#txtpkC").prop('value',Aux3[filaI3].c_id);
          $("#txtidCa2").prop('value',Aux3[filaI3].c_id);
          $("#txtnombreCa").prop('value',Aux3[filaI3].c_nombre);
          $("#txtencargadoCa").prop('value',Aux3[filaI3].p_nombre+' '+Aux3[filaI3].p_ap+' '+Aux3[filaI3].p_am);
        });

        ajax_saldo_oficinas();
        
        $("#btnRefrescar").click(function(){
          ajax_saldo_oficinas();
        });
        $("#btnActualizar").click(function(){
          ajax_configurar_egreso_subgerente();
        });
        //---------------------------------------------------------------
        function ajax_configurar_egreso_subgerente(){
          $.ajax({
            url:'/configurarEgresos_Admin_caja_ajax/',
            data:{'pkC':$("#txtidCa").val(),'egreso':$("#txtEgreso").val(),'egreso_pt':$("#txtEgreso_pt").val(),'egreso_hb':$("#txtEgreso_hb").val()},
            type:'GET',
            dataType:'text',
            success: function(data){
              if(data=='exito'){
                $("#idResultado").prop('class',"alert alert-success");
                $("#idRmsj").text("OPERACION EXITOSA");
                $("#myModal").modal('hide');
                $("#Modalmovi").modal('hide');
                ajax_saldo_oficinas();
              }
              
              else{
                $("#idResultado").prop('class',"alert alert-danger");
                $("#idRmsj").text("ERROR: "+data);
                $("#myModal").modal('hide');
                $("#Modalmovi").modal('hide');
                ajax_saldo_oficinas();
              }
            },
            error: function(xhr, textStatus, errorThrown) {

                        console.log(xhr.responseText);
                },
          });
        };

        $(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');
        });
      });
      //**********************************************************************
    </script>
{% endblock content1 %}