{% extends "base.html" %}
{% block titulo %}
  .::Cuenta Corriente Material
{% endblock titulo %}
{% block content1 %} 
      <script type="text/javascript">
        $("#navCuentas").attr('class','dropdown active');
        $("#navCta").attr('class','active');
      </script>
        <div class="row" >
          <div class="" role="alert" align="center" id="ExitoOp">
            <h4 id="resul_text"></h4>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12" >
              <div class="card">
              <div class="card-head card-head-xs style-default"> <strong>CUENTAS CORRIENTES MATERIAL</strong></div>
                <div class="card-body">
                  <!--<div class="row">
                      <div class="alert alert-warning" role="alert" align="center">
                        <h4>Cuentas Corrientes Material</h4>
                      </div>
                  </div>-->
                  <div class="row">
                      <div class="col-md-2 col-md-offset-1 col-xs-4 col-xs-offset-1">
                        <button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#modalCrearCta" >Nuevo</button>
                      </div>
                      <div class="col-md-2 col-xs-4">
                         <button type="button" class="btn btn-primary btn-block" id="RefrescarLista"><span class="fa fa-refresh"></span> Actualizar</button>
                      </div>
                   
                  </div>

                 
                  <HR width=100% >
                  <div class="row">
                    <div class="col-md-2 col-md-offset-1">
                      <h5>Buscar por:</h5>
                    </div>
                    <div class="col-md-2">
                    <div class="fg-line">
                    <div class="select">
                      <select class="form-control" id="comboFiltro"> 
                        <option value="nc">Nro de Cuenta</option>
                        <!--<option value="s">Traer Sobregiradas</option>
                        <option value="p">Traer Positivas</option>-->
                        <option value="c">Por DNI Cliente</option>
                      </select>
                      </div>
                    </div>
                      <p></p>
                    </div>
                   
                    <div class=" col-md-3" id="div2">
                      <input type="text" class="form-control" id="txtfiltro" placeholder="busqueda">
                      <p></p>
                    </div>
                    <div class="col-md-2" id="div3">
                      <button type="button" class="btn btn-danger btn-block" id="btnfiltrar"><i class="fa fa-search"></i> Buscar</button><p></p>
                    </div>
                  </div>
                    <HR width=100% >
                  <div class="row">
                    <br>
                     
                      <div class="col-md-10 col-md-offset-1">
                          <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Detalle de cuenta</h4>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-md-5" >
                                          <div class="panel panel-danger" id="grupoDetalleCtaCte">
                                            <div class="panel-body">
                                                <div class="row">
                                                  <div class="col-md-12">
                                                    <h4 class="bg-success" align="center">
                                                      <!--&nbsp;-->
                                                      Datos Personales
                                                    </h4>
                                                  </div>
                                                </div>
                                              <p></p>
                                              <input type="hidden" id="idctacte">
                                              <div class="row">
                                                  <div class="col-md-4"> 
                                                    <h5>DNI</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtDNI" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4"> 
                                                    <h5>Nombre</h5> 
                                                  </div>
                                                  <div class="col-md-8">
                                                    <input type="text" class="form-control" id="txtNombre" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4"> 
                                                    <h5>A.Paterno</h5> 
                                                  </div>
                                                  <div class="col-md-8">
                                                    <input type="text" class="form-control" id="txtAP" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4"> 
                                                    <h5>A.Materno</h5> 
                                                  </div>
                                                  <div class="col-md-8">
                                                    <input type="text" class="form-control" id="txtAM" disabled="disabled">         
                                                  </div> 
                                              </div>
                                            </div>
                                          </div>
                                      </div>
                                      <div class="col-md-7" >
                                          <div class="panel panel-danger" id="grupoDetalleCtaCte">
                                            <div class="panel-body">
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-info" align="center" id="txtTituloCtaCte">
                                                    <!--&nbsp;-->
                                                    Cuenta Corriente
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Nro de Cta Cte</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtCtaCte" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Fecha de Apertura</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtFechaA" disabled="disabled">         
                                                  </div> 
                                              </div>
                                               <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Observación</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtObservacion" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <!--
                                               <div class="row">
                                                <div class="col-md-4 col-md-offset-1" align="right">
                                                  <h5>Privada de la Oficina</h5>
                                                </div>
                                                <div class="col-md-4">
                                                    <select class="form-control" id="ComboPrivada" name="ComboPrivada">
                                                      <option value="NO">No</option>
                                                      <option value="SI">Si</option>
                                                    </select>   
                                                    <p></p>    
                                                </div>
                                                <div class="col-md-3">
                                                  <button type="button" class="btn btn-sm btn-primary" id="btnModificarTipo">Modificar</button>
                                                </div>
                                              </div>
                                              <p></p>-->
                                               <div class="row">
                                                <div class="col-md-4 col-md-offset-1" align="right">
                                                  <h5>Estado</h5>
                                                </div>
                                                <div class="col-md-4">
                                                    <select class="form-control" id="ComboEstado" name="ComboEstado">
                                                      <option value="activo">Activo</option>
                                                      <option value="bloqueado">Bloqueado</option>
                                                      <option value="cerrado">Cerrado</option>
                                                    </select>   
                                                    <p></p>    
                                                </div>
                                                <div class="col-md-3">
                                                  <button type="button" class="btn btn-sm btn-primary" id="btnModificarEstado"  data-dismiss="modal">Modificar</button>
                                                </div>
                                              </div>
                                              
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Saldo</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtSaldo" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                <div class="col-md-5 col-md-offset-7">
                                                  <button type="button" class="btn btn-xs btn-primary" id="btnAnularIntereses" data-dismiss="modal">Anular Intereses Sobregiro</button>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                <div class="col-md-4">
                                                  <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#modalListaMovimientos" id="listado_mov">Lista Movimientos</button>
                                                </div>
                                                <div class="col-md-4">
                                                  <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalAbono" id="btnAbono">Abono (Deposito)</button>
                                                </div>
                                                 <div class="col-md-4">
                                                  <button type="button" class="btn btn-danger"data-toggle="modal" data-target="#modalRetiro" id="btnCargo">Cargo (Retiro)</button>
                                                </div>
                                              </div>
                                              <br>
                                            </div>
                                          </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                          <!-- recibo -->
                          <div id="modal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Detalles</h4>
                                  </div>
                                  <div class="modal-body">
                                    <div  id="platillaI" style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <h5 align="center"><b>RECIBO MOVIMIENTO DE CUENTA<h5 align="center"></b></h5>
                                      <h5 id="oficinaRecibo"></h5>
                                      <table>
                                        <tr>
                                          <td id="fechaRecibo"></td>
                                          <td>&nbsp;</td>
                                          <td id="horaRecibo"></td>
                                        </tr>
                                      </table>
                                       <b>RECIBÍ DE:</b>
                                      <p id="recibi"></p>
                                      <b>IMPORTE:</b>
                                      <p id="importe"></p>
                                      <b>CONCEPTO:</b>
                                      <p id="concepto">Abono/Deposito en Cuenta Corriente</p>
                                      <br>
                                      <p>________________</p>
                                      <b>OP. <span id="operador"></span></b>
                                      <br>
                                      <br>
                                      <p>________________</p>
                                      <b>DNI <span id="dni"></span></b>
                                      <p id ="hopa"></p>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <hr>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->

                          <div id="modalAbono" 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>
                                    
                                  </div>
                                  <div class="modal-body">
                                       
                                          <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    Movimientos
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Gramos</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                  <div class="fg-line">
                                                    <input type="text" class="form-control" placeholder="0.00" id="txtMontoAbono" required>
                                                    </div>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Observaciones</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                  <div class="fg-line">
                                                    <TEXTAREA type="text" class="form-control" id="txtObservacionesAbono"> </TEXTAREA>
                                                    </div>         
                                                  </div> 
                                              </div>
                                              </div> 
                                              
                                               
                                  
                                  <div class="modal-footer">
                                
                                    <button type="button" class="btn btn-success" id="btnDepositar" data-dismiss="modal">Depositar</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->

                          <div id="modalRetiro" 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>
                                    
                                  </div>
                                  <div class="modal-body">
                                       
                                          <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    Movimientos
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Monto</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type="text" class="form-control" id="txtMontoCargo" required>
                                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                                      <div class="help-block with-errors"></div>
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Observaciones</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <TEXTAREA type="text" class="form-control" id="txtObservacionesCargo"> </TEXTAREA>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    Sobregiro
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Interes Diario</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtInteresDiario" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Tiempo Autorizado</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtTiempoAutorizado" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Monto sobregiro</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtSobregiro" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              </div> 
                                              
                                               
                                  
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-warning" id="btnRetiro">Retiro</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                      
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                           
                          <div id="modalCrearCta" 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">Crear Cuenta Corriente Material</h4>
                                  </div>
                                  <div class="modal-body">
                                    <form id="formulario"  data-toggle="validator" role="form">
                                      <div class="row">
                                       <div class="col-md-6">
                                          <div class="card bs-item z-depth-2 m-r-5 m-l-5 m-t-5">
                                           <div class="card-head card-head-xs style-default"> <strong>DATOS PERSONALES</strong></div>
                                            
                                            <div class="panel-body">
                                               <div class="row">
                                                <div class="col-md-4">
                                                  <h5>Tipo de Persona:</h5>
                                                </div>
                                                <div class="col-md-12">
                                                 
                                                  <div class="radio col-md-12">
                                                      <label>
                                                          <input type="radio" name="TipoPersona" id="rbNatural" value="Natural" checked>
                                                          <i class="input-helper"></i>
                                                          Persona Natural
                                                      </label>
                                                  
                                                      <label>
                                                      
                                                          <input type="radio" name="TipoPersona" id="rbJuridica" value="Juridica" required>
                                                          <i class="input-helper"></i>
                                                          Persona Jurídica
                                                      </label>
                                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                                  </div>
                                                </div>                            
                                              </div>
                                              <!-- <div class="row">
                                                <div class="col-md-2 col-md-offset-1">
                                                  <h5> Tipo</h5>
                                                </div>
                                                <div class="col-md-9">
                                                    <div class="form-group">
                                                      <label class="radio-inline">
                                                      <input type="radio" name="TipoPersona" id="rbNatural" value="Natural"required> Persona Natural
                                                    </label>
                                                    <label class="radio-inline">
                                                      <input type="radio" name="TipoPersona" id="rbJuridica" value="Juridica" required> Persona Juridica
                                                    </label>
                                                      <div class="form-control-feedback" ></div>
                                                      <div class="help-block with-errors"></div>
                                                    </div>
                                                </div>
                                              </div>-->
                                              <div class="row">
                                                <div class="col-md-2 col-md-offset-1">
                                                  <h5 id="dniRUC"> DNI:</h5>
                                                </div>
                                                <div class="col-md-7">
                                                  <div class="form-group">
                                                  <div class="fg-line"> 
                                                    <input type="text" class="form-control" id="txtDniC" placeholder="DNI" name="DniCli" maxlength="11" data-minlength="8" required>
                                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                </div>
                                              </div>
                                              <div class="row">
                                                <div class="col-md-2 col-md-offset-1">
                                                  <h5 id = "nombreRazon">Nombres:</h5>
                                                </div>
                                                <div class="col-md-7">
                                                  <div class="form-group">
                                                  <div class="fg-line"> 
                                                    <input type="text" class="form-control" placeholder="Nombres" id="txtNombreC" name="NombreCli" required>
                                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                </div>
                                              </div>
                                              <div class="row" id="campoAp">
                                                <div class="col-md-2 col-md-offset-1">
                                                  <h5>A.Paterno</h5>
                                                </div>
                                                <div class="col-md-7">
                                                  <div class="form-group">
                                                  <div class="fg-line"> 
                                                     <input type="text" class="form-control" id="txtApCli" placeholder="Apellido Paterno" name="PaternoCli" required>
                                                     <div class="form-control-feedback" style="text-align:left;" ></div>
                                                     </div>
                                                  </div>                             
                                                  <p></p>
                                                </div>
                                                <div class="col-md-2 col-md-offset-1">
                                                  <h5>A.Materno</h5>
                                                </div>
                                                <div class="col-md-7">
                                                  <div class="form-group">
                                                  <div class="fg-line"> 
                                                     <input type="text" class="form-control" id="txtAmCli" placeholder="Apellido Materno" name="MaternoCli" required>
                                                     <div class="form-control-feedback" style="text-align:left;" ></div>
                                                     </div>
                                                  </div>                             
                                                  <p></p>
                                                </div>
                                              </div> 
                                            </div>
                                          </div>  
                                        </div>
                                        <div class="col-md-6">
                                          <div class="card bs-item z-depth-2 m-r-5 m-l-5 m-t-5">
                                           <div class="card-head card-head-xs style-default"> <strong>CUENTA CORRIENTE MATERIAL</strong></div>
                                            
                                            <div class="panel-body">
                                             
                                              <div class="row" id= "campocuentacorriente">
                                                <div class=" col-md-12">
                                                  <div class="row">
                                                    <div class="col-md-5 col-md-offset-1">
                                                      <h5>Peso de Material para Apertura:</h5>
                                                    </div>
                                                    <div class="col-md-4">
                                                      <div class="form-group">
                                                      <div class="fg-line"> 
                                                        <input type="text" class="form-control" id="montoapertura" placeholder="Peso" required>
                                                        <div class="form-control-feedback" style="text-align:left;" ></div>
                                                        </div>
                                                      </div>                             
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <!--
                                                    <div class="row" id="op">
                                                      <div class="col-md-4 col-md-offset-1">
                                                        <h5>Tipo de Moneda</h5>
                                                      </div>
                                                      <div class="col-md-6">
                                                          <select class="form-control" id="ComboMoneda">
                                                            <option value="soles">Soles</option>
                                                            <option value="dolares">Dolares</option>
                                                          </select>   
                                                          <p></p>    
                                                      </div>
                                                    </div>-->

                                                  <div class="row">
                                                    <div class="col-md-4 col-md-offset-1">
                                                      <h5>Observación:</h5>
                                                    </div>
                                                    <div class="col-md-6">
                                                      <div class="form-group">
                                                      <div class="fg-line"> 
                                                        <textarea type="text" class="form-control" id="observacion" >
                                                        </textarea>
                                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                                         </div>
                                                      </div>                             
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <!--<div class="row">
                                                    <div class="col-md-4 col-md-offset-1 ">
                                                      <h5>Nro de Cta Cte:</h5>
                                                    </div>
                                                    <div class="col-md-6">
                                                      <div class="form-group">
                                                        <input type="text" class="form-control" id="nro"  name="nro" disabled>
                                                      </div>                             
                                                      <p></p>
                                                    </div>
                                                  </div>-->
                                                </div>
                                                
                                              </div>
                                            </div>
                                          </div>  
                                        </div>
                                      </div>
                                      <div class="row">
                                        <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-2">
                                          <!--
                                          <input  type="button"class="btn btn-success btn-block" id="crearCta" value="Guardar" data-dismiss="modal">-->
                                          <button  type="submit"class="btn btn-primary btn-block" id="crearCta" value="Guardar" data-dismiss="modal">Guardar</button>
                                        </div>
                                      </div>
                                    </form>
                                  </div> 
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                      
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->

                           <div id="modalListaMovimientos" 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">Lista de Movimientos</h4>
                                  </div>
                                  <div class="modal-body">
                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="panel panel-info">
                                            <div class="panel-body">
                                              <div class="row">
                                                  <div class="alert alert-info" role="alert" align="center">
                                                    <h4>Listado de Movimientos - <span id="nombre_cliente_mov"></span></h4>
                                                  </div>
                                              </div>
                                              <div class="row">
                                                <div class="col-md-2 col-md-offset-8" align="right">
                                                  Id Cuenta:
                                                </div>
                                                <div class="col-md-2">
                                                  <input type="text" class="form-control" id="id_CtaCte" disabled="disabled">   
                                                </div>
                                              </div>
                                              <br>
                                              <div class="row">
                                                  <div class="col-md-2">
                                                    <select class="form-control" id="comboFiltroF">
                                                      <option value="h">Hoy</option>
                                                      <option value="f">Fecha</option>
                                                      <option value="ef">Entre Fechas</option>
                                                    </select>
                                                    <p></p>
                                                  </div>
                                                  <div class="col-md-1">
                                                    <h5>Del:</h5>
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type='text' class=" form-control" id="txtfecha1">
                                                    <p></p>
                                                  </div>
                                                  <div class="col-md-1">
                                                    <h5>Al:</h5>
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type='text' class="form-control" id="txtfecha2">
                                                  </div>
                                                  <div class="col-md-2" align="center">
                                                    <button type="button" class=" btn btn-block btn-success" id="FiltrarMov">Filtrar</button>
                                                    <p></p>
                                                  </div>
                                              </div>
                                              <br>
                                              <div class="row">
                                                <div id="imprimir_mov">
                                                  <div>
                                                    <table class="table table-bordered">
                                                        <thead>
                                                          <tr >
                                                            <th>Nro</th>
                                                            <th>Fecha Operacion</th>
                                                            <th>Deposito</th>
                                                            <th>Retiro</th>
                                                            <th>Saldo</th>
                                                            <th>Monto Sobregiro</th>
                                                            <th>Interes Sobregiro</th>
                                                            <th>Nro Dias Sobregiro</th>
                                                            <th>Observaciones</th>
                                                          </tr>
                                                        </thead>
                                                        <tbody id="listaMovi">
                                                        </tbody>
                                                    </table>
                                                  </div>
                                                </div>
                                                
                                              </div>
                                            </div>
                                          </div>  
                                        </div>
                                      </div>
                                      <div class="row">
                                        <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-2">
                                           <button  type="button"class="btn btn-inverse btn-block" id="imprimirMov"><i class="fa fa-print" ></i> Imprimir </button>
                                        </div>
                                      </div>
                                  </div> 
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                      
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->

                          <div class="table-responsive">
                            <table class="table table-hover table-bordered">
                                <thead>
                                  <tr >
                                    <th>Nro</th>
                                    <th>Fecha Apertura</th>
                                    <th>Nombre</th>
                                    <th>A. Paterno</th>
                                    <th>A. Materno</th>
                                    <th>Estado Cuenta</th>
                                    <th>Saldo</th>
                                     
                                  </tr>
                                </thead>
                                <tbody id="listaCtaCte">

                                </tbody>
                            </table>
                          </div>
                      </div>
                    </p>
                  </div>
                  <br>
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1" align="center">
                      <nav>
                        <ul class="pagination">
                          <li>
                            <a href="#" id="ant" aria-label="Previous">
                              <span aria-hidden="true">&laquo;</span>
                            </a>
                          </li>
                          <li class="active pag" ><a id="pg1" href="#">1</a></li>
                          <li class="pag" ><a id="pg2" href="#" >2</a></li>
                          <li class="pag" ><a id="pg3" href="#">3</a></li>
                          <li class="pag" ><a id="pg4" href="#">4</a></li>
                          <li class="pag" ><a id="pg5" href="#">5</a></li>
                          <li >
                            <a href="#" id="pos" aria-label="Next">
                              <span aria-hidden="true">&raquo;</span>
                            </a>
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                  <br>
                </div>
              </div>
          </div>
        </div>
    <script type="text/JavaScript">
        var dialog="";
        var pagina=1;
        var Aux="";
        var filaI =0;
        var montoDeSobregiro=0;
        $(document).ready(function(){
           $('#txtfecha1').datetimepicker({
              locale: 'es',
              format: 'YYYY-MM-DD'
          });
          $('#txtfecha2').datetimepicker({
              locale: 'es',
              format: 'YYYY-MM-DD'
          });
          $("input[name=TipoPersona]").click(function(){
            if($(this).val()=="Natural"){
              $("#dniRUC").text("DNI");
              $("#nombreRazon").text("Nombres");
              $("#campoAp").show();
            }
            else{
              $("#dniRUC").text("RUC");
              $("#nombreRazon").text("Razon Social");
              $("#campoAp").hide();
            }
          });
          $('#txtfecha1').hide();
          $('#txtfecha2').hide();
          //
          $('#comboFiltroF').change(function(){
            $('#txtfecha1').prop('value',null);
            $('#txtfecha2').prop('value',null);
            if( $(this).val()=='h'){
              $('#txtfecha1').hide();
              $('#txtfecha2').hide();
            }
            else{
              if($(this).val()=='f'){
                $('#txtfecha1').show();
                $('#txtfecha2').hide();
              }
              else{
                if($(this).val()=='ef'){
                  $('#txtfecha1').show();
                  $('#txtfecha2').show();
                  }
              }
            }
          }); 
          
          $('#txtMontoCargo').numeric(".");
          $('#txtMontoAbono').numeric('.');
          $("#montoapertura").numeric('.');
          $("#txtDniC").numeric();
          $("#RefrescarLista").click(function(){
              ajax_CtaCte();
          });
        $("#FiltrarMov").click(function(){ 
          ajax_CtaCte_movimientos();
        })
        $("#listado_mov").click(function(){
          $("#nombre_cliente_mov").text($("#txtNombre").val()+", "+$("#txtAP").val()+" "+$("#txtAM").val());
          $("#id_CtaCte").prop('value',$("#txtCtaCte").val());
          $('#listaMovi').html("");
        })
        $("#imprimirMov").click(function(){
          $("#imprimir_mov").printThis();
        })

        //---------------------------------------------------------------------
        //paginacion
                              $(".pag").click(function(){
                                $(".pag").attr('class',' pag');
                                $(this).attr('class','active pag');
                                pagina = $(this).text();
                                ajax_CtaCte();
                              })
                              $("#ant").click(function(){
                                var pag = $("#pg1").text();
                                pag= parseInt(pag);
                                if(pag>1){
                                  $("#pg1").text(pag-1);
                                  pag= $("#pg2").text();
                                  pag= parseInt(pag);
                                  $("#pg2").text(pag-1);
                                   pag= $("#pg3").text();
                                  pag= parseInt(pag);
                                  $("#pg3").text(pag-1);
                                   pag= $("#pg4").text();
                                  pag= parseInt(pag);
                                  $("#pg4").text(pag-1);
                                   pag= $("#pg5").text();
                                  pag= parseInt(pag);
                                  $("#pg5").text(pag-1);
                                }
                              });
                              $("#pos").click(function(){
                                var pag = $("#pg1").text();
                                pag= parseInt(pag);
                                $("#pg1").text(pag+1);
                                pag = $("#pg2").text();
                                pag= parseInt(pag);
                                $("#pg2").text(pag+1);
                                pag = $("#pg3").text();
                                pag= parseInt(pag);
                                $("#pg3").text(pag+1);
                                pag = $("#pg4").text();
                                pag= parseInt(pag);
                                $("#pg4").text(pag+1);
                                pag = $("#pg5").text();
                                pag= parseInt(pag);
                                $("#pg5").text(pag+1);
                              });
        //--------------------------------------------------------------------
        $("#crearCta").click(function(){
          dialog=bootbox.dialog({
              message: '<p><i class="fa fa-spin fa-spinner"></i> Realizando Operación...</p>'
          });
          crearCta_ajax();
        });
        function crearCta_ajax(){
           $.ajax({
                data:{'tp':$('input:radio[name=TipoPersona]:checked').val(),'dni':$("#txtDniC").val(),'nom':$("#txtNombreC").val(),'ap':$("#txtApCli").val(),'am':$("#txtAmCli").val(),'monto':$("#montoapertura").val(),'obs':$("#observacion").val()},
                url:'/CrearCtaCte_Material_operador_ajax/',
                type:'GET',
                dataType:'text',
                success: function(data){ 
                  if(data=='exito'){
                    dialog.modal('hide');
                    $("#ExitoOp").prop('class','alert alert-success');
                    $("#resul_text").text("Cuenta Corriente Creada");
                    ajax_CtaCte();
                  }
                  else{
                     dialog.modal('hide');
                    $("#ExitoOp").prop('class','alert alert-danger');
                    $("#resul_text").text("Fallo operacion " + data);
                    ajax_CtaCte();
                  }
                },
                error: function(xhr, textStatus, errorThrown) {
                        
                        console.log(xhr.responseText);
                },
          });
        }
        $('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;
            }
          });
        function ajax_CtaCte(){
            $.ajax({
                data:{'pg':pagina},
                url:'/ListadoCtaCtes_material_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  Aux = data;
                  var html ="";
                  for(var i=0;i<data.length;i++){
                     var estado ="";
                      if(data[i].estado.trim() =="activo"){
                            estado="success";
                            
                      }
                      if(data[i].estado.trim() =="bloqueado"){
                            estado = "danger";
                            
                      }
                       if(data[i].estado.trim() =="cerrado"){
                            estado = "warning";
                             
                      }

                    html += '<tr data-toggle="modal" data-target="#myModal" class="filaCtaCte '+estado+'" id="'+i+'"><th scope="row">'+data[i].ID+'</th><td>'+data[i].fa+'</td><td>'+data[i].nom+'</td><td>'+data[i].ap+'</td><td>'+data[i].am+'</td><td>'+data[i].estado+'</td><td>'+data[i].saldo+'</td></tr>';
                  }
                  $('#listaCtaCte').html(html);   
                }
          });
        }
        function ajax_CtaCteFiltro(filtro){
            /*$.ajax({
                data:{'filtro':filtro},
                url:'/ListadoCtaCtes_material_Xcliente_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){ 
                  console.log(data);
                    Aux = data;
                    var html ="";
                    for(var i=0;i<data.length;i++){
                       var estado ="";
                        if(data[i].estado.trim() =="activo"){
                              estado="success";
                              
                        }
                        if(data[i].estado.trim() =="bloqueado"){
                              estado = "danger";
                              
                        }
                         if(data[i].estado.trim() =="cerrado"){
                              estado = "warning";
                               
                        }

                      html += '<tr data-toggle="modal" data-target="#myModal" class="filaCtaCte '+estado+'" id="'+i+'"><th scope="row">'+data[i].ID+'</th><td>'+data[i].fa+'</td><td>'+data[i].nom+'</td><td>'+data[i].ap+'</td><td>'+data[i].am+'</td><td>'+data[i].estado+'</td><td>'+data[i].saldo+'</td></tr>';
                    }
                    $('#listaCtaCte').html(html); 
                    
                },
                error: function(xhr, textStatus, errorThrown) {
                      console.log(xhr.responseText);
                },
          });*/
          console.log("click");
        }
        function ajax_CtaCte_movimientos(){
            $.ajax({
                data:{'pk':$("#id_CtaCte").val(),'filtro':$('#comboFiltroF').val(),'F1':$('#txtfecha1').val(),'F2':$('#txtfecha2').val()},
                url:'/listado_ctacte_material_movimientos/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  var html ="";
                  for(var i=0;i<data.length;i++){
                    html += '<tr><th scope="row">'+i+'</th><td>'+data[i].f+'</td><td>'+data[i].md+'</td><td>'+data[i].mr+'</td><td>'+data[i].s+'</td><td>'+data[i].msb+'</td><<td>'+data[i].isb+'</td><td>'+data[i].ndsb+'</td><td>'+data[i].obs+'</td></tr>';
                  }
                  $('#listaMovi').html(html);
                },
                error: function(xhr, textStatus, errorThrown) {
                      console.log(xhr.responseText);
                },
          });
        }
        function ajax_CtaCtePositiva(){
            $.ajax({
                data:{'pg':pagina},
                url:'/ListadoCtaCtes_material_positivas_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  Aux = data;
                  var html ="";
                  for(var i=0;i<data.length;i++){
                    var estado ="";
                      if(data[i].estado.trim() =="activo"){
                            estado="success";
                            
                      }
                      if(data[i].estado.trim() =="bloqueado"){
                            estado = "danger";
                            
                      }
                       if(data[i].estado.trim() =="cerrado"){
                            estado = "warning";
                             
                      }
                    html += '<tr data-toggle="modal" data-target="#myModal" class="filaCtaCte '+estado+'" id="'+i+'"><th scope="row">'+data[i].ID+'</th><td>'+data[i].fa+'</td><td>'+data[i].nom+'</td><td>'+data[i].ap+'</td><td>'+data[i].am+'</td><td>'+data[i].estado+'</td><td>'+data[i].saldo+'</td></tr>';
                  }
                  $('#listaCtaCte').html(html);  
                },
                error: function(xhr, textStatus, errorThrown) {
                      console.log(xhr.responseText);
                },
          });
        }


        function ajax_CtaCteSobregiradas(){
            $.ajax({
                data:{'pg':pagina},
                url:'/ListadoCtaCtes_material_sobregiradas_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  Aux = data;
                  var html ="";
                  for(var i=0;i<data.length;i++){
                    var estado ="";
                      if(data[i].estado.trim() =="activo"){
                            estado="success";
                            
                      }
                      if(data[i].estado.trim() =="bloqueado"){
                            estado = "danger";
                            
                      }
                       if(data[i].estado.trim() =="cerrado"){
                            estado = "warning";
                             
                      }
                    html += '<tr data-toggle="modal" data-target="#myModal" class="filaCtaCte '+estado+'" id="'+i+'"><th scope="row">'+data[i].ID+'</th><td>'+data[i].fa+'</td><td>'+data[i].nom+'</td><td>'+data[i].ap+'</td><td>'+data[i].am+'</td><td>'+data[i].estado+'</td><td>'+data[i].saldo+'</td></tr>';
                  }
                  $('#listaCtaCte').html(html);  
                },
                error: function(xhr, textStatus, errorThrown) {
                      console.log(xhr.responseText);
                },
          });
        }

        function ajax_CtaCteNroCta(id){
            $.ajax({
                data:{'pg':pagina,'id':id},
                url:'/ListadoCtaCtes_material_nrocuenta_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  Aux = data;
                  var html ="";
                  for(var i=0;i<data.length;i++){

                     html += '<tr data-toggle="modal" data-target="#myModal" class="filaCtaCte" id="'+i+'"><th scope="row">'+data[i].ID+'</th><td>'+data[i].fa+'</td><td>'+data[i].nom+'</td><td>'+data[i].ap+'</td><td>'+data[i].am+'</td><td>'+data[i].estado+'</td><td>'+data[i].saldo+'</td></tr>';
                  }
                  $('#listaCtaCte').html(html);  
                }
          });
        }

        $(document).on("change","#comboFiltro",function(){
            if($(this).val()=="p")
            {
              ajax_CtaCtePositiva();
              $("#div2").hide();
            }
            else
            {
              if($(this).val()=="nc")
              {
                $("#div2").show();
                $("#txtfiltro").attr('placeholder','busqueda');
              }
              else
              {
                  if($(this).val()=="s")
                  {
                    ajax_CtaCteSobregiradas();
                    $("#div2").hide();
                  }
                  else{
                    if($(this).val()=="c")
                    {
                      $("#div2").show();
                      $("#txtfiltro").attr('placeholder','DNI Cliente');
                    }
                  }
              }
            }
          });

        $(document).on("click","#btnfiltrar",function(){
           if($("#comboFiltro").val()=="nc" && $("#txtfiltro").val()!="")
           {
              ajax_CtaCteNroCta($("#txtfiltro").val());
           }
           else{
              if($("#comboFiltro").val()=="c" && $("#txtfiltro").val()!=""){
                ajax_CtaCteFiltro($("#txtfiltro").val());
              }
           }
          });


        $(document).on("click",".filaCtaCte",function(){
            var num = $(this).attr('id');
            filaI = num;
            var fila= $(this).attr('class');
            if(Aux[filaI].estado=="activo")
            {
              $("#btnCargo").prop("disabled",false);
              $("#btnAbono").prop("disabled",false);
            }
            if(Aux[filaI].estado=="bloqueado")
            {
              $("#btnCargo").prop("disabled",true);
              $("#btnAbono").prop("disabled",false);
            }
            if(Aux[filaI].estado=="cerrado")
            {
              $("#btnCargo").prop("disabled",true);
              $("#btnAbono").prop("disabled",true);
            }
            $('#txtCtaCte').prop('value',Aux[filaI].ID);
            $('#txtDNI').prop('value',Aux[filaI].dni);
            $('#txtNombre').prop('value',Aux[filaI].nom);
            $('#txtAP').prop('value',Aux[filaI].ap);
            $('#txtAM').attr("value",Aux[filaI].am);
            $('#txtObservacion').prop("value",Aux[filaI].obs);
            $('#txtSaldo').prop("value",Aux[filaI].saldo);
            $('#txtMontoCargo').prop("value","");
            $('#txtMontoAbono').prop("value","");
            $('#txtFechaA').prop('value',Aux[filaI].fa);
            $('#ComboEstado').prop('value',Aux[filaI].estado);

        });

        //---------- section change-----------
        $(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');
        });
        $("#btnModificarEstado").click(function(){
            enviarModificacionEstado();
        });
          function enviarModificacionEstado(){
            var idctacte= $("#txtCtaCte").val();
            var estado = $('#ComboEstado').val();
               $.ajax({
                  data:{'idctacte':idctacte,'estado':estado},
                  url:'/modificarestado_ctacte_material_ajax/',
                  type:'GET',
                  dataType:'text',
                  success: function(data){
                     if(data=='exito'){
                      $("#ExitoOp").prop('class','alert alert-success');
                      $("#resul_text").text("Estado modificado!!");
                      ajax_CtaCte();
                      }
                    else{
                      $("#ExitoOp").prop('class','alert alert-danger');
                      $("#resul_text").text("Fallo operacion " + data);
                      ajax_CtaCte();
                      }
                  }
            });
          }
          $("#btnDepositar").click(function(){
          var m;
          var fecha=new Date();
          var fYear=fecha.getFullYear();
          var fDay=fecha.getDate();
          var fMonth=fecha.getMonth();
          var hour=fecha.getHours();
          var second=fecha.getSeconds();
          var minutes=fecha.getMinutes();
          var oficinaRecibo='{{SITE_URL}}'
          var idctacte= $("#txtCtaCte").val();
          var montodeposito = $("#txtMontoAbono").val();
          var ObsAbono = $("#txtObservacionesAbono").val();
          var nombre=$("#txtNombre").val();
          var ap=$("#txtAP").val();
          var am=$("#txtAM").val();
          var dni= $('#txtDNI').val();
          var usuario='{{user.username}}'
          $("#concepto").text("Abono/Deposito en Cuenta Corriente");
          $("#oficinaRecibo").text("Oficina: "+oficinaRecibo);
          $("#fechaRecibo").text("Fecha: "+fYear+"-"+fMonth+"-"+fDay);
          $("#horaRecibo").text("Hora: "+hour+":"+minutes+":"+minutes);
          $("#recibi").text("Sr(a): "+nombre+" "+ap+" "+" "+am);
          $("#importe").text(montodeposito+' g');
          $("#dni").text(dni);
          $("#operador").text(usuario);

          
          bootbox.confirm({
              message: "¿Va realizar un deposito de material. Desea continuar?",
              className: 'bb-alternate-modal',
              buttons: {
                  confirm: {
                      label: '<i class="fa fa-check"></i> Aceptar',
                      className: 'btn-success'
                  },
                  cancel: {
                      label: '<i class="fa fa-times"></i> Cancelar',
                      className: 'btn-danger'
                  }
              },
              callback: function (result) {
                   if(result) {
                      dialog=bootbox.dialog({
                          message: '<p><i class="fa fa-spin fa-spinner"></i> Realizando Operación...</p>'
                      });

                      $.ajax({
                          data:{'idctacte':idctacte,'montodeposito':montodeposito,'observaciones':ObsAbono,'nombre':nombre,'ap':ap,'am':am},
                          url:'/depositar_ctacte_material_ajax/',
                          type:'GET',
                          dataType:'text',
                          success: function(data){
                           if(data=='exito'){

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

                              dialog.modal('hide');

                              $("#ExitoOp").prop('class','alert alert-success');
                              $("#resul_text").text("Deposito Exitoso!!");
                              $("#platillaI").printThis();
                              ajax_CtaCte();
                            }
                            else{

                              bootbox.alert({ 
                                message: "Error "+data,
                                className: 'bb-alternate-modal'
                              });

                              dialog.modal('hide');

                              $("#ExitoOp").prop('class','alert alert-danger');
                              $("#resul_text").text("Fallo operacion " + data);
                              ajax_CtaCte();
                            }
                           
                          },
                          error: function(xhr, textStatus, errorThrown) {
                                  console.log(xhr.responseText);
                          },
                      });
                      
                  }
                   
              }
          });
 
          });
        

        $("#txtMontoCargo").keyup(function()
        {
          var montoMov=0;

          var saldoDisp=parseFloat($("#txtSaldo").val());

          if($(this).val()!="")
            montoMov=parseFloat($(this).val());

          if(saldoDisp<0)
          {
            montoDeSobregiro=montoMov;
            $("#txtSobregiro").val(montoDeSobregiro);
          }
          else
          {
            if(saldoDisp<montoMov)
            {
              montoDeSobregiro=saldoDisp-montoMov;
              montoDeSobregiro=Math.abs(montoDeSobregiro);
              $("#txtSobregiro").val(montoDeSobregiro);
            }
          }

          if(montoDeSobregiro>0)
          {
            $("#txtInteresDiario").prop("disabled",false);
            $("#txtTiempoAutorizado").prop("disabled",false);
            $("#txtSobregiro").prop("disabled",false);
          }

           
        });

         $("#btnRetiro").click(function(){
            var m;
            var fecha=new Date();
            var fYear=fecha.getFullYear();
            var fDay=fecha.getDate();
            var fMonth=fecha.getMonth();
            var hour=fecha.getHours();
            var second=fecha.getSeconds();
            var minutes=fecha.getMinutes();
            var oficinaRecibo='{{SITE_URL}}'
            var idctacte= $("#txtCtaCte").val();
            var Sobregiro=$("#txtSobregiro").val();
            var montocargo = $("#txtMontoCargo").val();
            var ObsCargo = $("#txtObservacionesCargo").val();
            var nombre=$("#txtNombre").val();
            var ap=$("#txtAP").val();
            var am=$("#txtAM").val();
            var moneda=$("#txtMoneda").val();
            var dni= $('#txtDNI').val();
            var usuario='{{user.username}}'
            
            $("#oficinaRecibo").text("Oficina: "+oficinaRecibo);
            $("#fechaRecibo").text("Fecha: "+fYear+"-"+fMonth+"-"+fDay);
            $("#horaRecibo").text("Hora: "+hour+":"+minutes+":"+minutes);
            $("#recibi").text("Sr(a): "+nombre+" "+ap+" "+" "+am);
            if (moneda=="soles")
            {
              m="S/. ";
            }
            else
            {
              m="$/. ";
            }

            if (montoDeSobregiro>0)
            {

            }
            $("#concepto").text("Cargo/Retiro en Cuenta Corriente");
            if (montoDeSobregiro>0)
            {
              $("#concepto").text("Cargo/Retiro en Cuenta Corriente <Con sobregiro de: "+montoDeSobregiro+">");
            }
             $("#importe").text(montocargo+" g");
              $("#dni").text(dni);
              $("#operador").text(usuario);

          if (montoDeSobregiro>0)
          {
            if ($("#txtTiempoAutorizado").val()!="" && $("#txtInteresDiario").val()!="")
            {

                bootbox.confirm({
                    message: "¿Va realizar un retiro de material. Desea continuar?",
                    className: 'bb-alternate-modal',
                    buttons: {
                        confirm: {
                            label: '<i class="fa fa-check"></i> Aceptar',
                            className: 'btn-success'
                        },
                        cancel: {
                            label: '<i class="fa fa-times"></i> Cancelar',
                            className: 'btn-danger'
                        }
                    },
                    callback: function (result) {
                         if(result) {
                            dialog=bootbox.dialog({
                                message: '<p><i class="fa fa-spin fa-spinner"></i>  Realizando Operación...</p>'
                            });
                            
                             $.ajax({
                                  data:{'idctacte':idctacte,'montoretiro':montocargo,'interes':$("#txtInteresDiario").val(),'nrodias':$("#txtTiempoAutorizado").val(),'observaciones':ObsCargo,'nombre':nombre,'ap':ap,'am':am},
                                  url:'/retirar_ctacte_material_ajax/',
                                  type:'GET',
                                  dataType:'text',
                                  success: function(data){
                                   if(data=='exito'){
                                      
                                      bootbox.alert({ 
                                        message: "Operación exitosa. Material Retirado",
                                        className: 'bb-alternate-modal'
                                      });
                                      dialog.modal('hide');
                                      $("#ExitoOp").prop('class','alert alert-success');
                                      $("#resul_text").text("Retiro Exitoso!!");
                                      $("#platillaI").printThis();
                                      ajax_CtaCte();
                                    }
                                    else{
                                      bootbox.alert({ 
                                        message: "Error "+data,
                                        className: 'bb-alternate-modal'
                                      });
                                      dialog.modal('hide');
                                      $("#ExitoOp").prop('class','alert alert-danger');
                                      $("#resul_text").text("Fallo operacion " + data);
                                      ajax_CtaCte();
                                    }
                                  }
                            }); 
                        }
                         
                    }
                });
              
            }
            else
            {
              $("#txtTiempoAutorizado").css( "background-color", "rgba(248, 158, 166, 0.61)" );
              $("#txtInteresDiario").css( "background-color", "rgba(248, 158, 166, 0.61)" );
            }
          }
          else{

              bootbox.confirm({
                      message: "¿Va realizar un retiro de material. Desea continuar?",
                      className: 'bb-alternate-modal',
                      buttons: {
                          confirm: {
                              label: '<i class="fa fa-check"></i> Aceptar',
                              className: 'btn-success'
                          },
                          cancel: {
                              label: '<i class="fa fa-times"></i> Cancelar',
                              className: 'btn-danger'
                          }
                      },
                      callback: function (result) {
                           if(result) {
                              dialog=bootbox.dialog({
                                  message: '<p><i class="fa fa-spin fa-spinner"></i> Realizando Operación...</p>'
                              });
                               
                               $.ajax({
                                    data:{'idctacte':idctacte,'montoretiro':montocargo,'interes':$("#txtInteresDiario").val(),'nrodias':$("#txtTiempoAutorizado").val(),'observaciones':ObsCargo,'nombre':nombre,'ap':ap,'am':am,'moneda':moneda},
                                    url:'/retirar_ctacte_material_ajax/',
                                    type:'GET',
                                    dataType:'text',
                                    success: function(data){
                                     if(data=='exito'){
                                        bootbox.alert({ 
                                          message: "Operación exitosa. Material Retirado",
                                          className: 'bb-alternate-modal'
                                        });
                                        dialog.modal('hide');

                                        $("#ExitoOp").prop('class','alert alert-success');
                                        $("#resul_text").text("Retiro Exitoso!!");
                                        $("#platillaI").printThis();
                                        ajax_CtaCte();
                                      }
                                      else{
                                        bootbox.alert({ 
                                          message: "Error "+data,
                                          className: 'bb-alternate-modal'
                                        });
                                        dialog.modal('hide');
                                        $("#ExitoOp").prop('class','alert alert-danger');
                                        $("#resul_text").text("Fallo operacion " + data);
                                        ajax_CtaCte();
                                      }
                                    }
                              });

                          }
                           
                      }
                  });
          }
        });
        
        $("#btnAnularIntereses").click(function(){
            var idctacte=$("#txtCtaCte").val();
            $.ajax({
                data:{'idctacte':idctacte},
                url:'/anularIntereses_ctacte_material_ajax/',
                type:'GET',
                dataType:'text',
                success: function(data){
                  if(data=='exito'){
                      $("#ExitoOp").prop('class','alert alert-success');
                      $("#resul_text").text("Se anularon los intereses");
                      ajax_CtaCte();
                      }
                    else{
                      $("#ExitoOp").prop('class','alert alert-danger');
                      $("#resul_text").text("Fallo operacion " + data);
                      ajax_CtaCte();
                      }
                }
              });
        });
    });
    </script>
{% endblock content1 %}
