{% extends "baseAdmin.html" %}
{% block titulo %}
  .::Actualizar Contra
{% endblock titulo %}seña
{% block content1 %} 
      <script type="text/javascript">
        $("#navUser").attr('class','dropdown active');
        $("#navCambiarContra").attr('class','active');
      </script>
      <form action="/Cambiar_ContraGerente/" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
        
        <div class="row">
          <div class="col-md-10 col-md-offset-1 col-sm-12" >
              <div class="panel panel-warning">
                <div class="panel-heading"> <strong>CAMBIAR CONTRASEÑA</strong></div>
                <div class="panel-body">
                  <div class="row" id="Result">
                    {% ifnotequal resultado '' %}
                    {% ifequal resultado 'exito' %}
                    <h4 class="bg-success" align="center">
                       Se cambio tu contraseña!!
                    </h4>
                    {% else %}
                    <h4 class="bg-danger" align="center">
                      :( la operacion Fallo {{resultado}}
                    </h4>
                    {% endifequal %}
                    {% endifnotequal %}
                  </div>
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                      <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-12">
                              <h4 class="bg-success" align="center">
                                &nbsp;
                              </h4>
                            </div>
                          <div class="row">
                            <div class="col-md-3 col-md-offset-1">
                              <h5 >Contraseña Anterior:</h5>
                            </div>
                            <div class="col-md-3">
                              <div class="form-group">
                                <input type="text" class="form-control"name="passA" required>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                              </div>
                              <p></p>
                            </div>
                          </div>
                          <div class="row" id="campoAp">
                            <div class="col-md-3 col-md-offset-1">
                              <h5>Contraseña Nueva:</h5>
                            </div>
                            <div class="col-md-3">
                              <div class="form-group">
                                 <input type="password" class="form-control" id="password1">
                                 <div class="form-control-feedback" style="text-align:left;" ></div> 
                              </div>                             
                              <p></p>
                            </div>
                          </div> 
                          <div class="row">
                            <div class="col-md-3 col-md-offset-4">
                              <div class="form-group">
                                  <input type="password" class="form-control" data-match="#password1" data-match-error="la contraseña no coinside" name="passN" placeholder="vuelva a ercribir la contraseña">
                                 <div class="form-control-feedback" style="text-align:left;" ></div> 
                              </div>                             
                              <p></p>
                            </div>
                          </div>
                          <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" type="submit">Guardar</button>
                            </div>
                          </div>
                        </div>
                      </div>  
                    </div>
                  </div>
                  
                </div>
              </div>
          </div>
        </div>
      </form> 
{% endblock content1 %}