{{template "base/header" .}}

<div class="uk-flex uk-flex-between uk-flex-middle uk-margin-bottom">
  <h3 class="uk-margin-remove">{{t .LangCode "vote.resultsTitle"}}：{{ .Vote.Title }}</h3>
  <div class="uk-flex uk-flex-middle" style="gap: 8px;">
    <a class="uk-button uk-button-default uk-button-small" href="/user/votes/{{ .Vote.ID }}/export">{{t .LangCode "vote.export"}}</a>
    <a class="uk-button uk-button-default uk-button-small" href="/user/questions#votes">{{t .LangCode "common.back"}}</a>
  </div>
</div>

<div class="uk-card uk-card-default uk-card-small uk-card-body uk-margin-bottom">
  <div class="uk-text-large uk-text-bold">{{ .Total }}</div>
  <div class="uk-text-meta">{{t .LangCode "vote.resultsTotal"}}</div>
</div>

{{ if eq .Vote.Type "form" }}
  <!-- 表单收集（混合问卷）字段级聚合统计 -->
  {{ if .Results.FormFieldStats }}
  <h4>{{t .LangCode "vote.resultsOptions"}}</h4>
  <div class="uk-card uk-card-default uk-card-small uk-card-body uk-margin-bottom">
    {{ range $si, $stat := .Results.FormFieldStats }}
    <div class="uk-margin">
      <div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
        <span class="uk-label">{{ add $si 1 }}</span>
        <span class="uk-label {{ fieldTypeLabelClass $stat.Field.FieldType }}">{{ fieldTypeLabel $.LangCode $stat.Field.FieldType }}</span>
        <span class="uk-text-bold">{{ $stat.Field.Label }}</span>
        <span class="uk-text-meta uk-text-small">{{t $.LangCode "vote.resultsAnswered"}}: {{ $stat.Total }}</span>
      </div>

      {{ if or (eq $stat.Field.FieldType "radio") (eq $stat.Field.FieldType "select") (eq $stat.Field.FieldType "checkbox") }}
        {{ $denom := $stat.Total }}
        {{ if eq $stat.Field.FieldType "checkbox" }}{{ $denom = $stat.TotalSelections }}{{ end }}
        {{ range $o := $stat.OptionStats }}
        <div class="uk-margin-small-top">
          <div class="uk-flex uk-flex-between">
            <span>{{ $o.Option.Content }}</span>
            <span class="uk-text-meta">{{ $o.Count }} {{t $.LangCode "vote.resultsVotes"}}（{{ if eq $denom 0 }}0{{ else }}{{ percentOf $o.Count $denom }}{{ end }}%）</span>
          </div>
          <div class="uk-progress uk-margin-small-top">
            <div class="uk-progressbar" style="width: {{ if eq $denom 0 }}0{{ else }}{{ percentOf $o.Count $denom }}{{ end }}%;"></div>
          </div>
        </div>
        {{ end }}
        {{ if $stat.CustomStats }}
        <div class="uk-margin-small-top">
          <div class="uk-text-meta">{{t $.LangCode "vote.page.customStats"}}:</div>
          {{ range $c := $stat.CustomStats }}
          <div class="uk-flex uk-flex-between uk-margin-small-top">
            <span>{{ $c.Text }}</span>
            <span class="uk-text-meta">{{ $c.Count }} {{t $.LangCode "vote.resultsVotes"}}</span>
          </div>
          {{ end }}
        </div>
        {{ end }}

      {{ else if eq $stat.Field.FieldType "rating" }}
        <div class="uk-text-meta uk-margin-small-top">{{t $.LangCode "vote.page.avgRating"}}: {{ printf "%.1f" $stat.AvgRating }}（{{ $stat.Total }} {{t $.LangCode "vote.resultsVotes"}}）</div>
        {{ range $r := $stat.RatingCounts }}
        <div class="uk-flex uk-flex-between uk-margin-small-top">
          <span>{{ $r.Score }} {{t $.LangCode "vote.page.ratingUnit"}}</span>
          <span class="uk-text-meta">{{ $r.Count }} {{t $.LangCode "vote.resultsVotes"}}（{{ if eq $stat.Total 0 }}0{{ else }}{{ percentOf $r.Count $stat.Total }}{{ end }}%）</span>
        </div>
        <div class="uk-progress uk-margin-small-top">
          <div class="uk-progressbar" style="width: {{ if eq $stat.Total 0 }}0{{ else }}{{ percentOf $r.Count $stat.Total }}{{ end }}%;"></div>
        </div>
        {{ end }}

      {{ else if eq $stat.Field.FieldType "rank" }}
        <div class="uk-text-meta uk-margin-small-top">{{t $.LangCode "vote.page.avgRank"}}: {{ printf "%.2f" $stat.AvgRank }}（{{ $stat.Total }} {{t $.LangCode "vote.resultsVotes"}}）</div>
        {{ range $o := $stat.OptionStats }}
        <div class="uk-flex uk-flex-between uk-margin-small-top">
          <span>{{ $o.Option.Content }}</span>
          <span class="uk-text-meta">{{t $.LangCode "vote.page.avgRank"}}: {{ if gt $o.Count 0 }}{{ printf "%.2f" $o.AvgRank }}{{ else }}-{{ end }} · {{t $.LangCode "vote.page.rankedTimes"}}: {{ $o.Count }}</span>
        </div>
        {{ end }}

      {{ else if eq $stat.Field.FieldType "number" }}
        <div class="uk-text-meta uk-margin-small-top">{{t $.LangCode "vote.page.avgNumber"}}: {{ printf "%.1f" $stat.AvgNumber }}（{{ $stat.Total }} {{t $.LangCode "vote.resultsVotes"}}）</div>

      {{ else }}
        <div class="uk-text-meta uk-margin-small-top">{{t $.LangCode "vote.page.fieldFilled"}}: {{ $stat.TextCount }}</div>
        {{ $replies := index $.TextReplies $stat.Field.Label }}
        {{ if $replies }}
        <div class="uk-margin-small-top">
          <div class="uk-text-small" style="cursor:pointer; user-select:none; color:#1e87f0;" onclick="toggleFieldReplies('{{ $stat.Field.ID }}')" title="{{t $.LangCode "vote.resultsToggleHint"}}">
            <span id="caret-{{ $stat.Field.ID }}" style="display:inline-block; transition:transform .15s; transform:rotate(-90deg);">▾</span>
            {{t $.LangCode "vote.resultsViewTexts"}}（{{ len $replies }}）
          </div>
          <div id="replies-{{ $stat.Field.ID }}" hidden>
            <ul class="uk-list uk-list-divider uk-margin-small-top">
              {{ range $r := $replies }}
              <li>
                <div class="uk-text-meta uk-text-small">{{ $r.CreatedAt.Format "2006-01-02 15:04" }}</div>
                <div style="white-space:pre-wrap;">{{ $r.Text }}</div>
              </li>
              {{ end }}
            </ul>
          </div>
        </div>
        {{ end }}
      {{ end }}
    </div>
    {{ end }}
  </div>
  {{ end }}

  <!-- 文本类字段的逐条提交内容已内联在各题目下方（默认收起），此处无需额外区块 -->
{{ else if .Results }}
  <!-- 选项 / 评分 / 排序统计 -->
  <h4>{{t .LangCode "vote.resultsOptions"}}</h4>
  <div class="uk-card uk-card-default uk-card-small uk-card-body">
    {{ if or (eq .Results.Type "single") (eq .Results.Type "multiple") }}
      {{ range .Results.Options }}
      <div class="uk-margin">
        <div class="uk-flex uk-flex-between">
          <span>{{ .Option.Content }}</span>
          <span class="uk-text-meta">{{ .Count }} {{t $.LangCode "vote.resultsVotes"}}（{{ .Percent }}%）</span>
        </div>
        <div class="uk-progress uk-margin-small-top">
          <div class="uk-progressbar" style="width: {{ .Percent }}%;"></div>
        </div>
      </div>
      {{ end }}

    {{ else if eq .Results.Type "rating" }}
      <div class="uk-text-meta uk-margin-small-bottom">{{t .LangCode "vote.page.avgRating"}}: {{ printf "%.1f" .Results.AvgRating }}</div>
      {{ range .Results.Ratings }}
      <div class="uk-margin">
        <div class="uk-flex uk-flex-between">
          <span>{{ .Score }} {{t $.LangCode "vote.page.ratingUnit"}}</span>
          <span class="uk-text-meta">{{ .Count }} {{t $.LangCode "vote.resultsVotes"}}</span>
        </div>
        <div class="uk-progress uk-margin-small-top">
          <div class="uk-progressbar" style="width: {{ if eq $.Total 0 }}0{{ else }}{{ percentOf .Count $.Total }}{{ end }}%;"></div>
        </div>
      </div>
      {{ end }}

    {{ else if eq .Results.Type "rank" }}
      <table class="uk-table uk-table-small uk-table-divider">
        <thead><tr><th>{{t .LangCode "vote.page.optionColumn"}}</th><th>{{t .LangCode "vote.page.avgRank"}}</th></tr></thead>
        <tbody>
        {{ range .Results.Rankings }}
        <tr><td>{{ .Option.Content }}</td><td>{{ if gt .AvgRank 0.0 }}{{ printf "%.2f" .AvgRank }}{{ else }}-{{ end }}</td></tr>
        {{ end }}
        </tbody>
      </table>
    {{ end }}

    {{ if .Results.CustomStats }}
    <div class="uk-margin-top">
      <div class="uk-text-bold">{{t .LangCode "vote.page.customStats"}}</div>
      {{ range .Results.CustomStats }}
      <div class="uk-flex uk-flex-between uk-margin-small-top">
        <span>{{ .Text }}</span>
        <span class="uk-text-meta">{{ .Count }} {{t $.LangCode "vote.resultsVotes"}}</span>
      </div>
      {{ end }}
    </div>
    {{ end }}
  </div>
{{ else }}
  <div class="uk-alert uk-alert-primary">{{t .LangCode "vote.resultsEmpty"}}</div>
{{ end }}

<script>
// 文本类字段：点击"查看文本提交（N）"按该字段 ID 展开/收起逐条内容
function toggleFieldReplies(id) {
  var box = document.getElementById('replies-' + id);
  var caret = document.getElementById('caret-' + id);
  if (!box) { return; }
  if (box.hasAttribute('hidden')) {
    box.removeAttribute('hidden');
    if (caret) { caret.style.transform = 'rotate(0deg)'; }
  } else {
    box.setAttribute('hidden', '');
    if (caret) { caret.style.transform = 'rotate(-90deg)'; }
  }
}
</script>

{{template "base/footer" .}}