upstream-zulip/templates/zerver/reset_confirm.html

{% extends "zerver/portico_signup.html" %}
{% set entrypoint = "register" %}

{% block title %}
<title>{{ _("Set a new password") }} | Zulip</title>
{% endblock %}

{% block portico_content %}

<div class="flex full-page new-style">
    <div id="password-reset-confirm" >
        <div class="registration-lead-section">
            <h1 class="registration-lead-title">{{ _('Set a new password') }}</h1>
        </div>
        <div class="white-box">
            {% if validlink %}
            <form class="form-inline" method="post" id="password_reset" autocomplete="off">
                {{ csrf_input }}
                <div class="input-box" id="email-section">
                    <label for="id_email">{{ _("Email") }}</label>
                    <div>
                        <input type="text" name="name" placeholder='{{ form.user.delivery_email }}' disabled />
                    </div>
                </div>

                <div class="input-box password-div">
                    <label for="id_new_password1">{{ _('Password') }}</label>
                    <input id="id_new_password1" class="required" type="password" name="new_password1" autocomplete="new-password"
                      value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}"
                      data-max-length="{{ password_max_length }}"
                      data-min-length="{{password_min_length}}"
                      data-min-guesses="{{password_min_guesses}}" autofocus required />
                    <i class="zulip-icon zulip-icon-hide password_visibility_toggle" role="button" tabindex="0"></i>
                    {% if form.new_password1.errors %}
                        {% for error in form.new_password1.errors %}
                        <div class="alert alert-error">{{ error }}</div>
                        {% endfor %}
                    {% endif %}
                </div>
                <div class="progress" id="pw_strength">
                    <div class="bar bar-danger" style="width: 10%;"></div>
                </div>

                <div class="input-box password-div">
                    <label for="id_new_password2">{{ _('Confirm password') }}</label>
                    <input id="id_new_password2" class="required" type="password" name="new_password2" autocomplete="off"
                      value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
                      maxlength="100" required />
                    <i class="zulip-icon zulip-icon-hide password_visibility_toggle" role="button" tabindex="0"></i>
                    {% if form.new_password2.errors %}
                        {% for error in form.new_password2.errors %}
                        <div class="alert alert-error">{{ error }}</div>
                        {% endfor %}
                    {% endif %}
                </div>

                {% if corporate_enabled and form.user.realm.demo_organization_scheduled_deletion_date %}
                {% if not form.user.enable_marketing_emails and (form.user.realm.get_first_human_user() == form.user) %}
                <div class="input-group">
                    <label for="id_enable_marketing_emails_demo_creator" class="inline-block checkbox marketing_emails_checkbox">
                        <input id="id_enable_marketing_emails_demo_creator" type="checkbox" name="enable_marketing_emails"
                          checked="checked" />
                        <span class="rendered-checkbox"></span>
                        {% trans %}Subscribe me to Zulip's low-traffic newsletter (a few emails a year).{% endtrans %}
                    </label>
                </div>
                {% endif %}
                {% endif %}

                <div class="input-box">
                    <button type="submit" class="password-reset-button" value="Submit">Submit</button>
                </div>
            </form>

            {% else %}
            <p class="password-reset-invalid">{{ _('Sorry, the link you provided is invalid or has already been used.') }}</p>
            {% endif %}
        </div>
    </div>
</div>

{% endblock %}