{% extends "base.html" %}

{% block title %}导入资料{% endblock %}

{% block content %}
  <section class="page-header">
    <span class="eyebrow">Batch Intake</span>
    <h1 class="page-title">导入申报资料与法规依据文件</h1>
    <p class="page-lead">上传页采用“引导式导入”思路，强调业务资料与法规依据资料的边界、目录类文件的优先级，以及上传后进入解析和切片流程的下一步动作。</p>
  </section>

  <section class="layout-two-columns">
    <article class="panel">
      <div class="section-heading">
        <div>
          <h2 class="section-title">资料导入向导</h2>
          <p class="section-copy">当前支持多文件上传，以及 `.txt`、`.md`、`.pdf`、`.docx` 与 `.zip` 资料包。上传成功后会直接形成一个资料包并绑定会话。</p>
        </div>
      </div>
      <form method="post" enctype="multipart/form-data" class="stack">
        {% csrf_token %}
        <div>
          {{ form.scenario_id.label_tag }}
          {{ form.scenario_id }}
          {% if form.scenario_id.errors %}
            <p class="notice notice-error">{{ form.scenario_id.errors|join:" " }}</p>
          {% endif %}
        </div>
        <div>
          {{ form.files.label_tag }}
          {{ form.files }}
          {% if form.files.errors %}
            <p class="notice notice-error">{{ form.files.errors|join:" " }}</p>
          {% endif %}
          <p class="help-text">可一次选择多份文件，或上传一个 zip 资料包。</p>
        </div>
        {% if form.errors %}
          <div class="notice notice-error">{{ form.errors }}</div>
        {% endif %}
        <div class="button-row">
          <button type="submit">确认导入</button>
          <a class="button" href="{% url 'documents:list' %}">返回资料包</a>
        </div>
      </form>
    </article>

    <article class="panel">
      <div class="section-heading">
        <div>
          <h2 class="section-title">上传前检查清单</h2>
          <p class="section-copy">用业务语言告诉演示对象，平台并不是“随便上传，随便搜”。</p>
        </div>
      </div>
      <ul class="detail-list">
        {% for item in upload_checks %}
          <li class="detail-item">{{ item }}</li>
        {% endfor %}
      </ul>
      <div class="notice" style="margin-top: 16px;">
        建议先导入监管信息目录、申请表、说明书、产品列表和公告附件包，再进入完整性检查场景。
      </div>
    </article>
  </section>
{% endblock %}