{% extends "admin/base_site.html" %}
{% load i18n static jazzy_tabler admin_urls %}
{% get_jazzy_ui_tweaks as jazzy_ui %}

{% block extrahead %}{{ block.super }}
    <script type="text/javascript" src="{% url 'admin:jsi18n' %}"></script>
{% endblock %}

{% block bodyclass %}{{ block.super }} {{ opts.app_label }}-{{ opts.model_name }} change-form{% endblock %}

{% if not is_popup %}
    {% block breadcrumbs %}
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a></li>
            <li class="breadcrumb-item"><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
            <li class="breadcrumb-item"><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a></li>
            <li class="breadcrumb-item"><a href="{% url opts|admin_urlname:'change' original.pk|admin_urlquote %}">{{ original|truncatewords:"18" }}</a></li>
            <li class="breadcrumb-item active">{% trans 'Change password' %}</li>
        </ol>
    {% endblock %}
{% endif %}

{% block content_title %}{% trans 'Change password' %}{% endblock %}

{% block content %}

    <div class="col-12">
        {% if form.errors %}
            <div class="alert alert-danger">
                {% if errors|length == 1 %}
                    {% trans "Please correct the error below." %}
                {% else %}
                    {% trans "Please correct the errors below." %}
                {% endif %}
            </div>
        {% endif %}

        <div class="card">
            <div class="card-header">
                <h3 class="card-title">
                    {% blocktrans with username=original %}Enter a new password for the user <strong>{{ username }}</strong>.{% endblocktrans %}
                </h3>
            </div>

            <div class="card-body">
                <div id="content-main">
                    <form action="{{ form_url }}" method="post" id="{{ opts.model_name }}_form">
                        {% csrf_token %}
                        {% block form_top %}{% endblock %}
                        <input type="text" name="username" value="{{ original.get_username }}" class="d-none">
                        <div>
                            {% if is_popup %}<input type="hidden" name="_popup" value="1">{% endif %}

                            <div class="mb-3 row">
                                <label class="col-12 col-md-2 col-form-label">
                                    {{ form.password1.field.label }}
                                </label>
                                <div class="col-12 col-md-6">
                                    {{ form.password1 }}
                                    {% if form.password1.help_text %}
                                        <small class="form-hint">{{ form.password1.help_text|safe }}</small>
                                    {% endif %}
                                </div>
                                <div class="col-12 col-md-4">
                                    {% if form.password1.errors %}
                                    <div class="text-danger small">{{ form.password1.errors }}</div>
                                    {% endif %}
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-12 col-md-2 col-form-label">
                                    {{ form.password2.field.label }}
                                </label>
                                <div class="col-12 col-md-6">
                                    {{ form.password2 }}
                                    {% if form.password2.help_text %}
                                        <small class="form-hint">{{ form.password2.help_text|safe }}</small>
                                    {% endif %}
                                </div>
                                <div class="col-12 col-md-4">
                                    {% if form.password2.errors %}
                                    <div class="text-danger small">{{ form.password2.errors }}</div>
                                    {% endif %}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 offset-md-2">
                                    <input type="submit" value="{% trans 'Change password' %}" class="btn {{ jazzy_ui.button_classes.primary }}">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

{% endblock %}