{% extends "base.xhtml" %}
{% block body_class %}article{% endblock %}
{% block content %}
      <div class="article-header">
        <h1 class="article-title">{{ article_title }}</h1>
{% if let Some(line) = byline %}
        <p class="byline">{{ line }}</p>
{% endif %}
        <p class="meta">{{ meta_line }}</p>
{% if understanding.kicker.is_some() || understanding.topics.is_some() %}
        <p class="rubric">{% if let Some(kicker) = understanding.kicker %}<span class="kicker">{{ kicker }}</span>{% if let Some(topics) = understanding.topics %} &#160; {{ topics }}{% endif %}{% else %}{% if let Some(topics) = understanding.topics %}{{ topics }}{% endif %}{% endif %}</p>
{% endif %}
{% if !understanding.interests.is_empty() %}
        <p class="matches">{% for interest in understanding.interests %}{% if !loop.first %}<span class="sep">|</span>{% endif %}<span class="interest">{{ interest.name }}</span>{% endfor %}</p>
{% endif %}
{% if let Some(text) = summary %}
        <p class="summary">{{ text }}</p>
{% endif %}
{% if let Some(line) = social_line %}
        <p class="social">{{ line }}</p>
{% endif %}
{% if excerpt_only %}
        <p class="notice">(excerpt only &#8212; read online)</p>
{% endif %}
      </div>
      <hr class="rule"/>
      <div class="article-body">
{{ body_html|safe }}
      </div>
      <hr class="rule"/>
      <div class="article-footer">
{% if let Some(links) = rating %}
        <p class="rating">Was this a good pick? &#160; <a href="{{ links.loved_url }}">[ Loved it ]</a> &#160; <a href="{{ links.good_url }}">[ Good ]</a> &#160; <a href="{{ links.not_for_me_url }}">[ Not for me ]</a> &#160; <a href="{{ links.slop_url }}">[ AI slop ]</a> &#160;&#160;&#160; <a href="{{ read_online_url }}">Read online &#8599;</a></p>
{% else %}
        <p class="read-online"><a href="{{ read_online_url }}">Read online &#8599;</a></p>
{% endif %}
{% if let Some(href) = discussion_href %}
        <p class="see-discussion"><a href="{{ href }}">&#128172; Read the discussion</a></p>
{% endif %}
      </div>
{% endblock %}