{% extends "layout/basic.html" %}
{% import "components/user.html" as user with context %}
{% import "components/ui/v1.html" as ui_v1 %}
{% block content %}
<div class="ui-page ui-stack csp-summary-scores">
  {% call ui_v1.page_header('小结成绩表：' + ssdoc.title, cdoc.title + ' · ' + csdoc.title) %}
    <a class="button rounded" href="{{ exportUrl }}" download><span class="icon icon-download" aria-hidden="true"></span> 导出 XLSX</a>
    <a class="button rounded" href="{{ backUrl }}"><span class="icon icon-back" aria-hidden="true"></span> 返回小节</a>
    <a class="button rounded primary" href="{{ taskUrl }}"><span class="icon icon-edit" aria-hidden="true"></span> {{ taskActionLabel }}</a>
  {% endcall %}

  <section class="ui-panel">
    <header class="ui-panel__header">
      <h2 class="ui-panel__title">小结成绩统计</h2>
      <p class="ui-panel__description">统计本小节有做题记录的已报名学生，以及已提交课程小结的学生。做题 {{ attemptedCount }} 人{% if summaryOnlyCount %}，另含 {{ summaryOnlyCount }} 名仅提交小结的学生{% endif %}。</p>
    </header>
    <div class="ui-panel__body ui-stack">
      <form method="get" class="ui-cluster">
        <label class="ui-field">
          <span class="ui-field__label">小组</span>
          <select name="groupName" class="select ui-field__control">
            <option value="all" {% if filterGroupName == 'all' %}selected{% endif %}>全部</option>
            {% for group in groups %}
            <option value="{{ group.name }}" {% if filterGroupName == group.name %}selected{% endif %}>{{ group.name }}</option>
            {% endfor %}
          </select>
        </label>
        <button class="button rounded" type="submit">筛选</button>
        {% if filterGroupName != 'all' %}<span>全部统计人数：{{ allIncludedCount }}</span>{% endif %}
      </form>
      <div class="ui-grid ui-grid--stats">
        {{ ui_v1.stat(includedCount, '统计人数') }}
        {{ ui_v1.stat(submittedCount, '已交小结') }}
        {{ ui_v1.stat(scoredCount, '已有评分') }}
        {% set averageText = averageScore if averageScore != null else '—' %}
        {{ ui_v1.stat(averageText, '平均分（仅已评分）') }}
      </div>
      {% if not task %}
      {{ ui_v1.alert('尚未设置小结任务', '名单已按做题记录筛选，设置任务后会在这里统计小结分数。') }}
      {% endif %}
    </div>
  </section>

  <section class="ui-panel">
    <header class="ui-panel__header"><h2 class="ui-panel__title">学生小结得分</h2></header>
    <div class="ui-panel__body">
      {% if rows.length %}
      <div class="ui-table-wrap" tabindex="0" role="region" aria-label="学生小结成绩">
        <table class="data-table">
          <thead>
            <tr>
              <th scope="col">排名</th><th scope="col">学生</th><th scope="col">小结状态</th>
              <th scope="col">小结分数</th><th scope="col">更新时间</th><th scope="col">操作</th>
            </tr>
          </thead>
          <tbody>
            {% for row in rows %}
            <tr>
              <td>{{ row.rank if row.rank != null else '—' }}</td>
              <td><div class="ui-text-wrap">
                {% if udict[row.uid] %}{{ user.render_inline(udict[row.uid], badge=false) }}{% else %}UID {{ row.uid }}{% endif %}
                {% if row.summaryOnly %}（仅提交小结）{% endif %}
              </div></td>
              <td>
                {% set statusTone = 'neutral' %}
                {% if row.hasSubmit %}{% set statusTone = 'warning' if row.score == null else 'success' %}{% endif %}
                {{ ui_v1.badge(row.summaryStatusLabel, statusTone) }}
                {% if row.submitStatus == 'late' %}补交{% endif %}
              </td>
              <td>{% if row.score != null %}<strong>{{ row.score }}</strong> {{ row.scoreSource }}{% else %}—{% endif %}</td>
              <td>{% if row.updatedAt %}{{ datetimeSpan(row.updatedAt)|safe }}{% else %}—{% endif %}</td>
              <td>{% if row.detailUrl %}<a class="button rounded small" href="{{ row.detailUrl }}">查看小结</a>{% else %}—{% endif %}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}
      {{ ui_v1.empty_state('暂无小结成绩', '当前筛选范围内没有做过本小节题目或提交过课程小结的学生。') }}
      {% endif %}
    </div>
  </section>
</div>
{% endblock %}