{% extends "layout/basic.html" %}
{% import "components/user.html" as user with context %}
{% block content %}
<style>
.contest-summary-detail .csd-content { padding-top: 18px; border-top: 1px solid var(--ui-border); }
.contest-summary-detail .csd-ai-box { padding: 16px; border: 1px solid var(--ui-border); border-radius: var(--ui-panel-radius); background: var(--ui-surface-soft); }
.contest-summary-detail .csd-ai-content { display: grid; gap: 16px; }
.contest-summary-detail .csd-ai-box h3 { margin: 0; color: var(--ui-text); font-size: 15px; font-weight: 700; line-height: 1.45; }
.contest-summary-detail .csd-ai-text { margin: 0; color: var(--ui-text); font-size: 14px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.contest-summary-detail .csd-ai-list { display: grid; gap: 6px; margin: 0; padding-left: 20px; color: var(--ui-text); font-size: 14px; line-height: 1.7; }
.contest-summary-detail .csd-ai-list li { margin: 0; padding-left: 2px; }
.contest-summary-detail .csd-side-actions .button { width: 100%; justify-content: flex-start; }
.contest-summary-detail .csd-side-actions form { width: 100%; margin: 0; }
</style>

<div class="row contest-summary-detail">
  <div class="medium-12 columns">
    <div class="ui-page ui-stack">
      <div class="ui-split">
        <main class="ui-stack">
          <section class="section ui-panel">
            <div class="section__header">
              <h1 class="section__title">{{ submit.title }}</h1>
            </div>
            <div class="section__body ui-stack ui-stack--sm">
              <div class="ui-meta">
                <span><a href="{{ submit.listUrl }}">{{ submit.contestTitle }}</a></span>
                <span>{% if udoc %}{{ user.render_inline(udoc, badge=false) }}{% else %}UID {{ submit.uid }}{% endif %}</span>
                <span>{{ datetimeSpan(submit.updatedAt)|safe }}</span>
                <span>{{ submit.wordCount }} 字</span>
              </div>
              <div class="ui-cluster">
                {% if submit.excellent %}<span class="ui-badge ui-badge--accent">优秀总结</span>{% endif %}
                {% if submit.hidden %}<span class="ui-badge ui-badge--warning">已隐藏</span>{% endif %}
                {% if submit.evaluationStatus %}<span class="ui-badge ui-badge--info">AI {{ submit.evaluationStatusText }}</span>{% endif %}
                {% if submit.evaluationScore != null %}<span class="ui-badge ui-badge--neutral">AI {{ submit.evaluationScore }}</span>{% endif %}
              </div>
            </div>
            <div class="section__body typo richmedia csd-content">
              {{ submit.content|markdown|safe }}
            </div>
          </section>

          <section class="section ui-panel">
            <div class="section__header">
              <h1 class="section__title">AI 评测</h1>
            </div>
            <div class="section__body">
              {% if submit.evaluationStatus %}
              <div class="csd-ai-box ui-stack">
                <div class="ui-cluster">
                  <span class="ui-badge ui-badge--info">{{ submit.evaluationStatusText }}</span>
                  {% if submit.evaluationScore != null %}<span class="ui-badge ui-badge--neutral">{{ submit.evaluationScore }}</span>{% endif %}
                  {% if submit.evaluationResult and submit.evaluationResult.summary and submit.evaluationResult.summary.level %}
                  <span class="ui-badge ui-badge--neutral">{{ submit.evaluationResult.summary.level }}</span>
                  {% endif %}
                </div>
                {% if submit.evaluationError %}
                <blockquote class="note">{{ submit.evaluationError }}</blockquote>
                {% endif %}
                {% if submit.evaluationResult and submit.evaluationResult.summary %}
                <div class="csd-ai-content">
                  {% if submit.evaluationResult.summary.overall %}
                  <p class="csd-ai-text">{{ submit.evaluationResult.summary.overall }}</p>
                  {% endif %}
                  {% if submit.evaluationResult.summary.strengths and submit.evaluationResult.summary.strengths.length %}
                  <h3>优点</h3>
                  <ul class="csd-ai-list">
                    {% for item in submit.evaluationResult.summary.strengths %}<li>{{ item }}</li>{% endfor %}
                  </ul>
                  {% endif %}
                  {% if submit.evaluationResult.summary.weaknesses and submit.evaluationResult.summary.weaknesses.length %}
                  <h3>不足</h3>
                  <ul class="csd-ai-list">
                    {% for item in submit.evaluationResult.summary.weaknesses %}<li>{{ item }}</li>{% endfor %}
                  </ul>
                  {% endif %}
                </div>
                {% else %}
                <p class="ui-muted">评测结果生成后会显示在这里。</p>
                {% endif %}
              </div>
              {% else %}
              <p class="ui-muted">当前还没有创建 AI 评测。请确认评测服务配置是否完整。</p>
              {% endif %}
            </div>
          </section>
        </main>

        <aside class="ui-sidebar">
          {% if submit.evaluationScore != null %}
          <section class="section ui-panel">
            <div class="section__body">
              <div class="ui-stat">
                <strong class="ui-stat__value">{{ submit.evaluationScore }}</strong>
                <span class="ui-stat__label">AI 评分</span>
                {% if submit.evaluationResult and submit.evaluationResult.summary and submit.evaluationResult.summary.level %}
                <span class="ui-muted">{{ submit.evaluationResult.summary.level }}</span>
                {% endif %}
              </div>
            </div>
          </section>
          {% endif %}

          <section class="section ui-panel">
            <div class="section__header">
              <h1 class="section__title">操作</h1>
            </div>
            <div class="section__body">
              <div class="ui-actions csd-side-actions">
                <a class="button rounded" href="{{ listUrl }}"><span class="icon icon-back"></span> 返回列表</a>
                {% if submit.canEdit %}<a class="button rounded" href="{{ writeUrl }}"><span class="icon icon-edit"></span> 修改</a>{% endif %}
                {% if contentFavorite and contentFavorite.canUse %}
                <form method="post" action="{{ contentFavorite.toggleUrl }}">
                  <input type="hidden" name="csrfToken" value="{{ contentFavorite.csrfToken }}">
                  <button class="button rounded {% if contentFavorite.collected %}primary{% endif %}" type="submit"
                    name="operation" value="{% if contentFavorite.collected %}remove{% else %}add{% endif %}">
                    <span class="icon icon-star"></span>
                    {% if contentFavorite.collected %}已收藏{% else %}收藏总结{% endif %}
                  </button>
                </form>
                {% endif %}
                {% if canManage %}<a class="button rounded" href="{{ settingsUrl }}"><span class="icon icon-settings"></span> 设置</a>{% endif %}
                {% if submit.canRetryEvaluation %}
                <form method="post" action="{{ retryEvaluationUrl }}" onsubmit="return confirm('确认重新提交这篇总结的 AI 评测吗？');">
                  <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
                  <button class="button rounded" type="submit"><span class="icon icon-refresh"></span> 重新提交 AI 评测</button>
                </form>
                {% endif %}
              </div>
            </div>
          </section>

          {% if submit.teacherComment %}
          <section class="section ui-panel">
            <div class="section__header">
              <h1 class="section__title">老师评语</h1>
            </div>
            <div class="section__body typo richmedia">{{ submit.teacherComment|markdown|safe }}</div>
          </section>
          {% endif %}

          {% if canManage %}
          <section class="section ui-panel">
            <div class="section__header">
              <h1 class="section__title">管理</h1>
            </div>
            <div class="section__body ui-stack">
              <form method="post">
                <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
                <input type="hidden" name="action" value="review">
                <p><label><input type="checkbox" name="excellent" value="true" {% if submit.excellent %}checked{% endif %}> 设为优秀总结</label></p>
                <p><label><input type="checkbox" name="hidden" value="true" {% if submit.hidden %}checked{% endif %}> 隐藏这篇总结</label></p>
                <p><textarea class="textbox" name="teacherComment" rows="5" placeholder="老师评语">{{ submit.teacherComment }}</textarea></p>
                <button class="button rounded primary" type="submit">保存管理状态</button>
              </form>
              <form method="post" onsubmit="return confirm('确认删除这篇总结吗？');">
                <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
                <input type="hidden" name="action" value="delete">
                <button class="button rounded inverse" type="submit">删除总结</button>
              </form>
            </div>
          </section>
          {% endif %}
        </aside>
      </div>
    </div>
  </div>
</div>
{% endblock %}