{% extends "base.html" %}
{% block html_lang %}{{ article.lang }}{% endblock %}

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

{% 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 content %}
    <main>
        <article>
            <h2>{{ article.title }}</h2>
            {% import 'translations.html' as translations with context %}
            {{ translations.translations_for(article) }}
            <aside>
                <ul>
                    <li>
                        <time datetime="{{ article.date }}">{{ article.date|strftime('%b %d, %Y') }}</time>
                    </li>
                    {% if article.modified %}
                        <li>
                        <time datetime="{{ article.modified }}">Modified
                            on {{ article.modified|strftime('%b %d, %Y') }}</time>
                    {% endif %}
                    </li>
                    {% if article.readtime %}
                        <li>{{ article.readtime.minutes }} min read</li>
                    {% endif %}
                    {% if article.category %}
                        <li>
                        Categories:
                        <a href="{{ SITEURL }}/{{ article.category.url }}"><em>{{ article.category }}</em></a>
                    {% endif %}
                    </li>
                    {% if article.tags %}
                        <li>
                        Tags:
                        {% for tag in article.tags %}
                            <a href="{{ SITEURL }}/{{ tag.url }}"><em>#{{ tag }}</em></a>
                        {% endfor %}
                    {% endif %}
                    </li>
                </ul>
            </aside>
            {{ article.content }}
        </article>
        <section class="post-nav">
            <ul>
                {% if article.next_article %}
                    <li>
                        <a href="{{ SITEURL }}/{{ article.next_article.url }}"><i
                                class="fa fa-chevron-circle-left"></i> {{ article.next_article.title }}</a>
                    </li>
                {% else %}
                    <li>
                        <a href="{{ SITEURL }}/{{ article.next_article.url }}">{{ " " }}</a>
                    </li>
                {% endif %}
                {% if article.prev_article %}
                    <li>
                        <a href="{{ SITEURL }}/{{ article.prev_article.url }}">{{ article.prev_article.title }} <i
                                class="fa fa-chevron-circle-right"></i></a>
                    </li>
                {% else %}
                    <li>
                        <a href="{{ SITEURL }}/{{ article.prev_article.url }}">{{ " " }}</a>
                    </li>
                {% endif %}
            </ul>
        </section>
        <div>
            {% include 'disqus_script.html' %}
        </div>
    </main>
{% endblock %}