{% extends "base.html" %}
{% block title %}{{ item.title }} — Great{% endblock %}
{% block content %}
<h2 class="item-title">{{ item.title }}{% if item.year %} <span class="year">({{ item.year }})</span>{% endif %}</h2>
<p class="meta">
  <span class="badge">{{ item.kind }}</span>
  <code>{{ item.id }}</code>
</p>

{% if in_lists %}
<h3>Ranked</h3>
<ul class="list-index">
  {% for entry in in_lists %}
  <li>
    <a href="../lists/{{ entry.config.name }}.html">{{ entry.config.name }}</a>
    {% if entry.tier %}<span class="badge" style="color: var(--tier-{{ entry.tier }}); border-color: var(--tier-{{ entry.tier }})">tier {{ entry.tier }}</span>{% endif %}
    <div class="meta">
      no. {{ entry.rank }} of {{ entry.total }}
      &mdash; score {{ "%+.2f"|format(entry.score.mean) }} &pm; {{ "%.2f"|format(entry.score.variance ** 0.5) }}
    </div>
  </li>
  {% endfor %}
</ul>
{% endif %}

{% if log_entries %}
<h3>Diary</h3>
<ul class="item-diary">
  {% for entry in log_entries %}
  <li>
    <time datetime="{{ entry.ts.date().isoformat() }}">{{ entry.ts.strftime('%b %-d, %Y') }}</time>
    <span class="badge status-{{ entry.status }}">{{ entry.status }}</span>
    {% if entry.notes %}<div class="notes">{{ entry.notes }}</div>{% endif %}
  </li>
  {% endfor %}
</ul>
{% endif %}

{% if external_links %}
<h3>External</h3>
<dl class="external-ids">
  {% for link in external_links %}
  <dt>{{ link.source }}</dt>
  <dd>
    {% if link.url %}<a href="{{ link.url }}" rel="noopener">{{ link.value }}</a>
    {% else %}{{ link.value }}{% endif %}
  </dd>
  {% endfor %}
</dl>
{% endif %}

{% if metadata %}
<h3>Metadata</h3>
<dl class="metadata">
  {% for k, v in metadata.items() %}<dt>{{ k }}</dt><dd>{{ v }}</dd>{% endfor %}
</dl>
{% endif %}
{% endblock %}