{% extends "base.html" %}
{% block titulo %}
  .::Cuentas de Ahorros - Creadas
{% 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');
        $("#navListaCtaAhorros").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"> <strong>CUENTAS AHORROS</strong></div>
                <div class="card-body">
                  <div class="row" >
                    <h4 class="bg-success" align="center" id="ExitoMensaje">
                    </h4>
                  </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="/CrearCtaAhorros_operador/" role="button" >Nuevo</a>
                      </div>
                  </div>
                  <HR width=100% >
                 <div class="row">
                    <div class="col-md-2 col-md-offset-1">
                      <h5>Buscar por:</h5>
                    </div>
                    <div class="col-md-2">
                     <div class="select">
                    <div class="fg-line">
                      <select class="form-control" id="comboFiltro">
                        <option value="dni">DNI Cliente</option>
                      </select>
                    </div>
                    </div>
                      <p></p>
                    </div>
                   
                    <div class=" col-md-2" id="div2"> 
                    <div class="fg-line">
                      <input type="text" class="form-control" id="txtfiltro" placeholder="busqueda">
                    </div>
                      <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>
                  <div class="row">
                      <div id="myModal" class="modal-bottom modal">

              <!-- Modal content -->
              <div class="modal-content-bottom">
                <div class="modal-header-bottom" id="grupoDetalleCtaAhorros">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4>Detalle Cuenta de Ahorros</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="idctaahorros">
                                      <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="txtTituloCtaAhorros">
                                                    <!--&nbsp;-->
                                                    Cuenta de Ahorros
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Nro de Cta Ahorros</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtCtaAhorros" 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"> 
                                                </div>
                                              </div>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5 id="hInteres">Interes %</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtInteres" disabled>         
                                                  </div> 
                                                  <div class="col-md-3"> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                <div class="col-md-4 col-md-offset-1" align="right">
                                                  <h5>Interes Generado</h5>
                                                </div>
                                                <div class="col-md-4">
                                                  <input type="text" class="form-control" id="txtInteresGenerado" disabled>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5 id="hPlazo">Plazo de Ahorro</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtNroDias" disabled>         
                                                  </div> 
                                                  <div class="col-md-3"> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <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 class="col-md-10 col-md-offset-1">
                          <!--<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <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">
                                    <p>
                                      <div class="col-md-12 col-sm-12" >
                                          <div class="panel panel-info" id="grupoCtaAhorros">
                                            <div class="panel-heading" align="center"> <h4>Detalles Cuentas de Ahorros</h4></div>
                                            <div class="panel-body">
                                               
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center" id="txtTituloPersonales"> 
                                                    Datos Personales
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <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 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="txtObservacionCliente" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                <div class="col-md-4 col-md-offset-1" align="right">
                                                  <h5>Tipo de Cliente</h5>
                                                </div>
                                                <div class="col-md-4">
                                                    <select class="form-control" id="Combocliente" name="Combocliente" disabled>
                                                      <option value="normal">Normal</option>
                                                      <option value="especial">Especial</option>
                                                      <option value="riesgo">En Riesgo</option>
                                                    </select>   
                                                    <p></p>    
                                                </div>
                                                <div class="col-md-3"> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Contraseña</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="password" class="form-control" id="txtPassword" disabled>         
                                                  </div> 
                                                  <div class="col-md-3"> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>DREM</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtDrem" disabled="disabled">         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center" id="txtTituloCtaAhorros">
                                                   
                                                    Cuenta de Ahorros
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Nro de Cta Ahorros</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtCtaAhorros" 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="txtObservacionCtaAhorros" 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"> 
                                                </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"> 
                                                </div>
                                              </div>
                                               <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Interes %</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtInteres" disabled>         
                                                  </div> 
                                                  <div class="col-md-3"> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <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>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Intereses generados</h5> 
                                                  </div>
                                                  <div class="col-md-4">
                                                    <input type="text" class="form-control" id="txtInteresGenerado" disabled="disabled">         
                                                  </div> 
                                                  <div class="col-md-3"> 
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                <div class="col-md-4 col-md-offset-2">
                                                  <button type="button" class="btn btn-success"data-toggle="modal" data-target="#modalAbono" data-dismiss="modal" id="btnAbono">Abono (Deposito)</button>
                                                </div>
                                                 <div class="col-md-4 col-md-offset-1"> 
                                                </div>
                                              </div>
                                              <br>
                                            </div>
                                          </div>
                                      </div>
                                    </p>
                                  </div>
                                  <div class="modal-footer">
                                    <hr>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>

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

                          <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="modalInteresGenerado" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    
                                  </div>
                                  <div class="modal-body">
                                       
                                          <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center">
                                                    <!--&nbsp;-->
                                                    Intereses Generados
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Interes Generado</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type="text" class="form-control" id="txtInteresGeneradoAnterior" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Interes Generado Modificado</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtInteresGeneradoNuevo">        
                                                  </div> 
                                              </div>
                                              </div> 
                                              
                                               
                                  
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-success" id="btnModificarInteresGeneradoModal">Modificar</button>
                                    <button type="button" class="btn btn-primary" 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_CtaAhorros" disabled="disabled">   
                                                </div>
                                              </div>
                                              <br>
                                              <div class="row">
                                                <div id="imprimir_mov">
                                                  <div>
                                                    <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>Plazo de Ahorro</h5>
                                              </div>
                                              <div class="col-md-3">
                                                  <select class="form-control" id="ComboFrecuenciaNroDias" name="ComboFrecuenciaNroDias">
                                                    <option value="d">Diario</option>
                                                    <option value="s">Semanal</option>
                                                    <option value="m">Mensual</option>
                                                  </select>   
                                                  <p></p>    
                                              </div>
                                              <div class="col-md-2">
                                                  <input type="text" class="form-control" id="nroDias" name="nroDias" required>
                                                <!--<button type="button" class="btn btn-sm btn-primary" id="btnModificarTipo">Modificar</button>-->
                                              </div>
                                            </div>
                                          

                                           <div class="row">
                                              <div class="col-md-4 col-md-offset-1" align="right">
                                                <h5>Frecuencia Interes</h5>
                                              </div>
                                              <div class="col-md-3">
                                                  <select class="form-control" id="ComboFrecuenciaInteres" name="ComboFrecuenciaInteres">
                                                    <option value="d">Diario</option>
                                                    <option value="s">Semanal</option>
                                                    <option value="m">Mensual</option>
                                                  </select>   
                                                  <p></p>    
                                              </div>
                                              <div class="col-md-2">
                                                   <input type="text" class="form-control" id="interes" name="interes" 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>
                                   </div> 
                                               
                                  <div class="modal-footer">  
                                       <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>  
                                  </div>

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


                          <!--<div id="modalAbono" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    
                                  </div>
                                  <div class="modal-body">
                                       
                                          <div class="row">
                                                <div class="col-md-12">
                                                  <h4 class="bg-success" align="center"> 
                                                    Movimientos
                                                  </h4>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Monto</h5> 
                                                  </div>
                                                  <div class="col-md-3"> 
                                                    <div class="fg-line">
                                                    <input type="text" class="form-control" placeholder="monto" id="txtMontoAbono">  
                                                    </div>       
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Observaciones</h5> 
                                                  </div>
                                                  <div class="col-md-6"> 
                                                    <div class="fg-line">
                                                    <TEXTAREA type="text" class="form-control" id="txtObservacionesAbono"> </TEXTAREA>  
                                                    </div>       
                                                  </div> 
                                              </div>
                                              </div> 
                                              
                                               
                                  
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-success" id="btnDepositar" data-dismiss="modal">Depositar</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>

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


                          <div id="modalRetiro" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-y: auto;">
                              <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="table-responsive">
                                            <table class="table table-hover table-bordered">
                                                <thead>
                                                  <tr >
                                                    <th>Fecha</th>
                                                    <th>Depósito</th>
                                                    <th width="100">Estado</th>
                                                    <th width="100">Saldo</th>
                                                    <th width="100">Interes</th>
                                                    <th width="100">Acciones</th>
                                                  </tr>
                                                </thead>
                                                <tbody id="listaCtaAhorrosDeposito">
                                                  
                                                  <tr>
                                                    <td></td>
                                                    <td> </td> 
                                                    <td> </td> 
                                                    <td> </td>
                                                    <td> </td>
                                                    <td></td>
                                                  </tr>
                                                   
                                                </tbody>
                                            </table>
                                          </div> 
                                          </div>  
                                        </div>
                                        <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>
                                              <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="txtComisionCargo" 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>
                                                  <div class="row" hidden>
                                                    <div class="col-md-1 col-xs-1" style="z-index: -10;">
                                                      <input type="text" class="form-control" id="txtCodigoAu" name="CodigoAut">
                                                    </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 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>

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

                           <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="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="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 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="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">
                                  <span><input type="checkbox" id="chbSeleccionarTodos" value="1"> Seleccionar Todos</span>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    
                                  </div>

                                  <div class="modal-body">
                                  <div class="row">

                                    <div class="table-responsive">
                                      <table class="table table-hover table-bordered">
                                          <thead>
                                            <tr >
                                              <th>Fecha</th>
                                              <th>Depósito</th>
                                              <th width="100">Saldo</th>
                                              <th>Ultimo Retiro (Transacción)</th>
                                              <th>Dias Transcurridos (Desde ultima Transacción)</th>
                                              <th width="100">Interes</th>
                                               
                                            </tr>
                                          </thead>
                                          <tbody id="listaCtaAhorrosDeposito">
                                            
                                            <tr>
                                              <td></td>
                                              <td> </td>
                                              <td><input type="checkbox"> </td>
                                              <td> </td>
                                              <td> </td>
                                              <td><input type="checkbox"></td>
                                            </tr>
                                             
                                          </tbody>
                                      </table>
                                    </div>   
                                  </div> 
                                  <p></p>                                   
                                          <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center"> 
                                                    Movimientos
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Monto</h5> 
                                                  </div>
                                                  <div class="col-md-3">
                                                    <input type="text" class="form-control" id="txtMontoCargo" disabled>         
                                                  </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="txtObservacionesRetiro"> </TEXTAREA>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              <br>
                                              <div class="row">
                                                <div class="col-md-12">
                                                  <p class="bg-success" align="center"> 
                                                    Sobregiro
                                                  </p>
                                                </div>
                                              </div>
                                              <p></p>
                                              <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Interes Diario</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtInteresDiario" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Tiempo Autorizado</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtTiempoAutorizado" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                               <div class="row">
                                                  <div class="col-md-4 col-md-offset-1" align="right"> 
                                                    <h5>Monto sobregiro</h5> 
                                                  </div>
                                                  <div class="col-md-6">
                                                    <input type="text" class="form-control" id="txtSobregiro" disabled>         
                                                  </div> 
                                              </div>
                                              <p></p>
                                              </div> 
                                              
                                               
                                  
                                  <div class="modal-footer"> 
                                     <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>


                                </div> 
                              </div> 
                          </div> -->
                           
                          <div class="table-responsive">
                            <table class="table table-hover 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>
                                    <th>Interes</th> 
                                  </tr>
                                </thead>
                                <tbody id="listaCtaAhorros">
                                  
                                </tbody>
                            </table>
                          </div>
                      </div>
                    </p>
                  </div>
                  <br>
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1" align="center">
                      <nav>
                        <ul class="pagination">
                          <li>
                            <a href="#" id="ant" aria-label="Previous">
                              <span aria-hidden="true">&laquo;</span>
                            </a>
                          </li>
                          <li class="active pag" ><a id="pg1" href="#">1</a></li>
                          <li class="pag" ><a id="pg2" href="#" >2</a></li>
                          <li class="pag" ><a id="pg3" href="#">3</a></li>
                          <li class="pag" ><a id="pg4" href="#">4</a></li>
                          <li class="pag" ><a id="pg5" href="#">5</a></li>
                          <li >
                            <a href="#" id="pos" aria-label="Next">
                              <span aria-hidden="true">&raquo;</span>
                            </a>
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                  <br>
                </div>
              </div>
          </div>
        </div>
      </form>
    <script type="text/JavaScript">
        var dialog="";
        var Aux="";
        var Aux_=""
        var filaI =0;
        var pagina=1;
        var montoDeSobregiro=0;
        var codAutorizacion='';
        var claveAcceso='';
        $(document).ready(readybtn)
        function readybtn(){
          $('#txtMontoCargo').numeric(".");
          $('#txtMontoAbono').numeric('.');
          $('#txtMontoComision').numeric('.');
          $('#txtComisionCargo').numeric('.');
          $('#txtInteresDiario').numeric('.');
          $('#txtTiempoAutorizado').numeric('.');
          $("#txtClave").mask("9999-99-99",{placeholder:"YYYY-MM-DD"});
        }

        $(".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();
              } 

        });

        $("#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);
          }

        });

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

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

        function clearModalAbono(){
          $("#txtMontoAbono").val("");
          $("#txtMontoComision").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");
          }
        });


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

        function ajax_verificarAut(){ 
            $.ajax({
              data:{'cod':$("#txtCodA").val(),'montoS':$("#txtSobregiro").val(),'idCtaAhorros':$("#idctaahorros").val(),'moneda':$("#txtMoneda").val()},
              url:'/Verifi_CodAutoSobregiroCtaAhorros_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_InteresAcumulados(){ 
            
            $.ajax({
              data:{'idCtaAhorros':$("#idctaahorros").val(),'clave':claveAcceso},
              url:'/listar_InteresAcumulados/',
              //async:false,
              type:'GET',
              dataType:'json',
              success: function(data){
                console.log(data.length); 

                var html ="";
                if (data.length>0){
                  for(var i=0;i<data.length;i++){
                   
                    html += '<tr><td>'+data[i].fecha+'</td><td>'+data[i].monto+'</td><td>'+data[i].estado+'</td><td>'+data[i].saldo+
                    '</td><td>'+data[i].interes+'</td>'
                    +'<td style="white-space: nowrap">'+
                      ' <button type="button" class="btn btnPagarInteres btn-danger btn-icon-text '+
                      'waves-effect" data-value="'+data[i].pk+'">Retirar</button>'+
                       '</td></tr>';
                  }
                  $('#listaCtaAhorrosDeposito').html(html);
                }else{
                   $('#listaCtaAhorrosDeposito').html("");
                }
 

                 $('.btnPagarInteres').click(function(){
                    var id=$(this).attr('data-value');

                     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) {
                              ajax_pagarInteres(id);
                            }
                             
                        }
                    });
                  });

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


         function ajax_pagarInteres(id){
            $.ajax({
                data:{'pk':id},
                url:'/pagarInteresCtaAhorros_ajax/',
                type:'GET',
                dataType:'json',
                success: function(data){ 
                  console.log(data);
                  if(data.resultado=="exito"){
                    bootbox.alert("Se retiro el dinero correctamente");
                  }else{
                    bootbox.alert("Error. "+data.resultado);
                  }
                },
                 error: function(xhr, textStatus, errorThrown) {
                          console.log(xhr.responseText);
                  },
          });
        }


        function ajax_verificarCodigoAutorizacion(cod){ 
             dialog=bootbox.dialog({
                message: '<p><i class="fa fa-spin fa-spinner"></i> Verificando Clave...</p>'
            }); 
            $.ajax({
              data:{'cod':cod,'idCtaAhorros':$("#idctaahorros").val()},
              url:'/Verifi_CodAutoCtaAhorros_ajax/',
              //async:false,
              type:'GET',
              dataType:'text',
              success: function(data){
                console.log(data);
                dialog.modal('hide');
                if(data=="exito"){ 
                    ajax_peticion_pendiente($("#txtCtaAhorros").val());
                    $("#modalRetiro").modal("show");
                    $("#modalClave").modal("hide");
                    $("#txtMontoCargo").css( "background-color", "" );
                    $("#txtMontoCargo").val(""); 
                    $("#txtComisionCargo").val(""); 
                    claveAcceso=$("#txtClave").val();
                    ajax_InteresAcumulados();

                 }
                 else{
                  bootbox.alert({ 
                    message: data,
                    className: 'bb-alternate-modal'
                  }); 
                }
              },
             error: function(xhr, textStatus, errorThrown) {
                      console.log("RESULTADO ERRRO"+xhr.responseText);
              },
            });
          }; 

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

            if(Aux[filaI].estado=="activo")
            {
              $("#btnCargo").prop("disabled",false);
              $("#btnAbono").prop("disabled",false);
            }
            if(Aux[filaI].estado=="bloqueado")
            {
              $("#btnCargo").prop("disabled",true);
              $("#btnAbono").prop("disabled",false);
            }
            if(Aux[filaI].estado=="cerrado")
            {
              $("#btnCargo").prop("disabled",true);
              $("#btnAbono").prop("disabled",true);
            } 
            
            $.ajax({
                data:{'idctaahorros':Aux[filaI].ID},
                url:'/ListadoCtaAhorrosTXPK/',
                type:'GET',
                dataType:'json',
                success: function(data){
                  console.log(data);
                  $('#txtNombre').prop('value',data[0].nombre);
                  $('#txtAP').prop('value',data[0].Apellido_paterno);
                  $('#txtAM').attr("value",data[0].Apellido_materno);
                  if (data[0].dni!="00000000")
                    $('#txtDNI').attr("value",data[0].dni);
                  $('#txtDireccion').attr("value",data[0].direccion);
                  $('#txtEmail').attr("value",data[0].email);
                  $('#txtTelefono').attr("value",data[0].telefono);
                  $('#txtDrem').attr("value",data[0].drem);
                  $('#txtCtaAhorros').attr("value",data[0].ID);
                  $('#idctaahorros').val(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')
                  {
                      $("#grupoDetalleCtaAhorros").removeClass();
                      $("#txtTituloPersonales").removeClass();
                      $("#txtTituloCtaAhorros").removeClass();
                      $("#grupoDetalleCtaAhorros").addClass("style-info" );
                      $("#txtTituloPersonales").addClass("style-info");
                      $("#txtTituloCtaAhorros").addClass("style-info")
                  }
                  else
                  {
                     $("#grupoDetalleCtaAhorros").removeClass();
                      $("#txtTituloPersonales").removeClass();
                      $("#txtTituloCtaAhorros").removeClass();
                      $("#grupoDetalleCtaAhorros").addClass("style-success");
                      $("#txtTituloPersonales").addClass("style-success");
                      $("#txtTituloCtaAhorros").addClass("style-success");
                  }
                  $('#txtObservacion').prop("value",data[0].observaciones);
                  $('#txtPassword').prop("value",data[0].clave);
                  $('#txtSaldo').prop("value",data[0].saldo);
                  $('#txtInteres').prop("value",data[0].interes);
                  $('#txtInteresGenerado').prop("value",data[0].interesGenerado);
                  
                  var frecI="";
                  var frecN="";

                  if(data[0].frecInteres=="d"){
                    frecI="Diario";
                  }else{
                    if(data[0].frecInteres=="s"){
                      frecI="Semanal";
                    }else{
                      frecI="Mensual";
                    }
                  }

                  if(data[0].frecNroDias=="d"){
                      frecN="Diario";
                  }else{
                    if(data[0].frecNroDias=="s"){
                      frecN="Semanal";
                    }else{
                      frecN="Mensual";
                    }
                  }


                  $('#hInteres').text("Interes % ("+frecI+")");
                  $("#hPlazo").text("Plazo de Ahorro ("+frecN+")");
                  $('#txtNroDias').prop("value",data[0].nroDias);
                  $('#txtInteresGenerado').prop("value",data[0].interesGenerado);
                  $('#txtMontoCargo').prop("value","");
                  $('#txtMontoAbono').prop("value","");
                     
                },
                error: function(xhr, textStatus, errorThrown) {
                        console.log(xhr.responseText);
                },
            });
        });
        

        $("#btnMovimientos").click(function(){
          $("#nombre_cliente_mov").text($("#txtNombre").val()+" "+$("#txtAP").val()+" "+$("#txtAM").val());
          $("#id_CtaAhorros").prop('value',$("#txtCtaAhorros").val());
          $('#listaMovi').html("");
          ajax_CtaAhorros_movimientos();
        });

        function ajax_peticion_pendiente(idctaahorros){
          
          $.ajax({
            data:{'idCtaAhorros':idctaahorros},
            url:'/CtaAhorrosPeticionPendiente/',
            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_CtaAhorros_movimientos(){
            $.ajax({
                data:{'pk':$("#id_CtaAhorros").val()},
                url:'/ListadoCtaAhorros_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:'/ReimprimirCtaAhorrosMovimientos_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);
                  },
          });
        }


         $("#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 Ahorros", 20, doc.autoTableEndPosY() + 30);
            doc.setFontSize(12);
            doc.text('Nombre Cliente: '+$("#nombre_cliente_mov").text(), 20, 60);
            doc.text('Nro Cta Ahorros: '+$("#id_CtaAhorros").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('reporteMovimientosCtaAhorros.pdf');
              
        });

      

        $("#btnDepositar").click(function(){
          if(parseFloat($("#txtMontoAbono").val())>0){

              var m;
              var fecha=new Date();
              var fYear=fecha.getFullYear();
              var fDay=fecha.getDate();
              var fMonth=fecha.getMonth()+1;
              var hour=fecha.getHours();
              var second=fecha.getSeconds();
              var minutes=fecha.getMinutes();
              var oficinaRecibo='{{SITE_URL}}'
              var idctaahorros = $("#idctaahorros").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 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="US$. ";
              }
              $("#importe").text(m+montodeposito);
              $("#comision").text(m+comision);
              $("#importetotal").text(m+(parseFloat(montodeposito)+parseFloat(comision)))
              $("#dni").text(dni.slice(0,4)+"****");

              abonarDinero(idctaahorros,montodeposito,comision,ObsAbono); 
          }else{
            $("#txtMontoAbono").css( "background-color", "rgba(248, 158, 166, 0.61)" );   
          }
           
            
        });

        $("#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 idctaahorros= $("#idctaahorros").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="$/. ";
            }
 
   
          $("#dniR").text("****"+dni.slice(4)); 

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


        });



        function retiroDineroAdministrador(idctaahorros,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:{'idctaahorros':idctaahorros,'montoretiro':montocargo,'interes':interes,'nrodias':dias,'observaciones':ObsCargo,'estado':estado,'tc':tipoCambio,'CodigoAut':codAutorizacion,'clave':claveAcceso,'comision':$("#txtComisionCargo").val()},
                                      url:'/Admin/CtaAhorrosRetirar_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(idctaahorros,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:{'idctaahorros':idctaahorros,'montoretiro':montocargo,'interes':interes,'nrodias':dias,'observaciones':ObsCargo,'estado':estado,'tc':tipoCambio,'CodigoAut':codAutorizacion,'clave':claveAcceso},
                                      url:'/Admin/CtaAhorrosRetirar_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);  
                                      },
                                });

                            }
                             
                        }
                    });
  
    }



    function ajax_peticion(){
          var idctacte=$("#txtCtaAhorros").val();
          var moneda=$("#txtMoneda").val();
          var monto = $("#txtMontoCargo").val();
          var montoSobregiro =$("#txtSobregiro").val(); 
          var interesSobregiro=$("#txtInteresDiario").val();
          var nroDiasSobregiro=$("#txtTiempoAutorizado").val();
           
          $.ajax({
            data:{'idctaahorros':idctaahorros,'moneda':moneda,'monto':monto,'sobregiro':montoSobregiro,'interes':interesSobregiro,'tiempo':nroDiasSobregiro,'codAut':codAutorizacion,'comision':$("#txtComisionOperacion").val()},
            url:'/CtaAhorrosInsertarPeticionCtaAhorros/',
            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);
              }   
          });
    }


 

        function abonarDinero(idctaahorros,montodeposito,comision,ObsAbono){
           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:{'idctaahorros':idctaahorros,'montodeposito':montodeposito,'comision':comision,'observaciones':ObsAbono},
                                  url:'/Admin/CtaAhorrosDepositar_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 ajax_CtaAhorrosXDNI(dni){
            dialog=bootbox.dialog({
                message: '<p><i class="fa fa-spin fa-spinner"></i> Buscando Cliente...</p>'
            });
            $.ajax({
                data:{'dni':dni},
                url:'/ListadoCtaAhorros_op_dni/',
                type:'GET',
                dataType:'json',
                success: function(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="filaCtaAhorros '+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><td>'+data[i].interes+'</td></tr>';
                  }
                                      //html+='</tbody></table>';
                  $('#listaCtaAhorros').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("click","#btnfiltrar",function(){
            ajax_CtaAhorrosXDNI($("#txtfiltro").val()); 
          });

        
    </script>
{% endblock content1 %}