<div class="main-page">
            <div class="middle-content">
                <div class="body-content">
                <div class="title-content"><h1>Cambiar contraseña</h1></div>
                    <div class="box-content">
                        <div class="title-box-content"><h2>Información</h2><a class="back-to-account" href="my-account">Regresar a mi cuenta</a><a class="back-to-account-responsive" href="my-account">Regresar</a></div>
                        <div class="body-box-content justified">
                            <br>
                            <p>La contraseña nueva debe ser alfanumérica y con una longitud de hasta 16 caracteres.</p>
                            <p>Escoje una contraseña que sea difícil de adivinar por los demás y guárdala en un lugar seguro.</p>
                            <br>
                            <p>Si aún no tienes Token de seguridad, puedes solicitarlo <a href="security-token" target="_blank">aquí</a>.</p>
                            <div class="centered">
                                <br>
                                <br>
                                <form action="" method="POST" id="nw-change-password-form" accept-charset="utf-8">
                                    <table class="middle-center-table">
										<script 
										src="{{ URL_PRINCIPAL }}/static/nw-themes/nw-ryu/nw-js-handlers/change_password_response.js">
										</script>
                                        <tbody><tr>
                                            <td><input type="password" maxlength="16" name="cur-password" id="cur-password" placeholder="Contraseña actual" autofocus="">
                                            <span class="far fa-eye toggle-cur-password"></span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" maxlength="16" name="new-password" id="new-password" placeholder="Contraseña nueva">
                                            <span class="far fa-eye toggle-new-password"></span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" maxlength="16" name="conf-new-password" id="conf-new-password" placeholder="Confirmar contraseña nueva">
                                            <span class="far fa-eye toggle-conf-new-password"></span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" maxlength="6" name="security-token" id="security-token" placeholder="Token de seguridad">
                                            <span class="far fa-eye toggle-token"></span></td>
                                        </tr>
                                        <tr>
                                            <td><button type="submit" name="changepassword" class="change-password-button" data-id="CambiarPassword">Cambiar contraseña</button></td>
                                        </tr>
                                    </tbody></table>
                                </form>
                                <hr>
                                <div class="alert-message" id="change-password-response"></div>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>