{% extends "base.html" %}
{% block titulo %}
  .::Listado Cuentas Corrientes
{% endblock titulo %}
{% block content1 %} 
    
     <style type="text/css">
 

      .list-group-item {
          position: relative;
          display: block;
          padding: 2px 2px;
          margin-bottom: -1px;
          background-color: #fff;
          border: 1px solid #ddd;
      }

      
   
      [data-toggle="buttons"] > input[type="checkbox"],
      [data-toggle="buttons"] > label > input[type="checkbox"] {
        display: none;
      }
      .btn[class^="btn-radio"],
      .btn[class^="btn-checkbox"],
      .btn[class*=" btn-radio"],
      .btn[class*=" btn-checkbox"] {
        padding: 6px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        vertical-align: middle;
      }
      .btn[class^="btn-radio"]:hover,
      .btn[class^="btn-checkbox"]:hover,
      .btn[class*=" btn-radio"]:hover,
      .btn[class*=" btn-checkbox"]:hover {
        color: inherit;
        text-decoration: underline;
      }
      .btn[class^="btn-radio"]:before,
      .btn[class^="btn-checkbox"]:before,
      .btn[class*=" btn-radio"]:before,
      .btn[class*=" btn-checkbox"]:before {
        position: relative;
        display: inline-block;
        margin-right: 4px;
        font-style: normal;
        text-align: center;
        color: #fff;
        border: 1px solid #999999;
        background: #fff;
      }
      .active.btn[class^="btn-radio"]:before,
      .active.btn[class^="btn-checkbox"]:before,
      .active.btn[class*=" btn-radio"]:before,
      .active.btn[class*=" btn-checkbox"]:before {
        color: #555555;
      }
      :hover.btn[class^="btn-radio"]:before,
      :hover.btn[class^="btn-checkbox"]:before,
      :hover.btn[class*=" btn-radio"]:before,
      :hover.btn[class*=" btn-checkbox"]:before {
        border-color: #555555;
      }
      .btn[class^="btn-radio"]:before,
      .btn[class*=" btn-radio"]:before {
        content: "\2022";
        top: 3px;
        padding: 2px;
        width: 14px;
        height: 14px;
        font-family: arial;
        font-weight: bold;
        font-size: 22px;
        line-height: 9px;
        border-radius: 999px;
      }
      .btn[class^="btn-checkbox"]:before,
      .btn[class*=" btn-checkbox"]:before {
        content: "\f00c";
        top: -1px;
        padding: 0;
        width: 16px;
        height: 16px;
        font-family: FontAwesome;
        font-weight: normal;
        font-size: 11px;
        line-height: 13px;
      }
      .btn.active.btn-checkbox-primary:before,
      .btn.active.btn-radio-primary:before {
        color: #35a6f1;
      }
      .btn:hover.btn-checkbox-primary:before,
      .btn:hover.btn-radio-primary:before {
        border-color: #0c71b4;
      }
      .btn.active.btn-checkbox-success:before,
      .btn.active.btn-radio-success:before {
        color: #339933;
      }
      .btn:hover.btn-checkbox-success:before,
      .btn:hover.btn-radio-success:before {
        border-color: #194d19;
      }
      .btn.active.btn-checkbox-warning:before,
      .btn.active.btn-radio-warning:before {
        color: #f09609;
      }
      .btn:hover.btn-checkbox-warning:before,
      .btn:hover.btn-radio-warning:before {
        border-color: #8e5905;
      }
      .btn.active.btn-checkbox-danger:before,
      .btn.active.btn-radio-danger:before {
        color: #e51400;
      }
      .btn:hover.btn-checkbox-danger:before,
      .btn:hover.btn-radio-danger:before {
        border-color: #7f0b00;
      }
      .btn.active.btn-checkbox-info:before,
      .btn.active.btn-radio-info:before {
        color: #0d8dd7;
      }
      .btn:hover.btn-checkbox-info:before,
      .btn:hover.btn-radio-info:before {
        border-color: #074e77;
      }
      .btn.active.btn-checkbox-#000000:before,
      .btn.active.btn-radio-#000000:before {
        color: #0c0c0c;
      }
      .btn:hover.btn-checkbox-#000000:before,
      .btn:hover.btn-radio-#000000:before {
        border-color: #000000;
      }
      .btn.active.btn-checkbox-#ffffff:before,
      .btn.active.btn-radio-#ffffff:before {
        color: #ffffff;
      }
      .btn:hover.btn-checkbox-#ffffff:before,
      .btn:hover.btn-radio-#ffffff:before {
        border-color: #cccccc;
      }
      .btn.active.btn-checkbox-#808080:before,
      .btn.active.btn-radio-#808080:before {
        color: #eeeeee;
      }
      .btn:hover.btn-checkbox-#808080:before,
      .btn:hover.btn-radio-#808080:before {
        border-color: #bbbbbb;
      }
      .btn.active.btn-checkbox-inverse:before,
      .btn.active.btn-radio-inverse:before {
        color: #2e383d;
      }
      .btn:hover.btn-checkbox-inverse:before,
      .btn:hover.btn-radio-inverse:before {
        border-color: #020303;
      }
      .btn.active.btn-checkbox-body:before,
      .btn.active.btn-radio-body:before {
        color: #f2f2f2;
      }
      .btn:hover.btn-checkbox-body:before,
      .btn:hover.btn-radio-body:before {
        border-color: #bfbfbf;
      }
      .btn.active.btn-checkbox-support1:before,
      .btn.active.btn-radio-support1:before {
        color: #70bc99;
      }
      .btn:hover.btn-checkbox-support1:before,
      .btn:hover.btn-radio-support1:before {
        border-color: #3f8766;
      }
      .btn.active.btn-checkbox-support2:before,
      .btn.active.btn-radio-support2:before {
        color: #f8576c;
      }
      .btn:hover.btn-checkbox-support2:before,
      .btn:hover.btn-radio-support2:before {
        border-color: #e00925;
      }
      .btn.active.btn-checkbox-support3:before,
      .btn.active.btn-radio-support3:before {
        color: #6bafbd;
      }
      .btn:hover.btn-checkbox-support3:before,
      .btn:hover.btn-radio-support3:before {
        border-color: #3c7986;
      }
      .btn.active.btn-checkbox-support4:before,
      .btn.active.btn-radio-support4:before {
        color: #ab93eb;
      }
      .btn:hover.btn-checkbox-support4:before,
      .btn:hover.btn-radio-support4:before {
        border-color: #683ddb;
      }
      .btn.active.btn-checkbox-support5:before,
      .btn.active.btn-radio-support5:before {
        color: #45677f;
      }
      .btn:hover.btn-checkbox-support5:before,
      .btn:hover.btn-radio-support5:before {
        border-color: #21313d;
      }
      .btn.btn-checkbox-default-inverse:before {
        border-color: #494949;
      }
      .active.btn.btn-checkbox-default-inverse:before {
        color: #fff;
        background: #555555;
      }
      :hover.btn.btn-checkbox-default-inverse:before {
        border-color: #222222;
      }
      .btn.btn-radio-default-inverse:before {
        border-color: #3c3c3c;
        background: #fff;
      }
      .active.btn.btn-radio-default-inverse:before {
        background: #555555;
        color: #555555;
      }
      :hover.btn.btn-radio-default-inverse:before {
        border-color: #222222;
      }
      .btn.btn-checkbox-primary-inverse:before {
        border-color: #1d9bef;
      }
      .active.btn.btn-checkbox-primary-inverse:before {
        color: #fff;
        background: #35a6f1;
      }
      :hover.btn.btn-checkbox-primary-inverse:before {
        border-color: #0c71b4;
      }
      .btn.btn-radio-primary-inverse:before {
        border-color: #108fe3;
        background: #fff;
      }
      .active.btn.btn-radio-primary-inverse:before {
        background: #35a6f1;
        color: #35a6f1;
      }
      :hover.btn.btn-radio-primary-inverse:before {
        border-color: #0c71b4;
      }
      .btn.btn-checkbox-success-inverse:before {
        border-color: #2d862d;
      }
      .active.btn.btn-checkbox-success-inverse:before {
        color: #fff;
        background: #339933;
      }
      :hover.btn.btn-checkbox-success-inverse:before {
        border-color: #194d19;
      }
      .btn.btn-radio-success-inverse:before {
        border-color: #267326;
        background: #fff;
      }
      .active.btn.btn-radio-success-inverse:before {
        background: #339933;
        color: #339933;
      }
      :hover.btn.btn-radio-success-inverse:before {
        border-color: #194d19;
      }
      .btn.btn-checkbox-warning-inverse:before {
        border-color: #d78708;
      }
      .active.btn.btn-checkbox-warning-inverse:before {
        color: #fff;
        background: #f09609;
      }
      :hover.btn.btn-checkbox-warning-inverse:before {
        border-color: #8e5905;
      }
      .btn.btn-radio-warning-inverse:before {
        border-color: #bf7707;
        background: #fff;
      }
      .active.btn.btn-radio-warning-inverse:before {
        background: #f09609;
        color: #f09609;
      }
      :hover.btn.btn-radio-warning-inverse:before {
        border-color: #8e5905;
      }
      .btn.btn-checkbox-danger-inverse:before {
        border-color: #cc1200;
      }
      .active.btn.btn-checkbox-danger-inverse:before {
        color: #fff;
        background: #e51400;
      }
      :hover.btn.btn-checkbox-danger-inverse:before {
        border-color: #7f0b00;
      }
      .btn.btn-radio-danger-inverse:before {
        border-color: #b21000;
        background: #fff;
      }
      .active.btn.btn-radio-danger-inverse:before {
        background: #e51400;
        color: #e51400;
      }
      :hover.btn.btn-radio-danger-inverse:before {
        border-color: #7f0b00;
      }
      .btn.btn-checkbox-info-inverse:before {
        border-color: #0c7dbf;
      }
      .active.btn.btn-checkbox-info-inverse:before {
        color: #fff;
        background: #0d8dd7;
      }
      :hover.btn.btn-checkbox-info-inverse:before {
        border-color: #074e77;
      }
      .btn.btn-radio-info-inverse:before {
        border-color: #0a6da7;
        background: #fff;
      }
      .active.btn.btn-radio-info-inverse:before {
        background: #0d8dd7;
        color: #0d8dd7;
      }
      :hover.btn.btn-radio-info-inverse:before {
        border-color: #074e77;
      }
      .btn.btn-checkbox-black-inverse:before {
        border-color: #000000;
      }
      .active.btn.btn-checkbox-black-inverse:before {
        color: #fff;
        background: #0c0c0c;
      }
      :hover.btn.btn-checkbox-black-inverse:before {
        border-color: #000000;
      }
      .btn.btn-radio-black-inverse:before {
        border-color: #000000;
        background: #fff;
      }
      .active.btn.btn-radio-black-inverse:before {
        background: #0c0c0c;
        color: #0c0c0c;
      }
      :hover.btn.btn-radio-black-inverse:before {
        border-color: #000000;
      }
      .btn.btn-checkbox-white-inverse:before {
        border-color: #f2f2f2;
      }
      .active.btn.btn-checkbox-white-inverse:before {
        color: #fff;
        background: #666666;
      }
      :hover.btn.btn-checkbox-white-inverse:before {
        border-color: #cccccc;
      }
      .btn.btn-radio-white-inverse:before {
        border-color: #e6e6e6;
        background: #fff;
      }
      .active.btn.btn-radio-white-inverse:before {
        background: #ffffff;
        color: #ffffff;
      }
      :hover.btn.btn-radio-white-inverse:before {
        border-color: #cccccc;
      }
      .btn.btn-checkbox-gray-inverse:before {
        border-color: #313534;
      }
      .active.btn.btn-checkbox-gray-inverse:before {
        color: #fff;
        background: #555555;
      }
      :hover.btn.btn-checkbox-gray-inverse:before {
        border-color: #313534;
      }
      .btn.btn-radio-gray-inverse:before {
        border-color: #d5d5d5;
        background: #fff;
      }
      .active.btn.btn-radio-gray-inverse:before {
        background: #eeeeee;
        color: #eeeeee;
      }
      :hover.btn.btn-radio-gray-inverse:before {
        border-color: #bbbbbb;
      }
      .btn.btn-checkbox-inverse-inverse:before {
        border-color: #232b2e;
      }
      .active.btn.btn-checkbox-inverse-inverse:before {
        color: #fff;
        background: #2e383d;
      }
      :hover.btn.btn-checkbox-inverse-inverse:before {
        border-color: #020303;
      }
      .btn.btn-radio-inverse-inverse:before {
        border-color: #181d20;
        background: #fff;
      }
      .active.btn.btn-radio-inverse-inverse:before {
        background: #2e383d;
        color: #2e383d;
      }
      :hover.btn.btn-radio-inverse-inverse:before {
        border-color: #020303;
      }
      .btn.btn-checkbox-support1-inverse:before {
        border-color: #5fb48d;
      }
      .active.btn.btn-checkbox-support1-inverse:before {
        color: #fff;
        background: #70bc99;
      }
      :hover.btn.btn-checkbox-support1-inverse:before {
        border-color: #3f8766;
      }
      .btn.btn-radio-support1-inverse:before {
        border-color: #4faa80;
        background: #fff;
      }
      .active.btn.btn-radio-support1-inverse:before {
        background: #70bc99;
        color: #70bc99;
      }
      :hover.btn.btn-radio-support1-inverse:before {
        border-color: #3f8766;
      }
      .btn.btn-checkbox-support2-inverse:before {
        border-color: #f73f57;
      }
      .active.btn.btn-checkbox-support2-inverse:before {
        color: #fff;
        background: #f8576c;
      }
      :hover.btn.btn-checkbox-support2-inverse:before {
        border-color: #e00925;
      }
      .btn.btn-radio-support2-inverse:before {
        border-color: #f62641;
        background: #fff;
      }
      .active.btn.btn-radio-support2-inverse:before {
        background: #f8576c;
        color: #f8576c;
      }
      :hover.btn.btn-radio-support2-inverse:before {
        border-color: #e00925;
      }
      .btn.btn-checkbox-support3-inverse:before {
        border-color: #59a5b5;
      }
      .active.btn.btn-checkbox-support3-inverse:before {
        color: #fff;
        background: #6bafbd;
      }
      :hover.btn.btn-checkbox-support3-inverse:before {
        border-color: #3c7986;
      }
      .btn.btn-radio-support3-inverse:before {
        border-color: #4c99a9;
        background: #fff;
      }
      .active.btn.btn-radio-support3-inverse:before {
        background: #6bafbd;
        color: #6bafbd;
      }
      :hover.btn.btn-radio-support3-inverse:before {
        border-color: #3c7986;
      }
      .btn.btn-checkbox-support4-inverse:before {
        border-color: #9a7de7;
      }
      .active.btn.btn-checkbox-support4-inverse:before {
        color: #fff;
        background: #ab93eb;
      }
      :hover.btn.btn-checkbox-support4-inverse:before {
        border-color: #683ddb;
      }
      .btn.btn-radio-support4-inverse:before {
        border-color: #8a68e3;
        background: #fff;
      }
      .active.btn.btn-radio-support4-inverse:before {
        background: #ab93eb;
        color: #ab93eb;
      }
      :hover.btn.btn-radio-support4-inverse:before {
        border-color: #683ddb;
      }
      .btn.btn-checkbox-support5-inverse:before {
        border-color: #3c5a6e;
      }
      .active.btn.btn-checkbox-support5-inverse:before {
        color: #fff;
        background: #45677f;
      }
      :hover.btn.btn-checkbox-support5-inverse:before {
        border-color: #21313d;
      }
      .btn.btn-radio-support5-inverse:before {
        border-color: #334c5e;
        background: #fff;
      }
      .active.btn.btn-radio-support5-inverse:before {
        background: #45677f;
        color: #45677f;
      }
      :hover.btn.btn-radio-support5-inverse:before {
        border-color: #21313d;
      }
      .btn-switch {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 60px;
        position: relative;
        overflow: hidden;
        padding: 0;
        margin: 0;
        background: #E1E1E8;
      }
      .btn-switch label {
        padding: 0;
        margin: 0;
        white-space: nowrap;
        width: 200%;
        cursor: pointer;
        margin-bottom: -4px;
        margin-left: 0;
        -webkit-transition: margin-left 0.2s ease-out;
        transition: margin-left 0.2s ease-out;
      }
      .btn-switch label span {
        display: inline-block;
        float: left;
        padding: 6px 18px 6px 0;
        text-align: center;
        width: 50%;
        background: #55baf5;
      }
      .btn-switch label span + span {
        padding: 6px 0 6px 18px;
      }
      .btn-switch:after {
        content: ".";
        position: absolute;
        left: 100%;
        display: inline-block;
        padding: 5px 0;
        margin-left: -20px;
        width: 20px;
        background: #fff;
        color: #fff;
        border: 1px solid #999999;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
      }
      .btn-switch.active:after {
        left: 0;
        margin-left: 0;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
      }
      .btn-switch.active label {
        margin-left: -100%;
        -webkit-transition: margin-left 0.2s ease-out;
        transition: margin-left 0.2s ease-out;
      }
      .btn-group-vertical.full-width {
        width: 100%;
      }
      .btn-group-vertical.full-width .btn,
      .btn-group-vertical.full-width .btn-group {
        width: 100%;
      }
      
      .list-group .btn[class^="btn-radio"],
      .list-group .btn[class^="btn-checkbox"],
      .list-group .btn[class*=" btn-radio"],
      .list-group .btn[class*=" btn-checkbox"] {
        padding: 0;
      }
      .list-group-item {
        color: #333333;
      }
 




    </style>
 

      <script type="text/javascript">
        $("#navCuentas").attr('class','dropdown active');
        $("#navListaCtaCte").attr('class','active');
      </script>
     
 
      <form action="">
        <!--<div class="row"><br><br><br><br></div>-->
        <div class="row">
          <div class="col-md-12" >
              <div class="card">
                <div class="card-head card-head-xs style-default" align="center"> <strong>CUENTAS CORRIENTES</strong></div>
                <div class="card-body">
                  <div class="row" >
                    <p class="bg-success" align="center" id="ExitoMensaje">
                    </p>
                  </div>
                  <div class="row">
                      <div class="col-md-2 col-md-offset-1 col-xs-4 col-xs-offset-1">
                        <a class="btn btn-primary btn-block" href="/CrearCtaCte_operador/" role="button" >Nuevo</a>
                      </div>
                      <!--<div class="col-md-2 col-xs-4">
                        <button type="button" class="btn btn-success btn-block" id="RefrescarLista">Actualizar</button>
                      </div>-->
                   
                  </div>
                  <HR width="100%"></HR>
                  <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">
                        <!-- add today -->
                        <option value="dni">DNI Cliente</option>

                        <!--<option value="nc">Nro de Cuenta</option>-->
                        <!--<option value="s">Traer Sobregiradas</option>
                        <option value="p">Traer Positivas</option>-->
                      </select>
                    </div>
                    </div>
                      <p></p>
                    </div>
                   
                    <div class=" col-md-2" 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="table-responsive">
                            <table class="table table-striper table-bordered">
                                <thead>
                                  <tr >
                                    <th>Nro</th>
                                    <th>Nombre</th>
                                    <th>A. Paterno</th>
                                    <th>A. Materno</th>
                                    <th>Estado Cuenta</th>
                                    <th>Oficina Apertura</th>
                                    <th>Privado</th>
                                    <th>Tipo Moneda</th>
                                    <th>Saldo</th>
                                     
                                  </tr>
                                </thead>
                                <tbody id="listaCtaCte">
                                   
                                
                              
                                </tbody>
                            </table>
                          </div>
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1" align="center">
                      <nav>
                        <ul class="pagination">
                          <li>
                            <a href="#" id="ant" aria-label="Previous">
                              <span aria-hidden="true">&laquo;</span>
                            </a>
                          </li>
                          <li class="active pag" ><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>

                  </div>
                </div>
                  <div class="row">
                  <div id="myModal" class="modal-bottom modal">

              <!-- Modal content -->
              <div class="modal-content-bottom">
                <div class="modal-header-bottom" id="grupoDetalleCtaCte">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4>Detalle Cuenta Corriente</h4>
                </div>
                <div class="modal-body">
                <div class="row">
                  <div class="col-md-6 col-sm-6">
                   <div class="row">
                      <div class="col-md-12">
                          <h4 align="center" id="txtTituloPersonales">
                            <!--&nbsp;-->
                            Datos Personales
                          </h4>
                      </div>
                    </div>
                                      <p></p>
                                      <input type="hidden" id="idctacte">
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>DNI</h5> 
                                          </div>
                                          <div class="col-md-3">
                                            <input type="text" class="form-control" id="txtDNI" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>Nombre</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtNombre" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                       <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>Apellido Paterno</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtAP" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                       <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>Apellido Materno</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtAM" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                       <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>Teléfono</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtTelefono" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                       <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>RUC</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtRuc" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                       <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>Dirección</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtDireccion" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p>
                                      <div class="row">
                                          <div class="col-md-4 col-md-offset-1" align="right"> 
                                            <h5>Email</h5> 
                                          </div>
                                          <div class="col-md-6">
                                            <input type="text" class="form-control" id="txtEmail" disabled="disabled">         
                                          </div> 
                                      </div>
                                      <p></p> 
                                              
                                              
                              </div>
                              <div class="col-md-6 col-sm-6">
                   <div class="row">
                                                <div class="col-md-12">
                                                  <h4  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>Personal que aperturó</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtPersonalA" disabled="disabled">         
                                                  </div> 
                                              </div>
                                               <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Oficina de Apertura</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtOficinaA" 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" disabled>
                                                      <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" disabled>
                                                      <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">Modificar</button>-->
                                                </div>
                                              </div>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Tipo de moneda</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtMoneda" disabled="disabled">         
                                                  </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> 
                              </div> 
                              </div>       
                </div>  
              <div class="modal-footer">
                  <div class="row">
                             <div class="col-md-2 col-md-offset-3">
                              <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalListaMovimientos1" id="btnMovimientos">Movimientos</button>
                            </div>
                            <div class="col-md-2">
                              <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalAbono" id="btnAbono">Abono (Deposito)</button>
                            </div>
                             <div class="col-md-2">
                                <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modalClave" id="btnCargo">Cargo (Retiro)</button>
                            </div>
                          </div>
              </div>
            </div>

          </div>
        </div>
 
                  <div class="row">
                    <br>
                     
                      <div class="col-md-10 col-md-offset-1">


                          <div id="modalrecibo1" 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="platillaII" style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      
                                      <h5 align="center"><b>RECIBO DE EGRESO</b></h5>
                                      <table>
                                        <tr nowrap>=======================================</tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td nowrap> <h5 id="fechaReciboR"></h5></td>
                                          <td style="padding-top:10px;"><div style="width:30px;height:20px;"> </div></td>
                                          <td nowrap><h5 id="horaReciboR"></h5></td>
                                        </tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td id="oficinaReciboR" style="width:100px;"></td>
                                          <td style="padding-top:-10px;"><div style="width:40px;"> </div></td>
                                          <td style="width:60px; text-align:right;">Nº<span id="nrorR"></span></td>
                                        </tr>
                                      </table>
                                      <br>
                                      <!--<p id="pldet"></p>-->
                                      
                                      <b>IMPORTE:</b>
                                      <h4 id="importeR"></h4>
                                      <div id="divTC">
                                      </div> 
                                      <b>SALDO TOTAL:</b>
                                      <h4 id="saldototal"></h4>
                                      <table>
                                        <tr>
                                          <td><b>Concepto:</b></td>
                                        </tr>
                                        <tr>
                                          <td id="conceptoR"></td>
                                        </tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td><div style="height:30px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td><div style="margin-right:8px;">________________</div></td>
                                          <td><div style="margin-left:8px;">_________________</div></td>
                                        </tr>
                                        <tr>
                                          <td nowrap><h5><b>OP. {{ nombre_usuario }}</b></h5></td>
                                           <td><b style="margin-left:8px;"> Recibí conforme<br> DNI <span id="dniR"></span></b></td>
                                        </tr>
                                        <!--<tr>
                                          <td><div style="height:35px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td>____________________</td>
                                        </tr>-->
                                        <!--<tr>
                                          <td nowrap><b><span id="dniR"></span></b></td>
                                        </tr>
                                         <tr>
                                          <td nowrap><b><span>Recibí Conforme</span></b></td>
                                        </tr>-->
                                        
                                      </table>
                                      
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <hr>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>

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

                             

                           <div id="modalrecibo" 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 DE INGRESO</b></h5>
                                      <table>
                                        <tr nowrap>=======================================</tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td nowrap> <h5 id="fechaRecibo"></h5></td>
                                          <td style="padding-top:10px;"><div style="width:30px;height:20px;"> </div></td>
                                          <td nowrap><h5 id="horaRecibo"></h5></td>
                                        </tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td id="oficinaRecibo" style="width:100px;"></td>
                                          <td style="padding-top:-10px;"><div style="width:40px;"> </div></td>
                                          <td style="width:60px; text-align:right;">Nº<span id="nror"></span></td>
                                        </tr>
                                      </table>
                                     
                                      <table> 
                                        <tr >
                                          <td  valign="top" style="padding-top:10px;"><b>Recibí de:</b></td>
                                          <td style="padding-top:10px;"><div style="width:20px;"> </div></td>
                                          <td id="recibi" style="padding-top:10px;"></td>
                                        </tr>
                                      </table>
                                      <br>
                                      <!--<p id="pldet"></p>-->
                                      
                                      <b>IMPORTE:</b>
                                      <table>
                                        <tr>
                                          <td>Monto:</td>
                                          <td ><div style="width:40px;"> </div></td>
                                          <td id="importe" style="text-align:right;"></td>
                                        </tr>
                                        <tr>
                                          <td>Comisión</td>
                                          <td ><div style="width:40px;"> </div></td>
                                          <td id="comision" style="text-align:right;"></td>
                                        </tr>
                                      </table> 
                                      <br>
                                      <b>IMPORTE TOTAL:</b>
                                      <h4 id="importetotal"></h4>
                                      <table>
                                        <tr>
                                          <td><b>Concepto:</b></td>
                                        </tr>
                                        <tr>
                                          <td id="concepto"></td>
                                        </tr>
                                      </table>
                                      <table>
                                        <tr>
                                          <td><div style="height:30px;"> </div></td>
                                        </tr>
                                         <tr>
                                          <td><div style="margin-right:8px;">________________</div></td>
                                          <td><div style="margin-left:8px;">_________________</div></td>
                                        </tr>
                                        <tr>
                                          <td nowrap><h5><b>OP. {{ nombre_usuario }}</b></h5></td>
                                           <td><b style="margin-left:8px;">DNI <span id="dni"></span></b></td>
                                        </tr>
                                        
                                      </table>
                                      
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <hr>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>

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






                          <!--<div id="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 Ingreso</b></h5>
                                      <h4 id="oficinaRecibo"></h4>
                                      <h4 id="fechaRecibo"></h4>
                                      <h4 id="horaRecibo"></h4>
                                       <b>RECIBÍ DE:</b>
                                      <p id="recibi"></p>
                                      <b>IMPORTE:</b>
                                      <p id="importe"></p>
                                      <b>CONCEPTO:</b>
                                      <br>
                                      <p id="concepto">Abono/Deposito en Cuenta Corriente</p>
                                      <br>

                                       <table>
                                        <tr>
                                          <td nowrap>______________&nbsp;</td>
                                          <td>&nbsp;</td>
                                          <td>&nbsp;</td>
                                          <td nowrap>&nbsp;______________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap>OP. <span id="operador"></span></td>
                                          <td>&nbsp;</td>
                                          <td>&nbsp;</td>
                                          <td nowrap>DNI <span id="dni"></span></td>
                                        </tr>
                                      </table>
                                      <p id ="hopa"></p>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <hr>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                  </div>

                                </div>
                              </div>
                          </div>-->
              

            <div id="modalListaMovimientos" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 999999;">
                              <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">Estado de las Peticiones</h4>
                                  </div>
                                  <div class="modal-body">
                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="panel">
                                            <div class="panel-body">
                                               
                                              <br>
                                              <div class="row">
                                                <div id="imprimir_mov">
                                                  <div class="table-responsive">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                          <tr >
                                                            <th>Nro</th>
                                                            <th>Fecha y Hora</th>
                                                            <th>Estado</th> 
                                                            <th>Monto</th>
                                                            <th>Saldo</th>
                                                            <th>Monto Sobregiro</th>
                                                            <th>Interes Sobregiro</th>
                                                            <th>Nro Dias Sobregiro</th>
                                                            <th>Operacion</th> 
                                                          </tr>
                                                        </thead>
                                                        <tbody id="listaPeticiones">
                                                        </tbody>
                                                    </table>
                                                  </div>
                                                </div>
                                                
                                              </div>
                                            </div>
                                          </div>  
                                        </div>
                                      </div>
                                      
                                  </div> 
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                      
                                  </div>

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




                   


             <div id="modalListaMovimientos1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 999999;">
                              <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 - <span id="nombre_cliente_mov"></span></h4>
                                  </div>
                                  <div class="modal-body">
                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="panel">
                                            <div class="panel-body">
                                              
                                              <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 id="imprimir_mov">
                                                  <div class="table-responsive">
                                                    <table class="table table-hover" id="tablaMovimientos">
                                                        <thead>
                                                          <tr >
                                                            <th>#</th>
                                                            <th>Fecha Operacion</th>
                                                            <th>Monto</th>
                                                            <th>Moneda</th>
                                                            <th>Tipo de Operación</th>
                                                            <th>Tipo Documento</th>
                                                            <th>Nro Recibo</th>
                                                            <th>Saldo</th> 
                                                            <th>Concepto Detalle</th>
                                                            <th>Observaciones</th>
                                                            <th></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 id="modalAbono" 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 align="center">
                                      <!--&nbsp;-->
                                      Detalle del Abono de Dinero
                                    </h4>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-md-12">   
                                          <div class="row">
                                                <div class="col-md-12"> 
                                                  <h4>Detalle del Movimiento</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="txtMontoAbono" placeholder="0.00" required>
                                                </div> 
                                            </div>
                                            <p></p>
                                             <div class="row">
                                                <div class="col-md-4 col-md-offset-1" align="right"> 
                                                  <h5>Comisión:</h5> 
                                                </div>
                                                <div class="col-md-3">
                                                  <input type="text" class="form-control" id="txtMontoComision" placeholder="0.00" required>
                                                </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="txtObservacionesAbono"> </TEXTAREA>         
                                                </div> 
                                            </div>
                                            <p></p>
                                            <div class="row">
                                                <div class="col-md-12"> 
                                                    <button type="button" class="btn btn-success" id="btnDepositar"><i class="fa fa-money"></i> Depositar</button>
                                                </div>
                                               
                                            </div>
                                      </div>
                                      <!--<div class="col-md-6">  
                                            <div class="row">
                                                <div class="col-md-12"> 
                                                  <h4>Sobregiros realizados</h4> 
                                                </div> 
                                            </div>
                                            <p></p>
                                             <div class="row">
                                                <div class="col-md-12"> 
                                                    <table class="table table-hover" id="tablaSobregiros">
                                                          <thead>
                                                            <tr style="background-image: none;">
                                                              <th>Fecha</th>
                                                              <th>Monto</th>
                                                              <th>Interes</th>
                                                              <th>Nro Dias</th>
                                                            </tr>
                                                          </thead>
                                                          <tbody id="listaSobregiros">
                                                          </tbody>
                                                      </table>
                                                    </div>
                                            </div>
                                      </div>-->
                                    </div>
                                   </div> 
                                               
                                  <div class="modal-footer">  
                                       <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>  
                                  </div>

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

                          <div id="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>
                                    <h4 align="center">
                                      Detalle del Retiro de Dinero
                                    </h4>
                                    
                                  </div>
                                  <div class="modal-body">
                                        <div class="row">
                                          <div class="col-md-12"> 
                                             <div class="row">
                                             <div class="col-md-12">
                                                  <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"placeholder="0.00" required>
                                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                                      <div class="help-block with-errors"></div>
                                                  </div> 
                                              </div>
                                              <p></p>
                                                <div class="col-md-12">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Comision por operación</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type="text" class="form-control" id="txtComisionOperacion" placeholder="0.00">
                                                    <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>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <div class="col-md-12" id="divSobregiro">
                                                   <div class="row">
                                                    <div class="col-md-12"> 
                                                      <h4>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" readonly>         
                                                      </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" readonly>         
                                                      </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" readonly>         
                                                      </div> 
                                                  </div>
                                                  <p></p>
                                            </div>
                                            <div class="col-md-6 hidden" id="divAutorizacion">
                                               <div class="row">
                                                    <div class="col-md-12"> 
                                                      <h4>Autorización</h4> 
                                                    </div> 
                                                </div>
                                                  <p></p>
                                                  <div class="row">
                                                      <!--<div class="col-md-6">
                                                        <button type="button" class="btn btn-primary" id="btnAutorizacion">Pedir Autorización</button>         
                                                      </div>--> 
                                                       <div class="col-md-6 col-md-offset-3">
                                                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalListaMovimientos" data-dismiss="modal" id="btnVerPeticion"><span class='badge peticion'></span> Ver Petición</button>         
                                                      </div> 
                                                  </div> 
                                            </div> 
                                                </div>
                                              </div>
                                            </div>  
                                        
                                        </div>
                                  </div>            
                                    </p>         
                                  
                                  <div class="modal-footer">
                                    <div class="row">
                                        <div class="col-md-6 col-md-offset-1">
                                            <button type="button" class="btn btn-danger" id="btnRetiro">Retirar</button>
                                        </div>
                                        <div class="col-md-2">
                                            <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                        </div>
                                    </div>

                                  <!--<div class="col-md-6 col-md-offset-1">
                                    <button type="button" class="btn btn-warning" id="btnRetiro">Retiro</button>
                                  </div>
                                   <div class="col-md-3">
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                    </div> --> 
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                              <!--<input type="button" class="btn btn-default btn-block" data-toggle="modal" data-target="#myModal" value="Clientes">-->
                            <div id="modalTipoCambio" 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="txtTituloTipoCambio"></h4>
                                  </div>
                                  <div class="modal-body">
                                      <div class="row">
                                        <div class="col-md-12">  
                                                <div class="col-md-5 col-md-offset-1">
                                                  Ingrese el Tipo de Cambio:
                                                </div>
                                                <div class="col-md-4">
                                                  <input type="text" class="form-control" id="txtTipoCambio">  
                                                  <span class="text-danger hidden" id="txtValidatorTC">Es necesario ingresar el tipo de cambio</span> 
                                                </div>   
                                        </div>
                                      </div>
                                    
                                  </div> 
                                  <div class="modal-footer">
                                     <button type="button" class="btn btn-success" id="btnTipoCambio"><i class="fa fa-check"></i> Aceptar</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Cerrar</button>
                                      
                                  </div>

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

                          <div id="modalClave" 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">Clave de Acceso</h4>
                                  </div>
                                  <div class="modal-body">
                                      <div class="row">
                                         <div class="col-md-12">  
                                                <div class="col-md-5 col-md-offset-1">
                                                  Ingrese la clave de acceso:
                                                </div>
                                                  <div class='col-md-4 input-group date' id='divdatetimepicker1' style="padding-left: 15px;">
                                                      <input type='text' class="form-control" id="txtClave" required />
                                                      <span class="input-group-addon">
                                                          <span class="glyphicon glyphicon-calendar"></span>
                                                      </span>
                                                       
                                                  </div>
                                                   <div data-toggle="buttons" class="btn btn-checkbox-gray-inverse chbHC"><input type="checkbox" class="chbo">Habilitar Contraseña sin fecha</div>
                                                   <span class="text-danger hidden" id="txtValidatorClave">Es necesario ingresar la clave de acceso</span> 
                                                <!--<div class="col-md-4">
                                                  <input type="text" class="form-control" id="txtClave">  
                                                  <span class="text-danger hidden" id="txtValidatorClave">Es necesario ingresar la clave de acceso</span> 
                                                </div> -->  
                                        </div>
                                      </div>
                                    
                                  </div> 
                                  <div class="modal-footer">
                                     <button type="button" class="btn btn-success" id="btnAceptarClave"><i class="fa fa-check"></i> Aceptar</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Cerrar</button>
                                      
                                  </div>

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

                          <div id="modalTipoCambio1" 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="txtTituloTipoCambio1"></h4>
                                  </div>
                                  <div class="modal-body">
                                      <div class="row">
                                        <div class="col-md-12">  
                                                <div class="col-md-5 col-md-offset-1">
                                                  Ingrese el Tipo de Cambio:
                                                </div>
                                                <div class="col-md-4">
                                                  <input type="text" class="form-control" id="txtTipoCambio1">  
                                                  <span class="text-danger hidden" id="txtValidatorTC1">Es necesario ingresar el tipo de cambio</span> 
                                                </div>   
                                        </div>
                                      </div>
                                    
                                  </div> 
                                  <div class="modal-footer">
                                     <button type="button" class="btn btn-success" id="btnTipoCambio1"><i class="fa fa-check"></i> Aceptar</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Cerrar</button>
                                      
                                  </div>

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

                              <div id="modalCodAut" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                          <div class="modal-dialog modal-sm">
                            <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">Código de Autorización</h4>
                              </div>
                              <div class="modal-body">
                                <div class="row alert alert-warning" id="area_transfExpi">
                                  <div class="row">
                                    <div class="col-md-12" align="left">
                                      <p>Se realizará un sobregiro. Es necesario el codigo de autorizacion, en caso que no tenga, haga click en la opción <b>Solicitar Codigo</b></p>
                                    </div>
                                  </div>
                                  <p></p>
                                  <div class="row">
                                    <div class="col-md-6 col-md-offset-6">
                                      <button type="button" class="btn btn-success btn-block btn-xs" id="solCod">Solicitar Codigo</button>
                                    </div>
                                  </div>
                                  <br>
                                  <div class="row">
                                    <div class="col-md-4" align="right"> 
                                      <h5><b>CODIGO: </b></h5>
                                    </div>
                                    <div class="col-md-8">
                                      <input type="text" class="form-control" placeholder="Ingrese el codigo de autorizacion" id="txtCodA">
                                    </div>
                                  </div>
                                  <br>
                                  <div class="row">
                                    <div class="col-md-8 col-md-offset-2">
                                      <button type="button" class="btn btn-primary btn-block" id="verificar">Verificar Codigo</button>
                                    </div>
                                  </div>

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

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

                                   
                      </div>
                    </p>
                  </div> 
              </div>
          </div> 
      </form>
    <script type="text/JavaScript">
 
        var idPG=""
        var dialog="";
        var pagina=1;
        var Aux="";
        var AuxSobregiro="";
        var filaI =0;
        var montoDeSobregiro=0;
        var codAutorizacion='';
        var claveAcceso='';

        $(document).ready(readybtn);
         //ajax_CtaCte();
        function readybtn()
        {
          $('#txtTipoCambio').numeric();
          $('#txtMontoCargo').numeric(".");
          $('#txtMontoAbono').numeric('.');
          $('#txtInteresDiario').numeric();
          $('#txtTiempoAutorizado').numeric();
          $('#txtComisionOperacion').numeric();
           $("#txtClave").mask("9999-99-99",{placeholder:"YYYY-MM-DD"});
          /*$('#divdatetimepicker1').datetimepicker({
                locale: 'es',
                format: 'YYYY-MM-DD'
            });*/
          /*$('#txtClave').datetimepicker({
                locale: 'es',
                format: 'YYYY-MM-DD'
            });*/
        }
 
        $("#solCod").click(function(){
          ajax_solicitudAut();
         });

        function ajax_solicitudAut(){
            $.ajax({
              data:{'montoS':$("#txtSobregiro").val(),'idCtaCte':$("#idctacte").val(),'moneda':$("#txtMoneda").val()},
              url:'/SolAutoSobregiroPersonal_ajax/',
              //async:false,
              type:'GET',
              dataType:'text',
              success: function(data){
                if(data=='exito'){
                  bootbox.alert({ 
                    message: "Operación exitosa. Se solicito el codigo de autorización",
                    className: 'bb-alternate-modal'
                  });                   
                 }
                 else{
                  bootbox.alert({ 
                    message: "Error. "+data,
                    className: 'bb-alternate-modal'
                  });
                }
              }
            });
          };


          $("#verificar").click(function(){
          ajax_verificarAut();
         });


           function ajax_verificarCodigoAutorizacion(cod){ 
             dialog=bootbox.dialog({
                message: '<p><i class="fa fa-spin fa-spinner"></i> Verificando Clave...</p>'
            }); 
            $.ajax({
              data:{'cod':cod,'idCtaCte':$("#idctacte").val()},
              url:'/Verifi_CodAuto_ajax/',
              //async:false,
              type:'GET',
              dataType:'text',
              success: function(data){
                if(data=='exito'){ 
                    ajax_peticion_pendiente($("#txtCtaCte").val());
                    $("#modalRetiro").modal("show");
                    $("#modalClave").modal("hide");
                    claveAcceso=$("#txtClave").val();
                 }
                 else{
                  bootbox.alert({ 
                    message: data,
                    className: 'bb-alternate-modal'
                  }); 
                }
                dialog.modal('hide');
              }
            });
          };


          function ajax_verificarAut(){ 
            $.ajax({
              data:{'cod':$("#txtCodA").val(),'montoS':$("#txtSobregiro").val(),'idCtaCte':$("#idctacte").val(),'moneda':$("#txtMoneda").val()},
              url:'/Verifi_CodAutoSobregiro_ajax/',
              //async:false,
              type:'GET',
              dataType:'text',
              success: function(data){
                if(data=='exito'){ 
                  bootbox.alert({ 
                    message: "Se verificó con exito el código, puede realizar el sobregiro",
                    className: 'bb-alternate-modal'
                  });
                   $("#modalCodAut").modal("hide");
                   codAutorizacion=$("#txtCodA").val();

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

        
        function ajax_CtaCteNroCta(id){
            $.ajax({
                data:{'pg':pagina,'id':id},
                url:'/ListadoCtaCtes_op_nrocuenta/',
                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="";
                            
                      }
                      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].nombre+'</td><td>'+data[i].Apellido_paterno+'</td><td>'+data[i].Apellido_materno+'</td><td>'+data[i].estado+'</td><td>'+data[i].oficina_apertura+'</td><td>'+data[i].privado_oficina+'</td><td>'+data[i].moneda+'</td><td>'+data[i].saldo+'</td></tr>';
                  }
                                      //html+='</tbody></table>';
                  $('#listaCtaCte').html(html);  
                },
                error: function(xhr, textStatus, errorThrown) {
                        console.log(xhr.responseText);
                },
          });
        }


         //-------- add today ------------------

        function ajax_CtaCteDNI(dni){
            dialog=bootbox.dialog({
                message: '<p><i class="fa fa-spin fa-spinner"></i> Buscando Cliente...</p>'
            });

            $.ajax({
                data:{'pg':pagina,'dni':dni},
                url:'/ListadoCtaCtes_op_dni/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  console.log(data);
                  Aux = data;
                  var html ="";
                  dialog.modal('hide');
                  for(var i=0;i<data.length;i++){
    
                    var estado ="";
                      if(data[i].estado.trim() =="activo"){
                            estado="";
                            
                      }
                      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].nombre+'</td><td>'+data[i].Apellido_paterno+'</td><td>'+data[i].Apellido_materno+'</td><td>'+data[i].estado+'</td><td>'+data[i].oficina_apertura+'</td><td>'+data[i].privado_oficina+'</td><td>'+data[i].moneda+'</td><td>'+data[i].saldo+'</td></tr>';
                  }
                                      //html+='</tbody></table>';
                  $('#listaCtaCte').html(html);  
                },
                error: function(xhr, textStatus, errorThrown) {
                        console.log(xhr.responseText);
                        if(xhr.responseText=='C200'){
                          
                           bootbox.alert({ 
                            message: "No existe el cliente",
                            className: 'bb-alternate-modal'
                          });
                          dialog.modal('hide');

                        }else{
                           if(xhr.responseText=='CC200'){
                             bootbox.alert({ 
                                message: "No existe ni una cuenta aperturada por el cliente",
                                className: 'bb-alternate-modal'
                              });
                              dialog.modal('hide');
                           }else{ 
                              console.log(xhr.responseText);
                            }
                        }
                },
          });
        }


        $(document).on("change","#comboFiltro",function(){
            if($(this).val()=="p"){
              ajax_CtaCtePositiva();
              $("#div2").hide();
            }else{
              if($(this).val()=="nc" || $(this).val()=="dni"){
                $("#div2").show();
              }else{
                if($(this).val()=="s"){
                  ajax_CtaCteSobregiradas();
                  $("#div2").hide();
                }
              }
            }
          });



        $(document).on("click","#btnfiltrar",function(){
           if($("#comboFiltro").val()=="nc" && $("#txtfiltro").val()!=""){
              ajax_CtaCteNroCta($("#txtfiltro").val());
           }else{
            //----- add today -------------
            if($("#comboFiltro").val()=="dni" && $("#txtfiltro").val()!=""){
              ajax_CtaCteDNI($("#txtfiltro").val());
            }
           }

          });


        


        $(document).on("click",".filaCtaCte",function(){ 
            var num = $(this).attr('id');
            filaI = num;
            var fila= $(this).attr('class');

            $("#btnAutorizacion").prop("disabled",true);
            $("#txtInteresDiario").val("");
            $("#txtInteresDiario").prop('readonly',true);
            $("#txtTiempoAutorizado").val("");
            $("#txtTiempoAutorizado").prop('readonly',true);
            $("#txtSobregiro").val("");
            $("#txtSobregiro").prop('readonly',true);

            //$("."+fila).attr('class','filaTrans');
            //$("#"+num).attr('class','filaTrans info');
            //insertar datos en modal
            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);
            }


            $.ajax({
                data:{'idctacte':Aux[filaI].ID},
                url:'/ListadoCtaCtesTXPK/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  console.log(data);

                  $('#idctacte').prop('value',data[0].ID);
                  $('#txtNombre').prop('value',data[0].nombre);
                  $('#txtAP').prop('value',data[0].Apellido_paterno);
                  $('#txtAM').attr("value",data[0].Apellido_materno); 
                  $('#txtDNI').attr("value",data[0].dni);
                  $('#txtDireccion').attr("value",data[0].direccion);
                  $('#txtEmail').attr("value",data[0].email);
                  $('#txtTelefono').attr("value",data[0].telefono); 
                  $('#txtCtaCte').attr("value",data[0].ID);
                  $('#txtPersonalA').attr("value",data[0].usuario_apertura);
                  $('#txtOficinaA').attr("value",data[0].oficina_apertura);
                  $('#txtFechaA').attr("value",data[0].fecha_apertura);
                  $('#ComboPrivada').prop("value",data[0].privado_oficina);
                  $('#ComboEstado').prop("value",data[0].estado);
                  $('#txtMoneda').prop("value",data[0].moneda);
                  if (data[0].moneda=='soles')
                  {
                      $("#grupoDetalleCtaCte").removeClass();
                      $("#txtTituloPersonales").removeClass();
                      $("#txtTituloCtaCte").removeClass();
                      $("#grupoDetalleCtaCte").addClass("style-info" );
                      $("#txtTituloPersonales").addClass("style-info");
                      $("#txtTituloCtaCte").addClass("style-info")
                  }
                  else
                  {
                      $("#grupoDetalleCtaCte").removeClass();
                      $("#txtTituloPersonales").removeClass();
                      $("#txtTituloCtaCte").removeClass();
                      $("#grupoDetalleCtaCte").addClass("style-success");
                      $("#txtTituloPersonales").addClass("style-success");
                      $("#txtTituloCtaCte").addClass("style-success");
                  }
                  $('#txtObservacion').prop("value",data[0].observaciones); 
                  $('#txtSaldo').prop("value",data[0].saldo);
                  $('#txtMontoCargo').prop("value","");
                  $('#txtMontoAbono').prop("value","");
                     
                },
                error: function(xhr, textStatus, errorThrown) { 
                        console.log(xhr.responseText);
                },
            });


        });

        $("#btnCargo").click(function(){
          clearModalRetiro(); 
          codAutorizacion='';
          claveAcceso='';  
          $("#txtClave").val("");
          $("#txtClave").mask("9999-99-99",{placeholder:"YYYY-MM-DD"});
          $(".chbHC").find('input[type="checkbox"]').prop('checked',false);
          $(".chbHC").removeClass('active');
        });

        $(".chbHC").click(function(){    
              if ($(this).find('input[type="checkbox"]').is(':checked')) {
                  $("#txtClave").mask("9999-99-99",{placeholder:"YYYY-MM-DD"});
                  // no esta checkado
                  //alert('You have Checked it');
              } else {
                  $("#txtClave").unmask();
              } 

        });
  

         $("#btnDepositar").click(function(){ 
            if(parseFloat($("#txtMontoAbono").val())>0){ 
              $("#txtMontoAbono").css("background-color","");

              //--------- abono ----------
              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= $("#idctacte").val();
              var montodeposito = $("#txtMontoAbono").val();
              var comision = $("#txtMontoComision").val();
              var ObsAbono = $("#txtObservacionesAbono").val();
              var nombre=$("#txtNombre").val();
              var ap=$("#txtAP").val();
              var am=$("#txtAM").val();
              var moneda=$("#txtMoneda").val();
              var interesD=$("#txtInteresDeposito").val();
              var nroDiasD=$("#txtNroDiasDeposito").val();
              var dni= $('#txtDNI').val();
              var usuario='{{user.username}}'

              $("#oficinaRecibo").text("Oficina: "+oficinaRecibo);
              $("#fechaRecibo").text("Fecha: "+fYear+"-"+(parseInt(fMonth)+1)+"-"+fDay);
              $("#horaRecibo").text("Hora: "+hour+":"+minutes+":"+minutes);
              $("#recibi").text("Sr(a): "+nombre+" "+ap+" "+" "+am);
              if (moneda=="soles"){
                  m="S/. ";
              }else{
                  m="$/. ";
              }
              $("#importe").text(m+montodeposito);
              $("#comision").text(m+comision);
              $("#importetotal").text(m+(parseFloat(montodeposito)+parseFloat(comision)))
              $("#dni").text(dni.slice(0,4)+"****");

              abonarDinero(idctacte,montodeposito,comision,ObsAbono,nroDiasD,interesD);

            }else{
              $("#txtMontoAbono").css( "background-color", "rgba(248, 158, 166, 0.61)" );   
            }
          }); 
           
        
  
    function checkNumber(sNum) {
        var pattern = /^\d+(.\d)?$/;
        return (pattern.test(sNum)) ? true: false;
    }


        $("#txtMontoCargo").keyup(function()
        { 
            
             var montoMov=0;
          var montoDeSobregiro=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 && montoMov>saldoDisp){
              $("#txtInteresDiario").prop("readonly",false);
              $("#txtTiempoAutorizado").prop("readonly",false); 
            }else{
               $("#txtInteresDiario").val("");
              $("#txtTiempoAutorizado").val("");
              $("#txtSobregiro").val("");
               $("#txtInteresDiario").prop("readonly",true);
              $("#txtTiempoAutorizado").prop("readonly",true); 
            }
          }else{
              $("#txtInteresDiario").val("");
              $("#txtTiempoAutorizado").val("");
              $("#txtSobregiro").val("");
              $("#txtInteresDiario").prop("readonly",true);
              $("#txtTiempoAutorizado").prop("readonly",true);
          }

        });

        
        
        
        /* $("#btnAutorizacion").click(function(){
            
             bootbox.confirm({
                message: "¿Va enviar una Petición de Autorización. 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_peticion();
                    }
                     
                }
            });
 
        });*/


    function ajax_peticion_pendiente(idctacte){
          
          $.ajax({
            data:{'idCtaCte':idctacte},
            url:'/CtaCtePeticionPendiente/',
            type:'GET',
            dataType:'json',
            success: function(data){
              console.log(data);
              if(data>0){
                $(".peticion").text(data);
                $("#divSobregiro").removeClass();
                $("#divSobregiro").addClass("col-md-6");
                $("#divAutorizacion").removeClass();
                $("#divAutorizacion").addClass("col-md-6");
              }else{
                $(".peticion").text("");
                $("#divSobregiro").removeClass();
                $("#divSobregiro").addClass("col-md-12");
                $("#divAutorizacion").removeClass();
                $("#divAutorizacion").addClass("hidden");
              }
            },
            error: function(xhr, textStatus, errorThrown) {
              console.log(xhr.responseText);
            }   
          });
    }


    function ajax_peticion(){
          var idctacte=$("#txtCtaCte").val();
          var moneda=$("#txtMoneda").val();
          var monto = $("#txtMontoCargo").val();
          var montoSobregiro =$("#txtSobregiro").val(); 
          var interesSobregiro=$("#txtInteresDiario").val();
          var nroDiasSobregiro=$("#txtTiempoAutorizado").val();
           
          $.ajax({
            data:{'idctacte':idctacte,'moneda':moneda,'monto':monto,'montoSobregiro':montoSobregiro,'interes':interesSobregiro,'tiempo':nroDiasSobregiro,'codAut':codAutorizacion,'comision':$("#txtComisionOperacion").val()},
            url:'/CtaCteInsertarPeticionCtaCte/',
            type:'GET',
            dataType:'json',
            success: function(data){
              console.log(data);
              if(data.resultado=='exito'){
                    bootbox.alert({ 
                      message: "Envío realizado. Autorización pendiente",
                      className: 'bb-alternate-modal'
                    });
                    dialog.modal('hide');  
                  $("#modalRetiro").modal('hide');
                }
              else{
                  if(data.resultado=='fail'){
                     bootbox.alert({ 
                      message: "Autorización no realizada",
                      className: 'bb-alternate-modal'
                    });
                    dialog.modal('hide'); 

                    $("#modalRetiro").modal('hide');
                  }else{

                    bootbox.alert({ 
                      message: "Autorización no realizada. "+data.resultado,
                      className: 'bb-alternate-modal'
                    });
                    dialog.modal('hide'); 
                  }
                }
                 $("#btnAutorizacion").prop('disabled', true); 
              
            },
            error: function(xhr, textStatus, errorThrown) {
              console.log(xhr.responseText);
              }   
          });
    }


