{% extends "admin/base_site.html" %}
{% load static %}

{% block extrastyle %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'admin/css/mostovik-admin-upload.css' %}">
{% endblock %}

{% block breadcrumbs %}
  <div class="breadcrumbs">
    <a href="{% url 'admin:index' %}">Главная</a>
    &rsaquo; <a href="{{ changelist_url }}">Загрузки реестров</a>
    &rsaquo; Загрузка Excel
  </div>
{% endblock %}

{% block content %}
  <div id="content-main" class="mx-upload-page">
    <div class="mx-upload-shell">
      <section class="mx-upload-intro">
        <h1 class="mx-upload-title">Загрузка Excel справочников</h1>
        <p class="mx-upload-description">
          Импорт выполняется сразу в рамках запроса. Выберите реестр, при необходимости
          укажите дату актуальности и загрузите один или несколько Excel-файлов
          со списком организаций.
        </p>
      </section>

    <form method="post" enctype="multipart/form-data" class="mx-upload-form">
      {% csrf_token %}
      <fieldset class="module mx-upload-card">
        <div class="mx-upload-grid">
        <div class="mx-upload-field">
          <label for="id_registry" class="mx-upload-label required">Реестр</label>
          <select
            name="registry"
            id="id_registry"
            class="mx-upload-select"
            required
          >
            <option value="">---------</option>
            {% for registry in registries %}
              <option value="{{ registry.id }}">{{ registry.name }}</option>
            {% endfor %}
          </select>
        </div>

        <div class="mx-upload-field">
          <label for="id_actual_date" class="mx-upload-label">Дата актуальности</label>
          <input
            type="date"
            name="actual_date"
            id="id_actual_date"
            class="mx-upload-input"
          />
          <p class="mx-upload-help">
            Если не указана, будет использована текущая дата.
          </p>
        </div>

        <div class="mx-upload-field">
          <label for="id_files" class="mx-upload-label required">Excel файлы</label>
          <input
            type="file"
            name="files"
            id="id_files"
            class="mx-upload-file"
            accept=".xlsx"
            multiple
            required
          />
          <p class="mx-upload-help">
            Можно выбрать несколько файлов. Ожидаемые колонки: pn_name, mn_ogrn,
            mn_inn, mn_okpo. Опционально: in_kpp.
          </p>
        </div>
        </div>
      </fieldset>

      <div class="mx-upload-actions">
        <input type="submit" value="Загрузить" class="default" />
        <a href="{{ changelist_url }}" class="mx-upload-cancel">Отмена</a>
      </div>
    </form>
    </div>
  </div>
{% endblock %}