{% extends "base.html" %}
{% from "_macros.html" import byline %}
{% block title %}{{ list.config.name }} — Great{% endblock %}
{% block content %}
<h2>{{ list.config.name }}</h2>
{% if list.config.description %}<p>{{ list.config.description }}</p>{% endif %}
<p class="meta">
  {{ list.ranked|length }} item{{ '' if list.ranked|length == 1 else 's' }}
  &mdash; {{ list.comparison_count }} comparison{{ '' if list.comparison_count == 1 else 's' }}
</p>

<table class="ranked">
  <thead>
    <tr>
      <th class="num">No.</th>
      {% if list.tiers %}<th class="tier">Tier</th>{% endif %}
      <th>Title</th>
      <th class="num col-year">Year</th>
      <th class="num col-score">Score</th>
      <th class="num col-stddev">&pm;</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for row in list.rows %}
    <tr{% if row.tier_break %} class="tier-break"{% endif %}>
      <td class="rank">{{ row.rank }}</td>
      {% if list.tiers %}
      <td class="tier tier-{{ row.tier }}">{% if row.tier_break or loop.first %}{{ row.tier }}{% endif %}</td>
      {% endif %}
      <td class="title">
        <a href="../items/{{ row.item.kind }}/{{ row.item.id|slug_href }}.html">{{ row.item.title }}</a>{% if row.creators %}<span class="byline">{{ byline(row.creators) }}</span>{% endif %}
      </td>
      <td class="num col-year">{% if row.item.year %}{{ row.item.year }}{% else %}&mdash;{% endif %}</td>
      <td class="num col-score">{{ "%+.2f"|format(row.score.mean) }}</td>
      <td class="num col-stddev">{{ "%.2f"|format(row.score.variance ** 0.5) }}</td>
      <td>
        <div class="score-mark{% if row.tier %} tier-{{ row.tier }}{% endif %}">
          <span class="tick" style="left: {{ '%.1f'|format(50 + row.bar_pct / 2) }}%"></span>
        </div>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}