{% extends "managemails/base.html" %}
{% load i18n crispy_forms_tags %}
{% block title %}{{ block.user }} - {% spaceless %}
    {% with full_name=customer.get_full_name package=hostingpackage.name %}
        {% if customer == user %}
            {% blocktranslate %}Add Mailbox to Hosting Package {{ package }}{% endblocktranslate %}
        {% else %}
            {% blocktranslate trimmed %}
                Add Mailbox to Hosting Package {{ package }} of Customer {{ full_name }}
            {% endblocktranslate %}
        {% endif %}
    {% endwith %}
{% endspaceless %}{% endblock title %}
{% block page_title %}{% spaceless %}
    {% with full_name=customer.get_full_name package=hostingpackage.name %}
        {% if customer == user %}
            {% blocktranslate %}Add Mailbox to Hosting Package {{ package }}{% endblocktranslate %}
        {% else %}
            {% blocktranslate trimmed %}
                Add Mailbox to Hosting Package {{ package }} of Customer {{ full_name }}
            {% endblocktranslate %}
        {% endif %}
    {% endwith %}
{% endspaceless %}{% endblock page_title %}

{% block content %}
    <p>{% if customer == user %}
        {% translate "Please specify the password for your new mailbox." %}
    {% else %}
        {% translate "Please specify the password for the new 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 fieldKey in passwordFields) {
                passwordFields[fieldKey].val('');
            }

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