{% extends "base.html" %}

{% block head %}
  {{ super() }}

  {% if article.description %}
    <meta name="description" content="{{ article.description }}" />
  {% endif %}

  {% for tag in article.tags %}
    <meta name="tags" content="{{ tag }}" />
  {% endfor %}

{% endblock %}

{% block title %}{{ SITENAME }} - {{ article.title }}{% endblock %}

{% block content %}
  <h1 class="my-4">
    <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
      title="Permalink to {{ article.title|striptags }}">
      {{ article.title }}
    </a>
  </h1>

  <p>
    {% if article.authors %}
      By {% for author in article.authors %}
        <a href="{{ SITEURL }}/{{ author.url }}">{{ author }} </a>
      {% endfor %}
    {% endif %}
  </p>

  <hr/>

  <time datetime="{{ article.date.isoformat() }}">
    {% if article.modified %}
      Updated: {{ article.locale_modified }}
    {% else %}
      Published: {{ article.locale_date }}
    {% endif %}
  </time>

  <hr/>

  <div>
    {{ article.content }}
  </div>

  <div class="card-footer text-muted">
    <p>
      In <a href="{{ SITEURL }}/{{ article.category.url }}">
        {{ article.category }}
      </a>
    </p>
    {% include "taglist.html" %}
  </div>

  <div class="card my-4">
    {% if article.related_posts %}
      <h3 class="card-header">Related posts</h3>
      <div class="card-body">
        <div class="row">
          <div class="col-auto">
            <ul class="list-unstyled mb-0">
              {% for related_post in article.related_posts %}
                <li>
                  <a href="{{ SITEURL }}/{{ related_post.url }}">
                    {{ related_post.title }}
                  </a>
                </li>
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>
    {% endif %}
  </div>

  <div id="disqus_thread"></div>
{% endblock %}