{% extends "layout/basic.html" %}
{% import "components/ui/v1.html" as ui_v1 %}
{% block content %}
<div class="contest-bulk-page ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  <header class="ui-hero">
    <div class="ui-hero__content">
      <h1 class="ui-hero__title">批量上传提交 {{ ui_v1.help('支持 ZIP，每份代码最多 10 MiB，源码合计最多 64 MiB。每个学生每题只放一份代码；可只上传部分题目。目录和文件名不区分大小写，其他文件不会作为代码提交。未找到的账号会创建虚拟用户。', '批量上传说明') }}</h1>
      <p class="ui-hero__description">{{ tdoc.title }}</p>
    </div>
    <div class="ui-hero__actions"><a class="button" href="{{ url('contest_manage', tid=tid) }}#submission-rules">管理提交规则</a><a class="button" href="{{ url('contest_detail', tid=tid) }}">返回比赛</a></div>
  </header>
  <section class="ui-panel"><div class="ui-panel__body ui-stack">
    <p>ZIP 根目录按<strong>学生账号</strong>分文件夹，每个账号目录内按下表放代码。压缩时选中各账号文件夹，<strong>不要再套一层总目录</strong>。</p>
    {% if rulesError %}{{ ui_v1.alert(rulesError, tone='warning') }}{% endif %}
    <div class="ui-table-wrap" tabindex="0" role="region" aria-label="本场提交文件规则">
      <table class="data-table"><thead><tr><th>题目</th><th>ZIP 内的路径示例（任选其一）</th><th>文件 IO</th><th>限制</th></tr></thead><tbody>
      {% for problem in problems %}<tr>
        <td><div class="ui-text-wrap">{{ problem.index }}. {{ problem.title or problem.pid }}</div></td>
        <td>{% for path in problem.paths %}<div class="ui-text-wrap"><code>学生账号/{{ path }}</code></div>{% else %}待配置{% endfor %}</td>
        <td>{{ problem.fileIo }}</td><td>{{ problem.time }} / {{ problem.memory }}</td>
      </tr>{% endfor %}
      </tbody></table>
    </div>
    <form method="post" enctype="multipart/form-data" class="ui-stack" data-cbs-upload>
      <div class="ui-toolbar">
        <label class="ui-field"><span class="ui-field__label">学生提交 ZIP</span><input class="ui-field__control" type="file" name="file" accept=".zip,application/zip" required {% if rulesError %}disabled{% endif %}></label>
        <label class="ui-field"><span class="ui-field__label">C++ 评测标准</span><select class="select ui-field__control" name="cppLang">{% for lang in cppLangOptions %}<option value="{{ lang.value }}" {% if selectedCppLang == lang.value %}selected{% endif %}>{{ lang.display }}</option>{% endfor %}</select></label>
      </div>
      {{ ui_v1.alert('上传会创建正式评测记录，可能改变比赛成绩。请先核对账号、题目和文件，再提交。', tone='warning') }}
      <div class="ui-actions ui-actions--start"><button type="submit" class="button primary" {% if rulesError %}disabled{% endif %}>上传并评测</button></div>
    </form>
  </div></section>
  {% if result %}
  <section class="ui-panel" data-cbs-result>
    <div class="ui-panel__header"><h2 class="ui-panel__title">导入结果</h2><span class="ui-meta">{{ uploadName }}</span></div>
    <div class="ui-panel__body ui-stack">
      <p role="status">已创建 {{ result.imported }} 条记录，跳过 / 未提交 {{ result.skipped }}，异常 {{ result.failed }}。</p>
      <ul class="ui-item-list ui-item-list--compact">{% for message in result.messages %}<li class="ui-item-list__item">{{ message }}</li>{% endfor %}</ul>
    </div>
  </section>
  {% endif %}
</div>
{% endblock %}