$("#btnAbono").click(function(){ 
  $("#txtMontoAbono").css("background-color","");
  clearModalAbono();
  //ajax_Sobregiros();
});


$("#btnVerPeticion").click(function(){ 

     var datos = {};  
     
      var idctacte= $("#idctacte").val();
       $.ajax({
                    data:{'idctacte':idctacte},
                  url:'/VerPeticionCtaCte_operador/',
                    type:'GET',
                    dataType:'json',
                    success: function(data){
                        console.log(data);
                        var html ="";

                      for(var i=0;i<data.length;i++){
                        
                        var sim="";
                        var es="";
                        var tipo="";

                        if(data[i].tipoMoneda=="soles"){
                          sim="S/.";
                        }else{
                          sim="$/.";
                        }

                        if(data[i].estado=="ESPERANDO"){
                          tipo="warning";
                          es="disabled";
                        }else{
                          tipo="success";
                          es="enabled";
                        }



                      html += '<tr class="filaEstadoCtaCte '+tipo+'" id="'+i+'"><th scope="row">'+data[i].pk+'</th><td>'+data[i].fechaHora+'</td><td>'+data[i].estado+'</td><td>'+sim+' '+data[i].monto+'</td><td>'+sim+' '+data[i].saldo+'</td><td>'+sim+' '+data[i].montoSobregiro+'</td><td>'+data[i].interesSobregiro+'</td><td>'+data[i].nroDiasSobregiro+'</td><td><button id="'+data[i].pk+'" type="button" class="btn btn-danger btnRetirarPeticion" '+es+' >Retirar</button></td></tr>'
                      
                      datos[data[i].pk]=data;

                    }
                                      //html+='</tbody></table>';
                    $('#listaPeticiones').html(html);
                    $(".btnRetirarPeticion").click(function(){
                      var id=$(this).attr('id');
                      var arrayDatos1=JSON.stringify(datos[id]); 
                      var arrayDatos = JSON.parse(arrayDatos1);
                      var Sobregiro=arrayDatos[0].montoSobregiro;
                      var montocargo = arrayDatos[0].monto; 

                      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= $("#idctacte").val();
                      var nombre=$("#txtNombre").val();
                      var ap=$("#txtAP").val();
                      var am=$("#txtAM").val();
                      var moneda=$("#txtMoneda").val();
                      var dni= $('#txtDNI').val(); 

                      $("#oficinaReciboR").text("Oficina: "+oficinaRecibo);
                      $("#fechaReciboR").text("Fecha: "+fYear+"-"+fMonth+"-"+fDay);
                      $("#horaReciboR").text("Hora: "+hour+":"+minutes+":"+minutes); 
                      if (moneda=="soles")
                      {
                        m="S/. ";
                      }
                      else
                      {
                        m="$/. ";
                      }

                      /*
                      if(montoDeSobregiro<=0){
                        $("#concepto").text("Cargo/Retiro en Cuenta Corriente");
                      }else{
                        $("#concepto").text("Cargo/Retiro en Cuenta Corriente <Con sobregiro de: "+montoDeSobregiro+">");
                      }*/
            
                      //$("#importeR").text(m+montocargo);
                      $("#dniR").text(dni.slice(0,4)+"****"); 
                        
                      ajax_peticion_retirar(id,0,0);


                    });
 
                        
                    },
                    error: function(xhr, textStatus, errorThrown) { 
                        console.log(xhr.responseText); 
                      }

                });   
    });

      function ajax_peticion_retirar(idP,estado,tc){
        idPG=idP;
        bootbox.confirm({
              message: "¿Va realizar un retiro de dinero. Desea Continuar?",
              className: 'bb-alternate-modal',
              buttons: {
                  confirm: {
                      label: '<i class="fa fa-check"></i> Retirar',
                      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:{'idpeticion':idP,'estado':estado,'tc':tc},
                            url:'/CtaCteRetirarPorPeticion_operador/',
                            type:'GET',
                            dataType:'json',
                            success: function(data){
                              $("#modalListaMovimientos").modal("hide");
                              
                              if(data.estado==1){
                                    bootbox.alert({ 
                                      message: "Operación exitosa. Dinero retirado",
                                      className: 'bb-alternate-modal'
                                    });
                                   dialog.modal('hide');
                                   $("#importeR").text(data.importe)
                                   if(data.tc!='')
                                    $("#divTC") .html("<b>TIPO DE CAMBIO:</b><h4>"+data.tc+"</h4><b>MONTO EQUIVALENTE:</b><h4>"+data.importeDS+"</h4>");
                                   else
                                    $("#divTC").html("");
                                   $("#conceptoR").text(data.concepto);
                                   $("#nrorR").text(data.nroRecibo);
                                   $("#saldototal").text(data.saldo);
                                   $("#platillaII").printThis();
                              }else{
                                 
                                  if(data.estado==3){
                                      dialog.modal('hide');
                                      $("#modalTipoCambio1").modal('show');
                                      $("#txtTituloTipoCambio1").text(data.resultado);
                                   
                                  }else{
                                     bootbox.alert({ 
                                      message: data.resultado,
                                      className: 'bb-alternate-modal'
                                     });
                                     dialog.modal('hide');
                                  }  
                              }

                              /*if(data.estado==1){
                                    bootbox.alert({ 
                                      message: "Operación exitosa. Dinero retirado",
                                      className: 'bb-alternate-modal'
                                    });
                                   dialog.modal('hide');
                                   $("#conceptoR").text(data.concepto);
                                   $("#nrorR").text(data.nroRecibo);
                                   $("#saldototal").text(data.saldo);
                                   $("#platillaII").printThis();
                              }else{
                                 
                                   if(data.estado==3){
                                      dialog.modal('hide');
                                      $("#modalTipoCambio1").modal('show');
                                      $("#txtTituloTipoCambio1").text(data.resultado); 
                                  }else{
                                     bootbox.alert({ 
                                      message: "La Operación fallo. "+data.resultado,
                                      className: 'bb-alternate-modal'
                                     });
                                     dialog.modal('hide');
                                  }     
                              }*/
                              console.log(data);
                              
                            },
                            error: function(xhr, textStatus, errorThrown) {
                              console.log(xhr.responseText);
                            },
                      });
                      
                  }
                   
              }
          });

      }


        function clearModalRetiro(){
         $("#txtMontoCargo").val("");
          $("#txtObservacionesCargo").val("");
          $("#txtInteresDiario").val("");
          $("#txtTiempoAutorizado").val("");
          $("#txtSobregiro").val("")

          $("#txtInteresDiario").prop("readonly",true);
          $("#txtTiempoAutorizado").prop("readonly",true);
          $("#txtSobregiro").prop("readonly",true);

      }

       function clearModalAbono(){
          $("#txtMontoAbono").val("");
          $("#txtMontoComision").val("");
          $("#txtNroDiasDeposito").val("");
          $("#txtInteresDeposito").val("");
          $("#txtObservacionesAbono").val("")
 
      }

        $("#txtClave").keyup(function(e){
        var code = e.which;
        if(code==13){
          e.preventDefault();
          if($("#txtClave").val().trim()!=""){ 
            $("#txtValidatorClave").addClass("hidden");
            ajax_verificarCodigoAutorizacion($("#txtClave").val());
           
          }else{
            $("#txtValidatorClave").removeClass("hidden");
          }
        }
      });

       $("#btnAceptarClave").click(function(){
          if($("#txtClave").val().trim()!=""){ 
            $("#txtValidatorClave").addClass("hidden");
            ajax_verificarCodigoAutorizacion($("#txtClave").val());
           
          }else{
            $("#txtValidatorClave").removeClass("hidden");
          }
      });


       $("#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= $("#idctacte").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}}'

            $("#oficinaReciboR").text("Oficina: "+oficinaRecibo);
            $("#fechaReciboR").text("Fecha: "+fYear+"-"+(parseInt(fMonth)+1)+"-"+fDay);
            $("#horaReciboR").text("Hora: "+hour+":"+minutes+":"+minutes); 
            if (moneda=="soles")
            {
              m="S/. ";
            }
            else
            {
              m="$/. ";
            }

            /*
            if(montoDeSobregiro<=0){
              $("#concepto").text("Cargo/Retiro en Cuenta Corriente");
            }else{
              $("#concepto").text("Cargo/Retiro en Cuenta Corriente <Con sobregiro de: "+montoDeSobregiro+">");
            }*/
   
          $("#dniR").text("****"+dni.slice(0,4)); 

          if(montoDeSobregiro>0){
            if ($("#txtTiempoAutorizado").val()!="" && $("#txtInteresDiario").val()!=""){
              {% ifequal cargo 'administrador'%}
                 retiroDineroAdministrador(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,0,0);
              {% else %} 
                 retiroDinero(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,0,0);
              {% endifequal %}
            }else{
              $("#txtTiempoAutorizado").css( "background-color", "rgba(248, 158, 166, 0.61)" );
                $("#txtInteresDiario").css( "background-color", "rgba(248, 158, 166, 0.61)" );    
            }
          }else{
            $("#txtTiempoAutorizado").css("background-color","");
            $("#txtInteresDiario").css( "background-color", "" );
            {% ifequal cargo 'administrador'%}
               retiroDineroAdministrador(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,0,0);
            {% else %} 
               retiroDinero(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,0,0);
            {% endifequal %}
          }  
 
        });


    function abonarDinero(idctacte,montodeposito,comision,ObsAbono,nroDias,interes){
       bootbox.confirm({
                message: "¿Va realizar un deposito de dinero. Desea Continuar?",
                className: 'bb-alternate-modal',
                buttons: {
                    confirm: {
                        label: '<i class="fa fa-check"></i> Depositar',
                        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,'comision':comision,'observaciones':ObsAbono,'nroDias':nroDias,'interes':interes},
                              url:'/Admin/CtaCteDepositar_operador/',
                              type:'GET',
                              dataType:'json',
                              success: function(data){
                                if(data.resultado=="exito"){
                                  bootbox.alert({ 
                                    message: "Dinero Depositado",
                                    className: 'bb-alternate-modal'
                                  });
                                  $("#concepto").text(data.msg);
                                  $("#nror").text(data.nro);
                                  dialog.modal('hide');
                                  
                                  $("#platillaI").printThis();
                                }else{
                                  bootbox.alert({ 
                                    message: data.resultado,
                                    className: 'bb-alternate-modal'
                                  });
                                  dialog.modal('hide'); 
                                }

                                 $("#modalAbono").modal("hide");
                                
                                console.log(data);
                               
                              },
                              error: function(xhr, textStatus, errorThrown) {
                            
                                  console.log(xhr.responseText);
                                      
                              },
                        });
                        
                    }
                     
                }
            });
    }



    function retiroDineroAdministrador(idctacte,montocargo,interes,dias,ObsCargo,estado,tipoCambio){
      bootbox.confirm({
                        message: "¿Va realizar un retiro de dinero. Desea Continuar?",
                        className: 'bb-alternate-modal',
                        buttons: {
                            confirm: {
                                label: '<i class="fa fa-check"></i> Retirar',
                                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':interes,'nrodias':dias,'observaciones':ObsCargo,'estado':estado,'tc':tipoCambio,'CodigoAut':codAutorizacion,'clave':claveAcceso,'comision':$("#txtComisionOperacion").val()},
                                      url:'/Admin/CtaCteRetirar_administrador/',
                                      type:'GET',
                                      dataType:'json',
                                      success: function(data){
                                        console.log(data);
                                         if(data.estado==1){
                                            bootbox.alert({ 
                                              message: "Operación exitosa. Dinero retirado",
                                              className: 'bb-alternate-modal'
                                            });
                                           dialog.modal('hide');
                                           $("#importeR").text(data.importe)
                                           if(data.tc!='')
                                            $("#divTC") .html("<b>TIPO DE CAMBIO:</b><h4>"+data.tc+"</h4><b>MONTO EQUIVALENTE:</b><h4>"+data.importeDS+"</h4>");
                                           else
                                            $("#divTC").html("");
                                           $("#conceptoR").text(data.concepto);
                                           $("#nrorR").text(data.nroRecibo);
                                           $("#saldototal").text(data.saldo);
                                           $("#platillaII").printThis();
                                           $("#modalRetiro").modal("hide");
                                      }else{
                                         
                                          if(data.estado==3){
                                              dialog.modal('hide');
                                              $("#modalTipoCambio").modal('show');
                                              $("#txtTituloTipoCambio").text(data.resultado);
                                              $("#modalRetiro").modal("hide");
                                             /*bootbox.alert({ 
                                              message: "La Operación fallo. "+data.resultado,
                                              className: 'bb-alternate-modal'
                                             });
                                             dialog.modal('hide');*/
                                          }else{
                                              if(data.estado==5){
                                               dialog.modal('hide');
                                              $("#modalCodAut").modal('show');
                                           }else{
                                              bootbox.alert({ 
                                              message: data.resultado,
                                              className: 'bb-alternate-modal'
                                             });
                                             dialog.modal('hide');
                                              $("#modalRetiro").modal("hide");
                                           }
                                          }  
                                      }
                                           
                                      },
                                      error: function(xhr, textStatus, errorThrown) {
                                        console.log("operador resultado"+xhr.responseText);  
                                      },
                                });

                            }
                             
                        }
                    });
  
    }





    function retiroDinero(idctacte,montocargo,interes,dias,ObsCargo,estado,tipoCambio){
      bootbox.confirm({
                        message: "¿Va realizar un retiro de dinero. Desea Continuar?",
                        className: 'bb-alternate-modal',
                        buttons: {
                            confirm: {
                                label: '<i class="fa fa-check"></i> Retirar',
                                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':interes,'nrodias':dias,'observaciones':ObsCargo,'estado':estado,'tc':tipoCambio,'CodigoAut':codAutorizacion,'clave':claveAcceso,'comision':$("#txtComisionOperacion").val()},
                                      url:'/Admin/CtaCteRetirar_operador/',
                                      type:'GET',
                                      dataType:'json',
                                      success: function(data){
                                        console.log(data);
                                         if(data.estado==1){
                                            bootbox.alert({ 
                                              message: "Operación exitosa. Dinero retirado",
                                              className: 'bb-alternate-modal'
                                            });
                                           dialog.modal('hide');
                                           $("#importeR").text(data.importe)
                                           if(data.tc!='')
                                            $("#divTC") .html("<b>TIPO DE CAMBIO:</b><h4>"+data.tc+"</h4><b>MONTO EQUIVALENTE:</b><h4>"+data.importeDS+"</h4>");
                                           else
                                            $("#divTC").html("");
                                           $("#conceptoR").text(data.concepto);
                                           $("#nrorR").text(data.nroRecibo);
                                           $("#saldototal").text(data.saldo);
                                           $("#platillaII").printThis();
                                           $("#modalRetiro").modal("hide");
                                      }else{
                                        if(data.estado==2){
                                          dialog.modal('hide');

                                           bootbox.confirm({
                                                message: data.resultado+ "¿Va enviar una Petición de Autorización. 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_peticion();
                                                    }
                                                     
                                                }
                                            });
                                          $("#modalRetiro").modal("hide");

                                        }else{
                                          if(data.estado==3){
                                              dialog.modal('hide');
                                              $("#modalTipoCambio").modal('show');
                                              $("#txtTituloTipoCambio").text(data.resultado);
                                              $("#modalRetiro").modal("hide");
                                             /*bootbox.alert({ 
                                              message: "La Operación fallo. "+data.resultado,
                                              className: 'bb-alternate-modal'
                                             });
                                             dialog.modal('hide');*/
                                          }else{
                                             if(data.estado==5){
                                               dialog.modal('hide');
                                              $("#modalCodAut").modal('show');
                                             }else{
                                               bootbox.alert({ 
                                                message: data.resultado,
                                                className: 'bb-alternate-modal'
                                               });
                                               dialog.modal('hide');
                                               $("#modalRetiro").modal("hide");
                                             }
                                          }  
                                          /*if(data.estado==3){
                                             bootbox.alert({ 
                                              message: "La Operación fallo. "+data.resultado,
                                              className: 'bb-alternate-modal'
                                             });
                                             dialog.modal('hide');
                                          }*/ 
                                        }
                                      }    
                                      },
                                      error: function(xhr, textStatus, errorThrown) {
                                        console.log("operador resultado"+xhr.responseText);  
                                      },
                                });

                            }
                             
                        }
                    });
  
    }


    $("#btnMovimientos").click(function(){
          $("#nombre_cliente_mov").text($("#txtNombre").val()+" "+$("#txtAP").val()+" "+$("#txtAM").val());
          $("#id_CtaCte").prop('value',$("#txtCtaCte").val());
          $('#listaMovi').html("");
          ajax_CtaCte_movimientos();
        })
        
        function ajax_CtaCte_movimientos(){
            $.ajax({
                data:{'pk':$("#id_CtaCte").val()},
                url:'/ListadoCtaCte_movimientos_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  var html ="";
                  for(var i=0;i<data.length;i++){
                    var monto=0;
                    var operacion="";
                    if(data[i].tabla=='TCajaDebe'){
                      monto=data[i].md;
                      operacion="Deposito";
                    }else{
                      monto=data[i].mr;
                      operacion="Retiro";
                    }
                    html += '<tr><th scope="row">'+(i+1)+'</th><td>'+data[i].f+'</td><td>'+monto+'</td><td>'+data[i].moneda+'</td><td>'+operacion+'</td><td>'+data[i].tipo+'</td><td>'+data[i].nro+'</td><<td>'+data[i].s+'</td><td>'+data[i].obs+'</td><td>'+data[i].obs1+
                      '</td><td style="white-space: nowrap">'+
                      ' <button type="button" class="btn reimprimir btn-primary btn-icon-text '+
                      'waves-effect" data-value="'+data[i].pk+'">'+'<i class="fa fa-print"></i></button>'+
                      ' <button type="button" class="btn detalles btn-success btn-icon-text '+
                      'waves-effect" alt="Ver Detalles" data-value="'+data[i].pk+'">'+
                      '<i class="fa fa-th-list"></i></button></td></tr>';
                  }
                  $('#listaMovi').html(html);
                  $('.reimprimir').click(function(){
                    var id=$(this).attr('data-value');
                    ajax_reimprimirMovimientos(id);
                  });
                },
                 error: function(xhr, textStatus, errorThrown) {
                    console.log(xhr.responseText);  
                  },
            });
        }


         function ajax_reimprimirMovimientos(id){
            $.ajax({
                data:{'pk':id},
                url:'/ReimprimirMovimientos_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){


                  if(data.resultado=='exito'){

                    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}}'


                    if(data.tabla=='TCajaDebe'){
                      $("#oficinaRecibo").text("Oficina: "+oficinaRecibo);
                      $("#fechaRecibo").text("Fecha: "+fYear+"-"+(parseInt(fMonth)+1)+"-"+fDay);
                      $("#horaRecibo").text("Hora: "+hour+":"+minutes+":"+minutes);
 
                      $("#recibi").text(data.cliente);
                      $("#importe").text(data.monto);
                      $("#comision").text(data.comision);
                      $("#importetotal").text(data.importe)
                      $("#dni").text(data.dni);
                      $("#concepto").text(data.concepto);
                      $("#nror").text(data.nro);
                      $("#platillaI").printThis();

                    }else{
                      
                      $("#oficinaReciboR").text("Oficina: "+oficinaRecibo);
                      $("#fechaReciboR").text("Fecha: "+fYear+"-"+(parseInt(fMonth)+1)+"-"+fDay);
                      $("#horaReciboR").text("Hora: "+hour+":"+minutes+":"+minutes);
 
                      $("#dniR").text(data.dni); 
                      $("#conceptoR").text(data.concepto);
                      $("#nrorR").text(data.nro);
                      $("#saldototal").text(data.importe);
                      //$("#platillaII").printThis();

                      $("#importeR").text(data.monto)
                       if(data.tc!='')
                        $("#divTC").html("<b>TIPO DE CAMBIO:</b><h4>"+data.tc+"</h4><b>MONTO EQUIVALENTE:</b><h4>"+data.importeD+"</h4>");
                       else
                        $("#divTC").html("");

                      $("#platillaII").printThis();
 
                    }
                  } 
                  console.log(data);
                  
                },
                 error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
          });
        }



        function ajax_Sobregiros(){
            $.ajax({
                data:{'pk':$("#txtCtaCte").val()},
                url:'/ListadoSobregiros_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  var html ="";
                  AuxSobregiro=data;
                  for(var i=0;i<data.length;i++){
                    html += '<tr class="filaSobregiros" data-value="'+data[i].pk+'"><td>'+data[i].fechaHora+'</td><td>'+data[i].monto+'</td><td>'+data[i].interes+'</td><td>'+data[i].nrodias+'</td></tr>';
                  }
                  $('#listaSobregiros').html(html);
                },
                 error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
          });
        }

       $(document).on("click",".filaSobregiros",function(){
        $(this).toggleClass("highlight");
    });


        $("#imprimirMov").click(function(){ 
            var d = new Date();
            var n = d.toLocaleString();

            var doc = new jsPDF('p', 'pt');
            var res = doc.autoTableHtmlToJson(document.getElementById("tablaMovimientos"));
            doc.setFontSize(18);
            doc.text("Reporte Movimientos Cuenta Corriente", 20, doc.autoTableEndPosY() + 30);
            doc.setFontSize(12);
            doc.text('Nombre Cliente: '+$("#nombre_cliente_mov").text(), 20, 60);
            doc.text('Nro Cta Cte: '+$("#id_CtaCte").val(), 20, 80);
            doc.text('Fecha: '+n, 20, 100);

            doc.autoTable(res.columns, res.data, {
                margin: {horizontal: 20},
                startY: doc.autoTableEndPosY() + 120,
                margin: {horizontal: 10},
                styles: {overflow: 'linebreak'},
                bodyStyles: {valign: 'top'},
                columnStyles: {email: {columnWidth: 'wrap'}},
                theme: 'grid',
            });

            doc.save('reporteMovimientosCtaCte.pdf');
              
        });

        

        $("#btnTipoCambio1").click(function(){
           if($("#txtTipoCambio1").val()>0){
              $("#txtValidatorTC1").addClass("hidden");
              $("#modalTipoCambio1").modal('hide');
              ajax_peticion_retirar(idPG,1,$("#txtTipoCambio1").val());
          }else{
              $("#txtValidatorTC1").removeClass("hidden");
          }
        });



        $("#btnTipoCambio").click(function(){
          if($("#txtTipoCambio").val()>0){
              $("#txtValidatorTC").addClass("hidden");
              $("#modalTipoCambio").modal('hide');
              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= $("#idctacte").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}}'

              $("#oficinaReciboR").text("Oficina: "+oficinaRecibo);
              $("#fechaReciboR").text("Fecha: "+fYear+"-"+fMonth+"-"+fDay);
              $("#horaReciboR").text("Hora: "+hour+":"+minutes+":"+minutes); 
              if (moneda=="soles")
              {
                m="S/. ";
              }
              else
              {
                m="$/. ";
              }

              /*
              if(montoDeSobregiro<=0){
                $("#concepto").text("Cargo/Retiro en Cuenta Corriente");
              }else{
                $("#concepto").text("Cargo/Retiro en Cuenta Corriente <Con sobregiro de: "+montoDeSobregiro+">");
              }*/
     
            $("#dniR").text(dni.slice(0,4)+"****"); 

            if(montoDeSobregiro>0){
              if ($("#txtTiempoAutorizado").val()!="" && $("#txtInteresDiario").val()!=""){
                {% ifequal cargo 'administrador'%}
                   retiroDineroAdministrador(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,1,$("#txtTipoCambio").val());
                {% else %} 
                   retiroDinero(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,1,$("#txtTipoCambio").val());
                {% endifequal %}
              }else{
                $("#txtTiempoAutorizado").css( "background-color", "rgba(248, 158, 166, 0.61)" );
                  $("#txtInteresDiario").css( "background-color", "rgba(248, 158, 166, 0.61)" );    
              }
            }else{
              $("#txtTiempoAutorizado").css("background-color","");
              $("#txtInteresDiario").css( "background-color", "" );
              {% ifequal cargo 'administrador'%}
                 retiroDineroAdministrador(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,1,$("#txtTipoCambio").val());
              {% else %} 
                 retiroDinero(idctacte,montocargo,$("#txtInteresDiario").val(),$("#txtTiempoAutorizado").val(),ObsCargo,1,$("#txtTipoCambio").val());
              {% endifequal %}
            }  
 

          }else{
              $("#txtValidatorTC").removeClass("hidden");
          }
        }); 
   





    </script>
{% endblock content1 %}
