{% extends "baseAdmin.html" %}
{% load static %}
{% block titulo %}
  .::Consulta Cajas General
{% endblock titulo %}
{% block content1 %} 
<link href="{% static 'Bootstrap/css/sweet-alert.css' %}" rel="stylesheet">
      <script type="text/javascript">
      $("#navOficinas").attr('class','dropdown active');
        $("#navsaldooficinas").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>CONSULTA GENERAL</strong></div>
                <div class="panel-body">
                  <div class="row" >
                    <h4 class="bg-success" align="center" id="ExitoCambiar">
                    </h4>
                  </div>

                  <div class="row">
                    <div class="col-md-5">
                      <div class="panel panel-success">
                        <div class="panel-heading"> <strong>OFICINAS</strong></div>
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-5">
                              <button type="button" class="btn btn-block btn-info btn-sm" id="refrescarOficina"><span class="fa fa-refresh"></span> Actualizar</button> 
                              <p></p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-12">
                              <div class="table-responsive"  style="height: 450px;">
                                <table class="table table-bordered">
                                    <thead>
                                      <tr>
                                        <th>Nombre</th>
                                        <th>Direccion</th>
                                        <th>Estado</th>
                                      </tr>
                                    </thead>
                                    <tbody id="listaOf">
                                    </tbody>
                                </table>
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-4">
                               <button  type="button" id="verOfi" data-toggle="modal" data-target="#modalOficina" class="btn btn-block btn-success btn-sm" role="button"> Ver</button>
                              
                            </div>
                          </div><!-- end row-->

                        </div>
                      </div>
                    </div>
                    <div class="col-md-7">
                      <div class="panel panel-default">
                        <div class="panel-heading"> <strong>CAJAS</strong></div>
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-3">
                               <button  type="button" id="TodoCajas" class="btn btn-block btn-warning btn-sm">Todos</button>
                               
                              <p></p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-12">
                              <div class="table-responsive" style="height: 450px;">
                                <table class="table table-bordered">
                                    <thead>
                                      <tr>
                                        <th colspan="2">Detalle Caja</th>
                                        <th colspan="2">Caja Transferencias</th>
                                        <th colspan="2" class="info">Caja Dolar</th>
                                        <th colspan="3" class="warning">Caja Material</th>
                                        <th>Estado</th>
                                      </tr>
                                      <tr>
                                        <th>Nombre</th>
                                        <th>Operador</th>
                                        <th>Saldo Soles</th>
                                        <th>Saldo Dolares</th>
                                        <th class="info">Saldo Soles</th>
                                        <th class="info">Saldo Dolares</th>
                                        <th class="warning">Saldo Soles</th>
                                        <th class="warning">Saldo Dolares</th>
                                        <th class="warning">Saldo Material</th>
                                        <th>Estado</th>
                                      </tr>
                                    </thead>
                                    <tbody id="listaCa">
                                    </tbody>
                                </table>
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-3">
                              <button  type="button" id="verCa" data-toggle="modal" data-target="#modalCaja" class="btn btn-block btn-success btn-sm" role="button">Ver</button>
                              
                            </div>
                          </div><!-- end row-->

                        </div><!--fin panel body-->
                      </div>
                    </div>
                  </div>
                          <!-- modal oficina-->
                          <div id="modalOficina" 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 col-sm-12" >
                                            <div class="panel panel-info">
                                              <div class="panel-heading" align="center"> <h4>Detalle de oficina</h4></div>
                                                <div class="panel-body">
                                                  <div class="row">
                                                    <div class="col-md-12">
                                                      <h4 class="bg-success" align="center">
                                                        <!--&nbsp;-->
                                                        Datos de la oficina
                                                      </h4>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-2 col-md-offset-1" >
                                                      <label> Id Oficina:</label>
                                                    </div>
                                                    <div class="col-md-3"> 
                                                      <input type="text" class="form-control" id="txtidOfi" disabled>
                                                    
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <br>
                                                  <div class="row">
                                                    <div class="col-md-2 col-md-offset-1">
                                                      <label> Nombre:</label>
                                                    </div>
                                                    <div class="col-md-5">
                                                     <div class="fg-line">
                                                       <input type="text" class="form-control" id="txtnombreOfi">
                                                     </div>  
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <div class="col-md-2 col-md-offset-1"> 
                                                        <label >Ciudad:</label> 
                                                      </div>
                                                      <div class="col-md-8">
                                                      <div class="fg-line">
                                                        <input type="text" class="form-control" id="txtciuOfi">
                                                      </div> 
                                                      </div> 
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <div class="col-md-2 col-md-offset-1"> 
                                                        <label >Direccion:</label> 
                                                      </div>
                                                      <div class="col-md-8">
                                                      <div class="fg-line">
                                                        <input type="text" class="form-control" id="txtdirOfi"> 
                                                      </div> 
                                                      </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <div class="col-md-2 col-md-offset-1" > 
                                                        <label>Descripcion:</label> 
                                                      </div>
                                                      <div class="col-md-8">
                                                      <div class="fg-line">
                                                         <textarea class="form-control" rows="3" id="txtdesOfi"></textarea>
                                                      </div>
                                                      </div> 
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-2 col-md-offset-1" > 
                                                        <label>Observacion:</label> 
                                                      </div>
                                                      <div class="col-md-8">
                                                      <div class="fg-line">
                                                         <textarea class="form-control" rows="3" id="txtobsOfi"></textarea>
                                                      </div>
                                                      </div> 
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <div class="col-md-2 col-md-offset-1" > 
                                                        <label>Estado:</label> 
                                                      </div>
                                                      <div class="col-md-3">
                                                        <select class="form-control" id="estOf">
                                                            <option value="activo">Activo</option>
                                                            <option value="desactivo">Desactivo</option>
                                                        </select>       
                                                      </div> 
                                                  </div>
                                                </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4">
                                                       
                                                      <button class="btn btn-block btn-primary waves-effect" type="button" id="modificarOficina" data-dismiss="modal"><i class="md md-check"></i> Guardar Cambios</button>
                              
                                                    </div>

                                                  </div>
                                                  <p></p>
                                            </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>
                          <!--End modal oficina-->
                          <!--modal Caja-->
                          <div id="modalCaja" 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 col-sm-12" >
                                            <div class="panel panel-info">
                                              <div class="panel-heading" align="center"> <h4>Detalle de Caja</h4></div>
                                                <div class="panel-body">
                                                  <div class="row">
                                                    <div class="col-md-12">
                                                      <h4 class="bg-success" align="center">
                                                        <!--&nbsp;-->
                                                        Datos de la cajas
                                                      </h4>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-2 col-md-offset-1" >
                                                      <label> Id Caja:</label>
                                                    </div>
                                                    <div class="col-md-3"> 
                                                      <input type="text" class="form-control" id="txtidCa" disabled>
                                                    
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <br>
                                                  <div class="row">
                                                    <div class="col-md-2 col-md-offset-1">
                                                      <label> Nombre:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                    <div class="fg-line">
                                                       <input type="text" class="form-control" id="txtnombreCa">
                                                    </div>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <div class="col-md-2 col-md-offset-1"> 
                                                        <label >Encargado:</label> 
                                                      </div>
                                                      <div class="col-md-7"> 
                                                        <input type="text" class="form-control" id="txtencargadoCa" disabled> 
                                                    
                                                      </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <div class="col-md-2 col-md-offset-1" > 
                                                        <label>Estado:</label> 
                                                      </div>
                                                      <div class="col-md-6">
                                                        <select class="form-control" id="estCaja">
                                                            <option value="activo">Activo</option>
                                                            <option value="desactivo">Desactivo</option>
                                                        </select>       
                                                      </div> 
                                                  </div>
                                                </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-12">
                                                      
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-3 col-xs-4 ">
                                                     
                                                         <button class="btn btn-block btn-primary waves-effect" type="button" id="modificarCaja" data-dismiss="modal"><i class="md md-check"></i> Guardar Cambios</button>
                              
                                                    </div>
                                                    <div class="col-md-3 col-xs-4">
                                                         <button class="btn btn-block btn-warning waves-effect" type="button" id="modificarCaja" data-toggle="modal" data-target="#modalCambiarOp"><i class="md md-check"></i> Cambiar operador</button>
                               
                                                    </div>
                                                    <div class="col-md-3 col-xs-4">
                                                         <button class="btn btn-block btn-success waves-effect" type="button" id="reiniciarcaja" data-toggle="modal" data-target="#modalReiniciarCaja"><i class="md md-check"></i> Reinciiar Caja</button>
                               
                                                    </div>
                                                  </div>
                                                  <p></p>
                                            </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>
                          <!--End modal Caja-->
                          <div id="modalCambiarOp" 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 col-sm-12" >
                                          <form  data-toggle="validator" role="form" id="form_op"> {% csrf_token %}
                                            <div class="panel panel-default">
                                              <div class="panel-body">
                                                <div class="row">
                                                  <div class="col-md-12">
                                                    <h4 class="bg-success" align="center">
                                                      <!--&nbsp;-->
                                                      Datos del Nuevo operador
                                                    </h4>
                                                  </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-2 col-md-offset-1" >
                                                      <label> Id Caja:</label>
                                                    </div>
                                                    <div class="col-md-3"> 
                                                      <input type="text" class="form-control" name="pkCaja" id="txtidCa1" disabled>
                                                    
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                <p></p>
                                                 <div class="row" id="op">
                                                  <div class="col-md-4 col-md-offset-1">
                                                    <label>Operador</label>
                                                  </div>
                                                  <div class="col-md-6">
                                                      <select class="form-control" id="ComboPersonal" name="operador">
                                                        <option></option>
                                                      </select>   
                                                      <p></p>    
                                                  </div>
                                                </div>
                                                <div class="row"> 
                                                  <div id="campoChk" class="checkbox">
							                           
            							                            <label>
            							                              <input id="ts4" type="checkbox"> Nuevo Personal
            							                            </label>
            							                        </div> 
                                                </div>
                                                
                                                <div class="row" id= "campoOperador">
                                                  <div class=" col-md-12">
                                                    <div class="row">
                                                      <div class="col-md-4 col-md-offset-1" align="right">
                                                        <label>Nombres:</label>
                                                      </div>
                                                      <div class="col-md-6">
                                                        <div class="form-group">
                                                          <input type="text" class="form-control" id="txtnombre" placeholder="nombre de operador" name="nombre" required>
                                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                                          <div class="help-block with-errors"></div>
                                                        </div>                             
                                                        <p></p>
                                                      </div>
                                                    </div>

                                                    <div class="row">
                                                      <div class="col-md-4 col-md-offset-1" align="right">
                                                        <label>Apellido Paterno:</label>
                                                      </div>
                                                      <div class="col-md-6">
                                                        <div class="form-group">
                                                          <input type="text" class="form-control" id="txtap"  name="paterno" placeholder="Apellido Paterno" required>
                                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                                          <div class="help-block with-errors"></div>
                                                        </div>                             
                                                        <p></p>
                                                      </div>
                                                    </div>
                                                    <div class="row">
                                                      <div class="col-md-4 col-md-offset-1 " align="right">
                                                        <label>Apellido Materno:</label>
                                                      </div>
                                                      <div class="col-md-6">
                                                        <div class="form-group">
                                                          <input type="text" class="form-control" id="txtam"  name="materno" placeholder="Apellido Materno" required>
                                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                                          <div class="help-block with-errors"></div>
                                                        </div>                             
                                                        <p></p>
                                                      </div>
                                                    </div>
                                                    <div class="row">
                                                      <div class="col-md-4 col-md-offset-1" align="right">
                                                        <label>Usuario:</label>
                                                      </div>
                                                      <div class="col-md-6">
                                                        <div class="form-group">
                                                          <input type="text" class="form-control" id="txtuser"name="usuario" placeholder="Usuario" required>
                                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                                          <div class="help-block with-errors"></div>
                                                        </div>                             
                                                        <p></p>
                                                      </div>
                                                    </div>
                                                    <div class="row">
                                                      <div class="col-md-4 col-md-offset-1" align="right">
                                                        <label>Contraseña:</label>
                                                      </div>
                                                      <div class="col-md-6">
                                                        <div class="form-group">
                                                          <input type="text" class="form-control" id="txtpass"  name="contra" placeholder="Contraseña" required>
                                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                                          <div class="help-block with-errors"></div>
                                                        </div>                             
                                                        <p></p>
                                                      </div>
                                                    </div>
                                                  </div>
                                                  
                                                </div>
                                                
                                              </div>
                                            </div>
                                          </form>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="button" class="btn btn-primary" id="cambiar_op">Guardar</button>
                                      <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                    </div>
                                  </div><!-- /.modal-content -->
                                </div><!-- /.modal-dialog -->
                              </div>
                          <div id="modalReiniciarCaja" 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">Reiniciar Caja</h4>
                                </div>
                                <div class="modal-body">
                                  <div class="row">
                                    <div class="col-md-12" >
                                        <div class="panel panel-success">
                                          <div class="panel-body">
                                            <div class="row">
                                              <div class="col-md-12">
                                                <h4 class="bg-success" align="center">
                                                  <!--&nbsp;-->
                                                  NUMERO DE RECIBOS ACTUAL
                                                </h4>
                                              </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-2 col-md-offset-1" >
                                                  <label> Id Caja:</label>
                                                </div>
                                                <div class="col-md-3"> 
                                                  <input type="text" class="form-control" id="txtidCa2" disabled>
                                                  <p></p>
                                                </div>
                                              </div>
                                            <p></p>
                                             
                                            <div class="row"> 
                                              <div class="col-md-12">
                                                <div class="table-responsive" >
                                                  <table class="table table-hover">
                                                      <thead>
                                                        <tr >
                                                          <th>Recibo</th>
                                                          <th>Numero</th>
                                                        </tr>
                                                      </thead>
                                                      <tbody>
                                                        <tr>
                                                          <td>R/E</td>
                                                          <td id="tre"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>R/I</td>
                                                          <td id="tri"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>R/EM</td>
                                                          <td id="trem"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>R/IM</td>
                                                          <td id="trim"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>S/T</td>
                                                          <td id="tst"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>P/T</td>
                                                          <td id="tpt"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>S/I</td>
                                                          <td id="tsi"></td>
                                                        </tr>
                                                        <tr>
                                                          <td>P/I</td>
                                                          <td id="tpi"></td>
                                                        </tr>
                                                      </tbody>
                                                  </table>
                                                </div>
                                              </div>
                                            </div>
                                            
                                            
                                            
                                          </div>
                                        </div>

                                    </div>
                                  </div>
                                </div>
                                <div class="modal-footer">
                                  <button type="button" class="btn btn-primary" id="reiniciar_ca">Reinicicar Nro Recibos a 0</button>
                                  <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                </div>
                              </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                          </div>
                          <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_pgs" align="center" >
                                            <h3>PROCESANDO...</h3>
                                        </div>
                                        <div class="row grp_pgs">
                                          <div class="progress">
                                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                         <script type="text/javascript">
                            var Aux="";
                            var filaI =0;
                            var Aux2="";
                            var filaI2 =0;
                            var Aux3="";
                            var filaI3 =0;
                            $(document).ready(function () {
                              ajax_oficina();
                              $("#refrescarOficina").click(function(){
                                ajax_oficina();
                              }),
                              $("#modificarOficina").click(function(){
                                EnvMod_Oficina();
                              }),
                              $("#modificarCaja").click(function(){
                                EnvMod_Caja();
                              });
                              $("#TodoCajas").click(function(){
                                ajax_cajaTodos();
                              });

                              $("#listaOf").on("click",".filaOf",function(){
                                var num = $(this).prop('id');
                                filaI2 = num;
                                var fila= $(this).prop('class');
                                $("."+fila).prop('class','filaOf');
                                $(this).prop('class','filaOf info');
                                ajax_caja(Aux2[filaI2].pk);
                                //insertando datos en el modal
                                $("#txtidOfi").prop('value',Aux2[filaI2].pk);
                                $("#txtnombreOfi").prop('value',Aux2[filaI2].nombre_oficina);
                                $("#txtdirOfi").prop('value',Aux2[filaI2].direccion);
                                $("#txtciuOfi").prop('value',Aux2[filaI2].ciudad);
                                $("#txtdesOfi").prop('value',Aux2[filaI2].descripcion);
                                $("#txtobsOfi").prop('value',Aux2[filaI2].observaciones);
                                var esta='';
                                if (Aux2[filaI2].estado_oficina){
                                  esta='activo';
                                }
                                else{
                                  esta='desactivo';
                                }
                                $("#estOf").prop('value',esta);
                              });

                              $("#listaCa").on("click",".filaCa",function(){
                                var num = $(this).prop('id');
                                filaI3 = num;
                                var fila= $(this).prop('class');
                                $("."+fila).prop('class','filaCa');
                                $(this).prop('class','filaCa info');
                                //insertando datos al modal
                                $("#txtidCa").prop('value',Aux3[filaI3].c_id);
                                $("#txtidCa1").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);
                                var esta='';
                                if (Aux3[filaI3].c_estado){
                                  esta='activo';
                                }
                                else{
                                  esta='desactivo';
                                }
                                $("#estCaja").prop('value',esta);
                              });

                              function EnvMod_Caja(){
                                $.ajax({
                                  data: {'pk':$("#txtidCa").val(),'nombre':$("#txtnombreCa").val(),'estado':$("#estCaja").val()},
                                  url:'/Admin/modificarcaja_ajax/',                                  
                                  type:'GET',
                                  dataType:'text',
                                  success: function(data){
                                     if(data=='exito'){
                                      $("#ExitoCambiar").prop('class','bg-info');
                                      $("#ExitoCambiar").text("Modificacion Exitosa");
                                      ajax_caja(Aux2[filaI2].pk);
                                     }
                                     else{
                                      $("#ExitoCambiar").prop('class','bg-danger');
                                      $("#ExitoCambiar").text("Fallo Modificacion :(" + data);
                                     }
                                  }
                                });
                               }
                               //
                               function EnvMod_Oficina(){
                                $.ajax({
                                  data: {'pk':$("#txtidOfi").val(),'nombre':$("#txtnombreOfi").val(),'dir':$("#txtdirOfi").val(),'ciu':$("#txtciuOfi").val(),'des':$("#txtdesOfi").val(),'obs':$("#txtobsOfi").val(),'estado':$("#estOf").val()},
                                  url:'/Admin/modificarOficina_ajax/',                                  
                                  type:'GET',
                                  dataType:'text',
                                  success: function(data){
                                     if(data=='exito'){
                                      $("#ExitoCambiar").prop('class','bg-info');
                                      $("#ExitoCambiar").text("Modificacion Exitosa");
                                       ajax_oficina();
                                     }
                                     else{
                                      $("#ExitoCambiar").prop('class','bg-danger');
                                      $("#ExitoCambiar").text("Fallo Modificacion :(" + data);
                                     }
                                  }
                                });
                               }
                               //
                               //
                                //end funcion ajax
                              function ajax_oficina(){
                                $.ajax({
                                  url:'/Admin/oficinas_total_ajax/',
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                    Aux2 = data;
                                    var html ="";
                                    var esta='';
                                    var sty='';
                                    for(var i=0;i<data.length;i++){
                                      
                                      if (data[i].estado_oficina){
                                        esta='activo';
                                        sty='';
                                      }
                                      else{
                                        esta='desactivo';
                                        sty='style="color: #CB060A;"'
                                      }
                                        html += '<tr class="filaOf" '+sty+'  id="'+i+'"><td >'+data[i].nombre_oficina+'</td><td>'+data[i].direccion+'</td><td>'+esta+'</td></tr>';
                                    }                        
                                    //html+='</tbody></table>';
                                    $('#listaOf').html(html);
                                  }
                                });
                              };//end funcion ajax
                              function ajax_caja(idOf){
                                $.ajax({
                                  url:'/Admin/caja_personal_saldo_ajax/',
                                  data:{'idOfi':idOf},
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                    Aux3 = data;
                                    var html ="";
                                    var esta='';
                                    var sty ='';
                                    for(var i=0;i<data.length;i++){
                                      if (data[i].c_estado){
                                        esta='activo';
                                        sty='';
                                      }
                                      else{
                                        esta='desactivo';
                                        sty='style="color: #CB060A;"'
                                      }
                                        html += '<tr class="filaCa" '+sty+' id="'+i+'" data-toggle="modal" data-target="#modalCaja"><td>'+data[i].c_nombre+'</td><td>'+data[i].p_nombre+' '+data[i].p_ap+' '+data[i].p_am+'</td><td>'+data[i].saldo_soles+'</td><td>'+data[i].saldo_dolares+'</td><td>'+data[i].saldo_soles_do+'</td><td>'+data[i].saldo_dolares_do+'</td><td>'+data[i].saldo_soles_ma+'</td><td>'+data[i].saldo_dolares_ma+'</td><td>'+data[i].saldo_material_ma+'</td><td>'+esta+'</td></tr>';
                                    }                        
                                    $('#listaCa').html(html);
                                  }
                                });
                              };//end funcion ajax
                              function ajax_cajaTodos(){
                                $.ajax({
                                  url:'/Admin/cajasTotal_personal_saldo_ajax/',
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                    Aux3 = data;
                                    var html ="";
                                    var esta='';
                                    
                                    for(var i=0;i<data.length;i++){
                                      if (data[i].c_estado){
                                        esta='activo';
                                      }
                                      else{
                                        esta='desactivo';
                                      }
                                        html += '<tr class="filaCa" 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].saldo_soles+'</td><td>'+data[i].saldo_dolares+'</td><td>'+data[i].saldo_material+'</td><td>'+esta+'</td></tr>';
                                    }                        
                                    $('#listaCa').html(html);
                                  }
                                });
                              };//todos
                              //----------------------------
                              $(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');
                              });
                              //-------------------------------------------------
                              $('input').on('keypress', function(e){
                                    if(e.keyCode == 13)
                                    {
                                      var inputs = $(this).parents("form").eq(0).find(":input.form-control");
                                      var idx = inputs.index($(this));
                                      if (idx == inputs.length - 1) {
                                        inputs[0].select()
                                      } 
                                      else {
                                        inputs[idx + 1].focus(); //  handles submit buttons
                                        inputs[idx + 1].select();
                                      }
                                      return false;
                                    }
                                  });
                                  $("#txtuser").keyup(function(){
                                    var valor= $(this).val().toUpperCase();
                                    $(this).prop('value',valor);
                                  });
                                  $("#campoOperador").hide();
                                  ajax_Personal();
                                  $("#campoChk").click(function(){
                                    if($("#ts4").prop('checked')){
                                        $("#campoOperador").show();
                                        $("#op").hide();
                                        $("#ComboPersonal").prop('value',null);
                                        $("#ComboPersonal").prop('disabled',true);
                                      }
                                    else
                                    {
                                      $("#op").show();
                                      $("#campoOperador").hide();
                                      $("#ComboPersonal").prop('disabled',false);
                                      $("#txtnombre").prop('value',null);
                                      $("#txtap").prop('value',null);
                                      $("#txtam").prop('value',null);
                                      $("#txtuser").prop('value',null);
                                      $("#txtpass").prop('value',null);
                                    }
                                  });
                              function ajax_Personal(){
                                $.ajax({
                                  url:'/Admin/personal_ajax/',
                                  //async:false,
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                  var html ="";
                                    $("#ComboPersonal").html('');
                                    for(var i=0;i<data.length;i++){
                                      html += '<option value="'+data[i].pk+'">'+data[i].nombre+' '+data[i].Apellido_paterno+' '+data[i].Apellido_materno+'     '+data[i].dni+'</option>';
                                    }
                                    $('#ComboPersonal').html(html);
                                  }
                                });
                              };
                              //-----------------------------------------------------
                              function cambiar_op_caja(){
                                $.ajax({
                                  data: {'pkCaja':$("#txtidCa1").val(),'operador':$("#ComboPersonal").val(),'nombre':$("#txtnombre").val(),'paterno':$("#txtap").val(),'materno':$("#txtam").val(),'usuario':$("#txtuser").val(),'contra':$("#txtpass").val()},
                                  url:'/Admin/CambiarOperador_caja_ajax/',
                                  type:'GET',
                                  dataType:'text',
                                  success: function(data){
                                     if(data=='exito'){
                                      $("#ExitoCambiar").prop('class','bg-info');
                                      $("#ExitoCambiar").text("Modificacion Exitosa");
                                       ajax_oficina();
                                       ocultar_modales();
                                     }
                                     else{
                                      $("#ExitoCambiar").prop('class','bg-danger');
                                      $("#ExitoCambiar").text("Fallo Modificacion :(" + data);
                                      ocultar_modales();
                                     }
                                  }
                                });
                               }
                              //-----------------------------------------------------
                              $('#cambiar_op').click(function(){
                                  $("#modal_confirmacion").modal('show');
                                  cambiar_op_caja();
                              });
                              function ocultar_modales(){
                                $("#modal_confirmacion").modal('hide');
                                $("#modalCambiarOp").modal('hide');
                                $("#modalCaja").modal('hide');
                              }
                              //
                              $("#reiniciarcaja").click(function(){
                                  consulta_recibos();
                              })
                              //--------- reinicio de cajas-------
                              function consulta_recibos(){
                                $.ajax({
                                  data: {'idC':$("#txtidCa2").val()},
                                  url:'/NroRecibo_cajas_reinicio_ajax/',
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                     $("#tre").text(data.re);
                                     $("#tri").text(data.ri);
                                     $("#trem").text(data.rem);
                                     $("#trim").text(data.rim);
                                     $("#tst").text(data.st);
                                     $("#tpt").text(data.pt);
                                     $("#tsi").text(data.si);
                                     $("#tpi").text(data.pi);
                                  }
                                });
                               }
                               //
                               $("#reiniciar_ca").click(function(){
                                swal({
                                  title: "Reiniciar todos los numeros de recibos?",
                                  type: "warning",
                                  showCancelButton: true,
                                  confirmButtonClass: 'btn-danger',
                                  confirmButtonText: 'Reinicar',
                                  closeOnConfirm: false,
                                  //closeOnCancel: false
                                },
                                  function(){
                                     reiniciar_recibos();
                                });
                               });
                               //
                                function reiniciar_recibos(){
                                $.ajax({
                                  data: {'pkC':$("#txtidCa2").val()},
                                  url:'/reiniciar_recibos_gere_caja_ajax/',
                                  type:'GET',
                                  dataType:'text',
                                  success: function(data){
                                     if(data=='exito'){
                                      swal("Exito","Los Numeros de recibo sereiniciaron", "success");
                                      consulta_recibos();
                                     }
                                     else{
                                        swal("Error",data, "error");
                                     }
                                  }
                                });
                               }
                               //

                               //
                              //
                            });
                          </script>

                </div>
              </div>
          </div>
        </div> 
         <script src="{% static 'Bootstrap/js/sweet-alert.js' %}"></script>
{% endblock content1 %}