<div class="box box-primary box-solid">
    <div class="box-header with-border">
        <h3 class="box-title">Cambiar Contraseña</h3>
    </div>
    <div class="box-body">
        <form id="form-modificar-contrasena" class="form-horizontal">
            <div class="form-group">
                <label for="usuarioNombre" class="col-sm-2 col-md-2 control-label">Usuario</label>
                <div class="col-sm-10 col-md-10">
                    <input type="text" name="usuarioNombre" class="form-control" id="usuario-{{ hash_vista }}" value="{{ usuario.usuarioNOMBRE }}" readonly>
                </div>
            </div>
            <div class="form-group">
                <label for="contrasena-actual-usuario" class="col-sm-2 col-md-2 control-label">Contraseña Actual</label>
                <div class="col-sm-10 col-md-10">
                    <input type="password" name="contrasenaActual" class="form-control" id="contrasenaActualUsuario-{{ hash_vista }}" placeholder="Contraseña Actual" required>
                </div>
            </div>
            <div class="form-group">
                <label for="contrasena-nueva-usuario" class="col-sm-2 col-md-2 control-label">Contraseña Nueva</label>
                <div class="col-sm-10 col-md-10">
                    <input type="password"  name="contrasenaNueva"  class="form-control" id="contrasenaNuevaUsuario-{{ hash_vista }}" placeholder="Contraseña Nueva" required>
                </div>
            </div>
            <div class="form-group">
                <label for="contrasena-nueva-usuario" class="col-sm-2 col-md-2 control-label">Confirmar Contraseña Nueva</label>
                <div class="col-sm-10 col-md-10">
                    <input type="password" class="form-control" id="confirmarContrasenaNueva-{{ hash_vista }}" placeholder="Confirmar Contraseña Nueva" required>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="pull-right">
                    {{ boton( 'guardar', "cambiarClave", 'cambiarClavedeUsuario()', 'Cambiar Clave') }}
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
    
    $("#form-modificar-contrasena").submit(function(){
        cambiarClavedeUsuario();
    });
    
    function cambiarClavedeUsuario(){
        if($('#confirmarContrasenaNueva-{{ hash_vista }}').val() == $('#contrasenaNuevaUsuario-{{ hash_vista }}').val()){
            ejecutarOperacion('usuarios', 'usuarios', 'cambiarClave', $('#form-modificar-contrasena').serialize(),
                function (response) {
                    cargarDivision('menu1','usuarios','Perfil','mostrarFormularioCambiarContrasena');
                }
            );    
        }else{
            alertaPrevencion("LA CONTRASEÑA NUEVA NO COINCIDE, POR FAVOR VERIFICAR!");
        }
    }
    
</script>