{% extends "base.html" %}
{% from "_macros.html" import byline %}
{% block title %}Queue — Great{% endblock %}
{% block content %}
<h2>Want to consume</h2>
{% if not queues %}<p class="meta">Nothing in the queue.</p>{% endif %}
{% for queue in queues %}
<h3>{{ queue.kind }}</h3>
<p class="meta">
  {{ queue.ranked|length }} item{{ '' if queue.ranked|length == 1 else 's' }}
  &mdash; {{ queue.comparison_count }} comparison{{ '' if queue.comparison_count == 1 else 's' }}
</p>
<ol class="queue">
  {% for row in queue.rows %}
  <li>
    <span 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 %}
      {% if row.item.year %}<small>({{ row.item.year }})</small>{% endif %}
    </span>
    {% if queue.comparison_count %}
    <span class="score-mark">
      <span class="tick" style="left: {{ '%.1f'|format(50 + row.bar_pct / 2) }}%"></span>
    </span>
    {% else %}
    <span></span>
    {% endif %}
  </li>
  {% endfor %}
</ol>
{% endfor %}
{% endblock %}