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

{% block extrahead %}
    {{ block.super }}
    {{ form.media }}
{% endblock %}

{% block breadcrumbs %}
    <div class="breadcrumbs">
        <a href="{% url 'admin:index' %}">{% translate 'Панель управления' %}</a>
        {% if sidebar_section_label %}&rsaquo; {{ sidebar_section_label }}{% endif %}
        &rsaquo; <a href="{{ changelist_url }}">{{ model_sidebar_label }}</a>
        &rsaquo; <a href="{{ landing_url }}">{{ flow_crumb }}</a>
        {% if import_export_flow_title %}&rsaquo; {{ import_export_flow_title }}{% endif %}
    </div>
{% endblock %}

{% block chassis_page_content %}
    <fieldset class="module aligned wide chassis-changelist-fieldset chassis-page-form-fieldset">
        <h2 class="fieldset-heading">{{ import_export_flow_title }}</h2>
        <div class="chassis-changelist-fieldset__content">
            <form method="post" enctype="multipart/form-data" class="chassis-import-export-form">
                {% csrf_token %}
                {% if form.non_field_errors %}
                    <div class="chassis-form-errors">{{ form.non_field_errors }}</div>
                {% endif %}
                <div class="chassis-control-rows">
                    <div class="form-row chassis-control-row{% if form.file_format.errors %} errors{% endif %} required">
                        {{ form.file_format.label_tag }}
                        <div class="chassis-control-input">
                            {{ form.file_format.errors }}
                            {{ form.file_format }}
                        </div>
                    </div>
                    <div class="form-row chassis-control-row chassis-import-export-fields{% if form.selected_fields.errors %} errors{% endif %}">
                        {{ form.selected_fields.label_tag }}
                        <div class="chassis-control-input">
                            {{ form.selected_fields.errors }}
                            <ul class="chassis-import-export-field-list">
                                {% for field in field_choices %}
                                    <li>
                                        <label>
                                            <input
                                                type="checkbox"
                                                name="selected_fields"
                                                value="{{ field.name }}"
                                                {% if field.is_checked %}checked{% endif %}
                                                {% if field.is_locked %}disabled{% endif %}
                                            >
                                            {{ field.label }}
                                        </label>
                                        {% if field.is_locked %}
                                            <input type="hidden" name="selected_fields" value="{{ field.name }}">
                                        {% endif %}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    {% if filter_fields %}
                        <div class="chassis-import-export-filters">
                            <h3 class="chassis-import-export-filters__title">{% translate 'Фильтры экспорта' %}</h3>
                            {% for filter_row in form.export_filter_rows %}
                                <div class="form-row chassis-control-row chassis-import-export-filter-row">
                                    <label>{{ filter_row.label }}</label>
                                    <div class="chassis-control-input">
                                        {% if filter_row.widget == 'date_range' %}
                                            <div class="chassis-import-export-date-range">
                                                <span>{{ filter_row.start.label_tag }}</span>
                                                {{ filter_row.start.errors }}
                                                {{ filter_row.start }}
                                                <span>{{ filter_row.end.label_tag }}</span>
                                                {{ filter_row.end.errors }}
                                                {{ filter_row.end }}
                                            </div>
                                        {% else %}
                                            {{ filter_row.field.errors }}
                                            {{ filter_row.field }}
                                        {% endif %}
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    {% endif %}
                    {% if 'include_journals' in form.fields %}
                        <div class="form-row chassis-control-row">
                            {{ form.include_journals.label_tag }}
                            <div class="chassis-control-input">
                                {{ form.include_journals.errors }}
                                {{ form.include_journals }}
                            </div>
                        </div>
                    {% endif %}
                    {% if 'uploaded_file' in form.fields %}
                        <div class="form-row chassis-control-row{% if form.uploaded_file.errors %} errors{% endif %} required">
                            {{ form.uploaded_file.label_tag }}
                            <div class="chassis-control-input">
                                {{ form.uploaded_file.errors }}
                                {{ form.uploaded_file }}
                            </div>
                        </div>
                    {% endif %}
                    <div class="form-row chassis-control-row{% if form.execution_backend.errors %} errors{% endif %} required">
                        {{ form.execution_backend.label_tag }}
                        <div class="chassis-control-input">
                            {{ form.execution_backend.errors }}
                            {{ form.execution_backend }}
                            {% if form.execution_backend.help_text %}
                                <div class="help">{{ form.execution_backend.help_text }}</div>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="chassis-page-actions">
                    <input
                        type="submit"
                        class="default chassis-standard-button chassis-primary-button"
                        value="{{ submit_label }}"
                    >
                    <a class="button chassis-standard-button chassis-reset-button" href="{{ landing_url }}">
                        {% translate 'Отмена' %}
                    </a>
                </div>
            </form>
        </div>
    </fieldset>
{% endblock %}