{% extends 'layout.html' %}

{%- block head_title -%}
    {{- archive.title }} | {{ site.title -}}
{%- endblock -%}

{%- block main_body -%}
    {%- block archive_sidebar_1 -%}{%- endblock -%}
    <div class="archive-container">
        <h1 class="archive-title">{{ archive.title }}</h1>
        <div class="archive-meta">
        {%- if archive.author -%}
            <span class="archive-author">{{ archive.author }}</span>
        {%- endif -%}
        {%- if archive.created -%}
            <span class="archive-created">{{ archive.created | date(format="%Y-%m-%d") }}</span>
        {%- endif -%}
        {%- if archive.categories -%}
            <div class="archive-categories">
            {%- for category in archive.categories -%}
                <span class="archive-category"><a href="{{ category.url | urlencode | safe }}">{{ category.title }}</a></span>
            {%- endfor -%}
            </div>
        {%- endif -%}
        {%- if archive.tags -%}
            <div class="archive-tags">
            {%- for tag in archive.tags -%}
                <span class="archive-tag"><a href="{{ tag.url | urlencode | safe }}">{{ tag.title }}</a></span>
            {%- endfor -%}
            </div>
        {%- endif -%}
        </div>
        {%- if archive.tags -%}
            {%- for tag in archive.tags -%}
                {%- if "todo" in tag.title -%}
                    <p style="text-align: center; font-style: italic;">尚未完成/Not completed</p>
                    {%- break -%}
                {%- endif -%}
            {%- endfor -%}
        {%- endif -%}
        <div class="archive-toc"><ol id="archive-toc"></ol></div>
        <div class="archive-content markdown-body">{{ archive.content | safe }}</div>
    </div>
    {%- block archive_sidebar_2 -%}{%- endblock -%}
    <script src="{{ 'static/archive.js' | to_static | safe }}"></script>
{%- endblock -%}