{% extends "layout/basic.html" %}
{% import "components/ui/v1.html" as ui_v1 %}
{% block content %}
<div class="contest-folder-page ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg" data-folder-submit data-submission-user="{{ handler.user.uname }}" data-folder-only="{{ 'true' if tdoc.folderSubmitOnly else 'false' }}">
  {% if tdoc.folderSubmitOnly %}
  {{ ui_v1.alert('本场比赛仅允许文件夹或 ZIP 提交', '不能在题目页直接提交代码。可只选择需要提交的题目文件。') }}
  {% endif %}
  <header class="ui-hero">
    <div class="ui-hero__content">
      <h1 class="ui-hero__title">文件夹提交 {{ ui_v1.help('每题只能选择一份代码。最多 200 个文件，源代码合计不超过 4 MiB，ZIP 不超过 8 MiB。', '文件夹提交限制') }}</h1>
      <p class="ui-hero__description">{{ tdoc.title }}</p>
    </div>
    <div class="ui-hero__actions"><a class="button" href="{{ url('contest_problemlist', tid=tdoc.docId) }}">返回题目列表</a></div>
  </header>
  <noscript>{{ ui_v1.alert('请启用 JavaScript 后选择文件夹或 ZIP。' if tdoc.folderSubmitOnly else '请启用 JavaScript 后选择文件夹，或从题目页面逐题提交。', tone='warning') }}</noscript>
  <section class="ui-panel">
    <div class="ui-panel__body ui-stack">
      {% if rulesError %}
        {{ ui_v1.alert('本场提交文件规则尚未配置完整，请联系管理员。' if tdoc.folderSubmitOnly else '本场提交文件规则尚未配置完整，请联系管理员。仍可从题目页面逐题提交。', tone='warning') }}
      {% else %}
        <p>选择名为 <code>{{ handler.user.uname }}</code> 的文件夹，或上传 <code>{{ handler.user.uname }}.zip</code>（用户名不区分大小写，不是昵称或 UID）。把下表文件放在所选文件夹／ZIP 的根目录，<strong>内部不要再套账号或答卷目录</strong>。</p>
        <div class="ui-table-wrap" tabindex="0" role="region" aria-label="本场提交文件规则">
          <table class="data-table"><thead><tr><th>题目</th><th>答卷内的文件路径（任选其一）</th></tr></thead><tbody>
          {% for rule in rules %}<tr><td><div class="ui-text-wrap">{{ problems[loop.index0].title }}</div></td><td>{% for path in rule.paths %}<div class="ui-text-wrap"><code>{{ path }}</code></div>{% endfor %}</td></tr>{% endfor %}
          </tbody></table>
        </div>
        <p class="ui-muted">目录和文件名不区分大小写；可只提交部分题目，未提交的题目不受影响。</p>
      {% endif %}
      <div class="ui-cluster ui-print-hidden">
        <button type="button" class="button primary" data-pick-folder {% if rulesError %}disabled{% endif %}>选择文件夹</button>
        <button type="button" class="button" data-pick-zip {% if rulesError %}disabled{% endif %}>上传 ZIP</button>
        <span class="ui-muted cfs-path" data-selection-label>尚未选择文件</span>
      </div>
      <input type="file" webkitdirectory multiple class="ui-hidden" data-folder-input aria-label="选择提交文件夹">
      <input type="file" accept=".zip,application/zip" class="ui-hidden" data-zip-input aria-label="选择 ZIP">
      <p role="status" aria-live="polite" data-progress class="ui-hidden"></p>
      <div role="alert" data-error class="ui-alert ui-alert--danger ui-hidden"></div>
      <div data-cfs-preview class="ui-stack ui-hidden">
        <div class="ui-cluster ui-cluster--between"><h2 class="ui-panel__title">核对提交</h2><span data-summary class="ui-meta"></span></div>
        <div class="ui-table-wrap" tabindex="0" role="region" aria-label="待提交文件">
          <table class="data-table"><thead><tr><th>是否提交</th><th>源文件</th><th>对应题目</th><th>语言</th></tr></thead><tbody data-file-rows></tbody></table>
        </div>
        <p data-unselected class="ui-muted"></p>
        <details data-ignored class="ui-hidden"><summary data-ignored-summary></summary><ul data-ignored-list class="ui-stack ui-stack--xs"></ul></details>
        {{ ui_v1.alert('本次提交将作为所选题目的最后一次提交，可能替换此前的计分结果。未选择的题目保留原提交。', tone='warning') }}
        <div class="ui-actions ui-actions--start ui-print-hidden"><button type="button" class="button primary" data-confirm>确认提交</button></div>
      </div>
      <section data-receipt class="ui-stack ui-hidden" aria-label="提交回执" tabindex="-1">
        <h2 class="ui-panel__title">提交回执</h2>
        <p data-receipt-status role="status"></p>
        <ul data-results class="ui-item-list ui-item-list--compact"></ul>
        <div class="ui-actions ui-actions--start ui-print-hidden"><button type="button" class="button" data-retry>刷新提交结果</button></div>
      </section>
    </div>
  </section>
</div>
{% endblock %}