{% extends "layout/basic.html" %}
{% import "components/user.html" as user with context %}
{% import "components/ui/v1.html" as ui_v1 %}
{% block content %}
<style>
.contest-summary .cs-summary-excerpt { max-width: 920px; color: var(--ui-text); line-height: 1.75; }
</style>

<div class="row contest-summary">
  <div class="medium-12 columns">
    <div class="ui-page ui-stack">
      <section class="ui-panel ui-hero">
        <div class="ui-hero__content">
          <h1 class="ui-hero__title">比赛总结</h1>
          <div class="ui-hero__description">
            {% if selectedContest %}
              当前筛选：{{ selectedContest.title }}
            {% else %}
              当前展示你有权限查看的比赛总结
            {% endif %}
          </div>
        </div>
        <div class="ui-hero__actions">
          <div class="ui-actions">
            {% if not selectedContest or canWriteSelected %}
            <a class="button rounded primary" href="{{ writeUrl }}">
              <span class="icon icon-edit"></span> 写总结
            </a>
            {% else %}
            <span class="button rounded disabled" title="{{ writeEligibility.message }}">
              <span class="icon icon-edit"></span> 完成比赛后可写
            </span>
            {% endif %}
            {% if selectedContest %}
            <a class="button rounded" href="{{ url('contest_detail', tid=selectedTid) }}">
              <span class="icon icon-back"></span> 返回比赛
            </a>
            {% endif %}
            {% if scoreboardUrl %}
            <a class="button rounded" href="{{ scoreboardUrl }}">
              <span class="icon icon-statistics"></span> 总结成绩表
            </a>
            {% endif %}
            {% if settingsUrl and canManageSelected %}
            <a class="button rounded" href="{{ settingsUrl }}">
              <span class="icon icon-settings"></span> 总结设置
            </a>
            {% endif %}
          </div>
        </div>
      </section>

      <form method="get" class="ui-toolbar">
        <div class="ui-toolbar__group">
          <label class="ui-field">
            <span class="ui-field__label">比赛</span>
            <select class="select ui-field__control" name="tid">
              <option value="" {% if not selectedTid %}selected{% endif %}>全部可见比赛</option>
              {% for contest in contests %}
              <option value="{{ contest.id }}" {% if contest.id == selectedTid %}selected{% endif %}>{{ contest.title }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="ui-field">
            <span class="ui-field__label">关键词</span>
            <input class="textbox ui-field__control" name="q" value="{{ q }}" placeholder="标题、正文、评语">
          </label>
          <label class="ui-field">
            <span class="ui-field__label">排序</span>
            <select class="select ui-field__control" name="sort">
              <option value="updated" {% if sort == 'updated' %}selected{% endif %}>最近更新</option>
              <option value="created" {% if sort == 'created' %}selected{% endif %}>最近提交</option>
              <option value="score" {% if sort == 'score' %}selected{% endif %}>AI 分数</option>
            </select>
          </label>
          <label class="ui-cluster">
            <input type="checkbox" name="excellent" value="true" {% if excellent %}checked{% endif %}>
            <span>只看优秀总结</span>
          </label>
        </div>
        <button class="button rounded" type="submit">
          <span class="icon icon-search"></span> 筛选
        </button>
      </form>

      {% if selectedConfig and selectedConfig.prompt %}
      <section class="section ui-panel">
        <div class="section__header">
          <h1 class="section__title">{{ selectedConfig.title }}</h1>
        </div>
        <div class="section__body typo richmedia">
          {{ selectedConfig.prompt|markdown|safe }}
          {% if selectedConfig.deadline %}
          <p class="ui-muted">截止时间：{{ datetimeSpan(selectedConfig.deadline)|safe }}</p>
          {% endif %}
        </div>
      </section>
      {% endif %}

      <section class="section ui-panel">
        <div class="section__header">
          <h1 class="section__title">总结列表</h1>
        </div>
        <div class="section__body ui-stack">
          {% if rows.length %}
            {% for row in rows %}
            <article class="ui-card">
              <div class="ui-card__header">
                <div class="ui-cluster ui-cluster--between">
                  <div class="ui-stack ui-stack--xs">
                    <h2 class="ui-card__title"><a href="{{ row.detailUrl }}">{{ row.title }}</a></h2>
                    <div class="ui-meta">
                      <span>{{ row.contestTitle }}</span>
                      <span>{% if udict[row.uid] %}{{ user.render_inline(udict[row.uid], badge=false) }}{% else %}UID {{ row.uid }}{% endif %}</span>
                      <span>{{ datetimeSpan(row.updatedAt)|safe }}</span>
                      <span>{{ row.wordCount }} 字</span>
                    </div>
                  </div>
                  <div class="ui-cluster">
                    {% if row.excellent %}<span class="ui-badge ui-badge--accent">优秀总结</span>{% endif %}
                    {% if row.evaluationStatus %}<span class="ui-badge ui-badge--info">AI {{ row.evaluationStatusText }}</span>{% endif %}
                    {% if row.evaluationScore != null %}<span class="ui-badge ui-badge--info">AI {{ row.evaluationScore }}</span>{% endif %}
                    {% if row.hidden %}<span class="ui-badge ui-badge--warning">已隐藏</span>{% endif %}
                  </div>
                </div>
              </div>
              <div class="ui-card__body">
                <div class="cs-summary-excerpt">{{ row.summaryText }}</div>
              </div>
              <div class="ui-card__footer">
                <div class="ui-actions">
                  <a class="button rounded small primary" href="{{ row.detailUrl }}">查看</a>
                  {% if row.canEdit %}<a class="button rounded small" href="{{ row.editUrl }}">修改我的总结</a>{% endif %}
                  <a class="button rounded small" href="{{ row.listUrl }}">只看这场</a>
                </div>
              </div>
            </article>
            {% endfor %}
          {% else %}
            {{ ui_v1.empty_state('当前筛选下还没有总结。') }}
          {% endif %}
        </div>
      </section>

      {% if pcount > 1 %}
      {% set glue = '&' if queryBase else '' %}
      <div class="ui-actions">
        {% if page > 1 %}
        <a class="button rounded" href="{{ listUrl }}?{{ queryBase }}{{ glue }}page={{ page - 1 }}">上一页</a>
        {% endif %}
        {% if page < pcount %}
        <a class="button rounded" href="{{ listUrl }}?{{ queryBase }}{{ glue }}page={{ page + 1 }}">下一页</a>
        {% endif %}
      </div>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}