{% extends "userdbs/base.html" %}
{% load i18n crispy_forms_tags %}

{% block title %}{{ block.super }} - {% spaceless %}
    {% if user == customer %}
        {% blocktranslate %}Add new Database{% endblocktranslate %}
    {% else %}
        {% blocktranslate with full_name=customer.get_full_name trimmed %}
            Add new Database for Customer {{ full_name }}
        {% endblocktranslate %}
    {% endif %}
{% endspaceless %}{% endblock title %}

{% block page_title %}{% spaceless %}
    {% if user == customer %}
        {% blocktranslate %}Add new Database{% endblocktranslate %}
    {% else %}
        {% blocktranslate with full_name=customer.get_full_name trimmed %}
            Add new Database for Customer {{ full_name }}
        {% endblocktranslate %}
    {% endif %}
{% endspaceless %}{% endblock page_title %}

{% block content %}
    <p>{% blocktranslate %}Please enter a password for a new database user for your database.{% endblocktranslate %}</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 %}