{% extends "admin/chassis/page.html" %}
{% load i18n %}

{% block extrahead %}
    {{ block.super }}
    <script src="{{ jsi18n_url }}"></script>
    {{ form.media }}
{% endblock %}

{% block breadcrumbs %}
    <div class="breadcrumbs">
        <a href="{{ index_url }}">{% translate 'Панель управления' %}</a>
        &rsaquo; <a href="{{ cancel_url }}">{{ opts.verbose_name_plural|capfirst }}</a>
        &rsaquo; {% translate 'Создание пользователя' %}
    </div>
{% endblock %}

{% block chassis_page_content %}
    <form method="post" novalidate>
        {% csrf_token %}
        {% for hidden_field in form.hidden_fields %}{{ hidden_field }}{% endfor %}
        {% if form.errors %}
            <p class="errornote">{% translate 'Исправьте ошибки формы.' %}</p>
        {% endif %}
        {{ form.non_field_errors }}

        {% for fieldset in form_fieldsets %}
            <fieldset class="module aligned wide chassis-changelist-fieldset chassis-page-form-fieldset">
                <h2 class="fieldset-heading">{{ fieldset.title }}</h2>
                <div class="chassis-changelist-fieldset__content chassis-control-rows">
                    {% for field in fieldset.fields %}
                        {% if field.name == 'groups' and not groups_available %}
                            <div class="form-row chassis-control-row">
                                {{ field.label_tag }}
                                <div class="chassis-control-input">
                                    <div class="help">
                                        {% translate 'Группы ещё не созданы. Сначала создайте группу.' %}
                                    </div>
                                </div>
                            </div>
                        {% elif field.field.widget.input_type == 'checkbox' %}
                            <div class="form-row chassis-control-row chassis-checkbox-row{% if field.errors %} errors{% endif %}{% if field.field.required %} required{% endif %}">
                                <div class="chassis-control-input">
                                    {{ field.errors }}
                                    <div class="flex-container checkbox-row">
                                        {{ field }}
                                        <label class="vCheckboxLabel{% if field.field.required %} required{% endif %}" for="{{ field.id_for_label }}">
                                            {{ field.label }}
                                        </label>
                                    </div>
                                    {% if field.help_text %}
                                        <div class="help" id="{{ field.auto_id }}_helptext">{{ field.help_text|safe }}</div>
                                    {% endif %}
                                </div>
                            </div>
                        {% else %}
                            <div class="form-row chassis-control-row{% if field.errors %} errors{% endif %}{% if field.field.required %} required{% endif %}">
                                {{ field.label_tag }}
                                <div class="chassis-control-input">
                                    {{ field.errors }}
                                    {{ field }}
                                    {% if field.help_text %}
                                        <div class="help" id="{{ field.auto_id }}_helptext">{{ field.help_text|safe }}</div>
                                    {% endif %}
                                </div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            </fieldset>
        {% endfor %}

        <div class="chassis-page-actions">
            <input type="submit" class="default chassis-standard-button chassis-primary-button" value="{% translate 'Создать пользователя' %}">
            <a class="button chassis-standard-button chassis-reset-button" href="{{ cancel_url }}">
                {% translate 'Отмена' %}
            </a>
        </div>
    </form>
{% endblock %}