{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
<main class="course-package-ui course-package-contest ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  {{ ui_v1.page_header(_('按节创建比赛'), _('使用当前节的题目创建比赛；跨子域时会先同步题目并改写题号。')) }}
  <div class="ui-split">
    <div class="ui-panel">
      <div class="ui-panel__body ui-stack">
        {% if sourceHealth and not sourceHealth.ok %}
        <div class="ui-alert ui-alert--danger" role="alert">
          <div class="ui-alert__title">{{ _('本节包含失效题目，暂时不能创建比赛。') }}</div>
          <div class="ui-alert__body">
            {% if sourceHealth.missingPids.length %}<p>{{ _('题目已删除：') }}{% for pid in sourceHealth.missingPids %}P{{ pid }}{% if not loop.last %}、{% endif %}{% endfor %}</p>{% endif %}
            {% if sourceHealth.brokenReferences.length %}<p>{{ _('引用源已失效：') }}{% for item in sourceHealth.brokenReferences %}P{{ item.pid }}{% if not loop.last %}、{% endif %}{% endfor %}</p>{% endif %}
          </div>
        </div>
        {% endif %}

        <form method="get" class="ui-card">
          <header class="ui-card__header"><h2 class="ui-card__title">{{ _('选择目标子域') }}</h2></header>
          <div class="ui-card__body ui-stack ui-stack--sm">
            <label class="ui-field">
              <span class="ui-field__label">{{ _('目标子域') }}</span>
              <select name="targetDomainId" class="select ui-field__control">
                {% for ddoc in domains %}
                <option value="{{ ddoc._id }}"{% if ddoc._id == targetDomainId %} selected{% endif %}>{{ ddoc._id }}{% if ddoc.name %} - {{ ddoc.name }}{% endif %}</option>
                {% endfor %}
              </select>
            </label>
            <div class="ui-actions ui-actions--start"><button type="submit" class="rounded button">{{ _('刷新目标子域') }}</button></div>
          </div>
        </form>

        <form method="post" class="ui-stack">
          <section class="ui-card">
            <header class="ui-card__header"><h2 class="ui-card__title">{{ _('比赛信息') }}</h2></header>
            <div class="ui-card__body ui-stack">
              <label class="ui-field"><span class="ui-field__label">{{ _('比赛标题') }}</span><input name="title" value="{{ defaultTitle }}" class="textbox ui-field__control"></label>
              <label class="ui-field"><span class="ui-field__label">{{ _('比赛说明') }}</span><textarea name="content" class="textbox ui-field__control course-package-ui__markdown course-package-ui__markdown--short" data-markdown>{{ cleanLessonContent|default('') }}</textarea></label>
            </div>
          </section>

          <section class="ui-card">
            <header class="ui-card__header"><h2 class="ui-card__title">{{ _('赛制与时间') }}</h2></header>
            <div class="ui-card__body ui-stack">
              <div class="course-package-ui__contest-grid">
                <label class="ui-field"><span class="ui-field__label">{{ _('赛制') }}</span><select name="rule" class="select ui-field__control">{% for key, text in rules %}<option value="{{ key }}"{% if key == defaultRule %} selected{% endif %}>{{ _(text) }}</option>{% endfor %}</select></label>
                <label class="ui-field"><span class="ui-field__label">{{ _('开始日期') }}</span><input name="beginAtDate" type="date" value="{{ beginAtDate }}" class="textbox ui-field__control"></label>
                <label class="ui-field"><span class="ui-field__label">{{ _('开始时间') }}</span><input name="beginAtTime" type="time" value="{{ beginAtTime }}" class="textbox ui-field__control"></label>
                <label class="ui-field"><span class="ui-field__label">{{ _('时长（分钟）') }}</span><input name="durationMinutes" type="number" min="1" step="1" value="120" class="textbox ui-field__control"></label>
              </div>
              <label class="course-package-ui__checkbox"><input type="checkbox" name="rated" value="1"><span>{{ _('计入 Rating') }}</span></label>
            </div>
          </section>

          <p class="ui-muted">{{ _('创建后，当前节绑定的视频会在比赛完成后显示；比赛进行中和 VP 未完成时不会展示。') }}</p>
          <div class="ui-actions ui-actions--start">
            <button type="submit" class="rounded primary button"{% if not sourceHealth.ok or not selectedProblemCount %} disabled{% endif %}>{{ _('创建比赛') }}</button>
            <a class="rounded button" href="{{ url('course_package_version_detail', cpid=cpdoc.docId, vid=vpdoc.docId) }}">{{ _('Cancel') }}</a>
          </div>
          <input type="hidden" name="targetDomainId" value="{{ targetDomainId }}">
        </form>
      </div>
    </div>
    <aside class="ui-sidebar">
      <section class="ui-panel">
        <header class="ui-panel__header"><h2 class="ui-panel__title">{{ _('当前节') }}</h2></header>
        <div class="ui-panel__body ui-stack ui-stack--sm">
          <p class="ui-panel__description">{{ cpdoc.title }} / {{ vpdoc.version }}</p>
          <p class="ui-panel__description">{{ chapter.title }} / {{ lesson.title }}</p>
          <p class="ui-panel__description">{{ targetDomainId }}</p>
          {{ ui_v1.stat(selectedProblemCount, _('题目')) }}
        </div>
      </section>
    </aside>
  </div>
</main>
{% endblock %}