{% extends "managemails/base.html" %}
{% load i18n crispy_forms_tags %}
{% block title %}{{ block.user }} - {% spaceless %}
    {% with full_name=customer.get_full_name mailbox=mailbox.username %}
        {% if customer == user %}
            {% blocktranslate %}Set Password for Mailbox {{ mailbox }}{% endblocktranslate %}
        {% else %}
            {% blocktranslate trimmed %}
                Set Password for Mailbox {{ mailbox }} of Customer {{ full_name }}
            {% endblocktranslate %}
        {% endif %}
    {% endwith %}
{% endspaceless %}{% endblock title %}
{% block page_title %}{% spaceless %}
    {% with full_name=customer.get_full_name mailbox=mailbox.username %}
        {% if customer == user %}
            {% blocktranslate %}Set Password for Mailbox {{ mailbox }}{% endblocktranslate %}
        {% else %}
            {% blocktranslate trimmed %}
                Set Password for Mailbox {{ mailbox }} of Customer {{ full_name }}
            {% endblocktranslate %}
        {% endif %}
    {% endwith %}
{% endspaceless %}{% endblock page_title %}

{% block content %}
    <p>{% if customer == user %}{% translate "Please specify the new password for your mailbox." %}{% else %}
        {% translate "Please specify the new password for the mailbox." %}{% endif %}</p>
    {% crispy form %}
{% endblock content %}

{% block extra_js %}
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function () {
            let passwordFields = document.querySelectorAll('input[type=password]');

            for (const passwordFieldsKey in passwordFields) {
                passwordFields[passwordFieldsKey].val('');
            }

            passwordFields[0].focus();
        });
    </script>
{% endblock extra_js %}