{% extends "/Bases/StandardWebPage.html.twig" %}

{% block content %}


    <script src="https://www.google.com/recaptcha/enterprise.js?render={{ _CAPTCHA_KEY_ID_ }}"></script>
    <script>
        function onSubmitChangePasswordForm(token) {
            document.getElementById("ChangePasswordForm").submit();
        }
    </script>

    <div class="InnerContent">
        <h1>{{ "Change Password"|translate }}</h1>
        <form
                id="ChangePasswordForm"
                action="/FormHandling/ChangePassword.php"
                method="POST"
        >

            <label for="Password1">{{ "New Password"|translate }}</label>
            <br>
            <input id="Password1" name="Password1" type="password">

            <br>

            <label for="Password2">{{ "Confirm New Password"|translate }}</label>
            <br>
            <input id="Password2" name="Password2" type="password">

            <br>

            <button class="g-recaptcha"
                    data-sitekey="{{ _CAPTCHA_KEY_ID_ }}"
                    data-callback='onSubmitChangePasswordForm'
                    data-action='submit'>{{ "Change Password"|translate }}</button>
        </form>
    </div>
{% endblock %}