{% extends "admin/base_site.html" %}
{% load i18n static admin_urls semantic_filters %}
{% block title %}
    {% if form.errors %}
        {% translate "Error:" %}
    {% endif %}
    {{ block.super }}
{% endblock %}
{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static "admin/css/forms.css" %}">
    <link rel="stylesheet"
          href="{% static "admin/css/unusable_password_field.css" %}">
{% endblock %}
{% block bodyclass %}
    {{ block.super }} {{ opts.app_label }}-{{ opts.model_name }} change-form
{% endblock %}
{% if not is_popup %}
    {% block breadcrumbs %}
        <div class="ui large breadcrumb" style="padding-left: 1rem;">
            <a class="section" href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
            <i class="right chevron icon divider"></i>
            <a class="section"
               href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
            <i class="right chevron icon divider"></i>
            <a class="section" href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
            <i class="right chevron icon divider"></i>
            <a class="section"
               href="{% url opts|admin_urlname:'change' original.pk|admin_urlquote %}">{{ original|truncatewords:"18" }}</a>
            <i class="right chevron icon divider"></i>
            <div class="active section">
                {% if form.user.has_usable_password %}
                    {% trans 'Change password' %}
                {% else %}
                    {% trans 'Set password' %}
                {% endif %}
            </div>
        </div>
    {% endblock %}
{% endif %}
{% block content %}
    <div id="content-main" class="change-form">
        <form class="ui form{% if form.errors %} error{% endif %}"
              {% if form_url %}action="{{ form_url }}"{% endif %}
              method="post"
              id="{{ opts.model_name }}_form"
              novalidate>
            {% csrf_token %}
            {% block form_top %}{% endblock %}
            <input type="text"
                   name="username"
                   value="{{ original.get_username }}"
                   class="hidden">
            {% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1">{% endif %}
            {% if form.errors %}
                <div class="ui error message">
                    {% blocktranslate count counter=form.errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktranslate %}
                </div>
            {% endif %}
            <div class="ui segment">
                <p>
                    {% blocktranslate with username=original %}Enter a new password for the user <strong>{{ username }}</strong>.{% endblocktranslate %}
                </p>
                {% if not form.user.has_usable_password %}
                    <p>
                        {% blocktranslate %}This action will <strong>enable</strong> password-based authentication for this user.{% endblocktranslate %}
                    </p>
                {% endif %}
                {% if form.usable_password %}
                    <div class="field">
                        {{ form.usable_password.errors|semantic_error_list }}
                        <label>{{ form.usable_password.label }}</label>
                        <div id="{{ form.usable_password.auto_id }}" class="inline fields">
                            {% for choice in form.usable_password %}
                                <div class="field">
                                    <div class="ui radio checkbox">
                                        {{ choice.tag }}
                                        <label for="{{ choice.id_for_label }}">{{ choice.choice_label }}</label>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                        {% if form.usable_password.help_text %}
                            <div class="help"
                                 {% if form.usable_password.id_for_label %} id="{{ form.usable_password.id_for_label }}_helptext"{% endif %}>
                                <p>{{ form.usable_password.help_text|safe }}</p>
                            </div>
                        {% endif %}
                    </div>
                {% endif %}
                <div class="field field-password1{% if form.password1.errors %} error{% endif %}">
                    {{ form.password1.label_tag }}
                    {{ form.password1 }}
                    {{ form.password1.errors|semantic_error_list }}
                    {% if form.password1.help_text %}
                        <div class="help semantic-help-text"
                             {% if form.password1.id_for_label %} id="{{ form.password1.id_for_label }}_helptext"{% endif %}>
                            {{ form.password1.help_text|semantic_help_text }}
                        </div>
                    {% endif %}
                </div>
                <div class="field field-password2{% if form.password2.errors %} error{% endif %}">
                    {{ form.password2.label_tag }}
                    {{ form.password2 }}
                    {{ form.password2.errors|semantic_error_list }}
                    {% if form.password2.help_text %}
                        <div class="help semantic-help-text"
                             {% if form.password2.id_for_label %} id="{{ form.password2.id_for_label }}_helptext"{% endif %}>
                            {{ form.password2.help_text|semantic_help_text }}
                        </div>
                    {% endif %}
                </div>
            </div>
            <div class="ui basic segment noprint" style="margin-top: 0;">
                <div class="ui fields">
                    <div class="four wide field">
                        {% if form.user.has_usable_password %}
                            <input type="submit"
                                   name="set-password"
                                   value="{% trans 'Change password' %}"
                                   class="ui fluid primary button default set-password">
                        {% else %}
                            <input type="submit"
                                   name="set-password"
                                   value="{% trans 'Enable password-based authentication' %}"
                                   class="ui fluid primary button default set-password">
                        {% endif %}
                    </div>
                    {% if form.user.has_usable_password %}
                        <div class="four wide field">
                            <input type="submit"
                                   name="unset-password"
                                   value="{% trans 'Disable password-based authentication' %}"
                                   class="ui fluid button unset-password">
                        </div>
                    {% endif %}
                </div>
            </div>
        </form>
    </div>
{% endblock %}