{% extends "baseAdmin.html" %}
{% load static %}
{% block titulo %}
  .::Configurar Cuentas Corrientes y Ahorros
{% 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">
        $("#navOficinas").attr('class','dropdown active');
        $("#navauto").attr('class','active');
      </script> 
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="card">
                <div class="card-head card-head-xs style-default"> <strong>MONTOS AUTORIZADOS PARA CUENTAS CORRIENTES Y AHORROS</strong></div>
                <div class="card-body">
                  <div class="row">
                     <div class="row" id="Result">
                    {% ifnotequal resultado None %}
                    {% ifnotequal resultado '' %}
                    {% ifequal resultado 'exito' %}
                    <div class="alert alert-success" role="alert" align="center">
                      <h4>OPERACION EXITOSA!!</h4>
                    </div>
                    {% else %}
                    <div class="alert alert-danger" role="alert" align="center">
                      <h4>FALLO OPERACIÓN :( {{resultado}}</h4>
                    </div>
                    {% endifequal %}
                    {% endifnotequal %}
                    {% endifnotequal %}
                  </div>
                  <p></p>
                  <div class="row">
                    <div class="col-md-2 col-md-offset-1">
                      <button type="button" class="btn btn-block btn-primary" id="btnRefrescar"><span class="fa fa-refresh"></span> Actualizar</button>
                    </div>
                  </div>
                  <div class="row"> 
                      <br>
                      <div class="col-md-10 col-md-offset-1">
                          <script type="text/javascript">
                            var Aux="";
                            var filaI =0;
                            $(document).ready(function () {
                              $("#btnActualizar").prop('disabled',true);
                              ajax_Config();
                              $(document).on("click",".filaR",function(){
                                var num = $(this).attr('id');
                                filaI = num;
                                var fila= $(this).attr('class');
                                $("."+fila).attr('class','filaR');
                                $("#"+num).attr('class','filaR info');
                                $("#txtpk").attr('value',Aux[filaI].pk);
                                $("#txtof").prop('value',Aux[filaI].oficina);
                                $("#txtMSCC").attr('value',Aux[filaI].montoSolesCtaCte);
                                $("#txtMDCC").prop('value',Aux[filaI].montoDolaresCtaCte);
                                $("#txtMSCA").attr('value',Aux[filaI].montoSolesCtaAhorros);
                                $("#txtMDCA").attr('value',Aux[filaI].montoDolaresCtaAhorros);
                              });
                                $('#txtMSCC').numeric();
                                $('#txtMDCC').numeric();
                                $('#txtMSCA').numeric();
                                $('#txtMDCA').numeric();
                                  $(".chbHC").click(function(){    
                                      if ($(this).find('input[type="checkbox"]').is(':checked')) {
                                          habilitar(true);
                                          // no esta checkado
                                          //alert('You have Checked it');
                                      } else {
                                          habilitar(false);
                                      } 

                                });
                                /*$("#campoChk").click(function(){
                                  if(!$("#ts4").prop('checked')){
                                      habilitar(false);
                                    }else{
                                      habilitar(true);
                                    }
                                });*/
                                function habilitar(flag){
                                  $("#btnActualizar").prop('disabled',flag);
                                  $("#txtMSCC").prop('readonly',flag);
                                  $("#txtMDCC").attr('readonly',flag);
                                  $("#txtMSCA").prop('readonly',flag);
                                  $("#txtMDCA").prop('readonly',flag);
                                };
                              $("#btnRefrescar").click(function(){
                                ajax_Config();
                              });
                              function ajax_Config(){
                                $.ajax({
                                  url:'/ConfiguracionPeticionesOfi/',
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                    Aux = data; 
                                    var html ="";
                                    for(var i=0;i<data.length;i++){
                                        html += '<tr data-toggle="modal" data-target="#myModal" class="filaR" id="'+i+'"><th scope="row">'+(i+1)+'</th><td>'+data[i].oficina+'</td><td>'+data[i].montoSolesCtaCte+'</td><td>'+data[i].montoDolaresCtaCte+'</td><td>'+data[i].montoSolesCtaAhorros+'</td><td>'+data[i].montoDolaresCtaAhorros+'</td></tr>';
                                    }                        
                                    $('#listaR').html(html);
                                  },
                                   error: function(xhr, textStatus, errorThrown) {
                              console.log(xhr.responseText);
                          }  
                                });
                              }
                            });
                          </script>
                          <div>
                            <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">Configuración</h4>
                                    </div>
                                    <div class="modal-body">
                                      <p>
                                        <div class="col-md-12 col-sm-12" >
                                            <div class="panel panel-info">
                                              <div class="panel-heading" align="center"> <h4>Detalle de las Configuraciones</h4></div>
                                               <form action="/Admin/configurar_montos_autorizados/" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
                                                <div class="panel-body">
                                                  <p></p>
                                                  <div class="row" hidden>
                                                    <div class="col-md-1 col-md-offset-2" >
                                                      <h5>id: </h5>
                                                    </div>
                                                    <div class="col-md-2">
                                                      <input type="text" class="form-control" id="txtpk" name ="pk" readonly="readonly" required>
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-3 col-md-offset-2" >
                                                      <h5>Oficina: </h5>
                                                    </div>
                                                    <div class="col-md-4">
                                                      <input type="text" class="form-control" id="txtof"readonly="readonly" required>
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-5 col-md-offset-2" >
                                                      <h5>Monto Maximo Soles Cta. Cte: </h5>
                                                    </div>
                                                    <div class="col-md-2">
                                                      <input type="text" class="form-control"  name ="montoSolesCtaCte" id="txtMSCC" readonly="readonly" required>
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-5 col-md-offset-2" >
                                                      <h5>Monto Maximo Dolares Cta. Cte: </h5>
                                                    </div>
                                                    <div class="col-md-2">
                                                      <input type="text" class="form-control" name ="montoDolaresCtaCte" id="txtMDCC" readonly="readonly" required>
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                   <div class="row">
                                                    <div class="col-md-5 col-md-offset-2" >
                                                      <h5>Monto Maximo Soles Cta. Ahorros: </h5>
                                                    </div>
                                                    <div class="col-md-2">
                                                      <input type="text" class="form-control"  name ="montoSolesCtaAhorros" id="txtMSCA" readonly="readonly" required>
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-5 col-md-offset-2" >
                                                      <h5>Monto Maximo Dolares Cta. Ahorros: </h5>
                                                    </div>
                                                    <div class="col-md-2">
                                                      <input type="text" class="form-control" name ="montoDolaresCtaAhorros" id="txtMDCA" readonly="readonly" required>
                                                      <p></p>
                                                    </div>
                                                  </div>
                                                  <p></p>
                                                  
                                                  <div class="row"> 
                                                    <div class="col-md-10 col-md-offset-2">
                                                      <div data-toggle="buttons" class="btn btn-checkbox-gray-inverse chbHC"><input type="checkbox" class="chbo">Actualizar Datos</div>
                                                       <!--<div id="campoChk"  data-toggle="buttons">
                                                            
                                                            <label class="btn checkbox-inline btn-checkbox-success-inverse">
                                                              <input id="ts4" type="checkbox" value="success-inverse1"> Actualizar Datos
                                                            </label>
                                                        </div> -->
                                                      
                                                     </div> 
                                                  </div>
                                                  <!--<div class="row">
                                                    <div class="col-md-5 col-md-offset-6">
                                                      <div class="checkbox" id="campoChk">
                                                        <label>
                                                          <input type="checkbox" id="actualizar"> Actualizar datos
                                                        </label>
                                                      </div>
                                                    </div>
                                                  </div>-->
                                                  <p></p>
                                                  <div class="row">
                                                    <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4">
                                                      <button class="btn btn-primary btn-block" id="btnActualizar" type="submit">Actualizar</button>
                                                    </div>

                                                  </div>
                                                </div>
                                              </form>
                                            </div>
                                        </div>
                                      </p>
                                    </div>

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

                                    </div>
                                  </div><!-- /.modal-content -->
                                </div><!-- /.modal-dialog -->
                              </div>
                          </div>
                          <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>Nro</th>
                                    <th>Oficina</th>
                                    <th>Monto Maximo Soles Cta. Cte.</th>
                                    <th>Monto Maximo Dolares Cta. Cte.</th>
                                    <th>Monto Maximo Soles Cta. Ahorros</th>
                                    <th>Monto Maximo Dolares Cta. Ahorros</th>
                                  </tr>
                                </thead>
                                <tbody id="listaR">
                                    
                                </tbody>
                            </table>
                          </div>
                      </div>
                  </div>
                  <br>
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1" align="center">
                      <nav>
                        <ul class="pagination">
                          <li>
                            <a href="#" aria-label="Previous">
                              <span aria-hidden="true">&laquo;</span>
                            </a>
                          </li>
                          <li class="active"><a href="#">1</a></li>
                          <li><a href="#">2</a></li>
                          <li><a href="#">3</a></li>
                          <li><a href="#">4</a></li>
                          <li><a href="#">5</a></li>
                          <li>
                            <a href="#" aria-label="Next">
                              <span aria-hidden="true">&raquo;</span>
                            </a>
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div> 
{% endblock content1 %}