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

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

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

  {% import 'translations.html' as translations with context %}
  {% if translations.entry_hreflang(article) %}
    {{ translations.entry_hreflang(article) }}
  {% endif %}
  {% if article.status == "hidden" %}
  <meta name="robots" content="noindex">
  <meta name="robots" content="nofollow">
  <meta name="robots" content="noarchive">
  {% endif %}


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

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

  <!-- Open Graph Tags-->
  <meta property="og:site_name" content="{{ SITENAME }}" />
  <meta property="og:title" content="{{ article.title|striptags  }}" />
  <meta property="og:url" content="{{ SITEURL }}/{{ article.url }}" />
  <meta property="og:type" content="website">
  {% if article.photo_image %}
  <meta property="og:image" content="{{ SITEURL }}/{{ article.photo_image[1] }}" />
  {% endif %}  
  <meta property="og:description" content="{{ article.summary|striptags }}" />

  {% if COMMENTS is sameas True %}
  <link rel="stylesheet" type="text/css" href="/hashover/themes/default/comments.css"> 
  {% endif %}

  <link rel="canonical" href="{{ SITEURL }}/{{ article.url }}" />   

{% endblock %}

{% block somemorehead %}
  {% if article.specialcss %}
  <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/{{ article.specialcss }}">
  {% endif %}

{% endblock somemorehead %}


{% block content %}
  <article>
    <header>
      <h2>
        <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
           title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
      {% import 'translations.html' as translations with context %}
      {{ translations.translations_for(article) }}
    </header>
    {% if article.photo_image and SHOW_TOP_IMAGE == True %}
    <img style="display: block; margin: 0 auto 0 0;" src="{{ SITEURL }}/{{ article.photo_image[1] }}" alt="{{ article.image_alt }}"/>
    {% endif %}

    {{ article.content }}

    {% if article.photo_gallery %}
    <br /><br />
    {% for title, gallery in article.photo_gallery %}
    <h2>{{ title }}</h2>
        <section class="photo_gallery"> 
        <ol class="photo_gallery">
        {% for name, photo, thumb, exif, caption in gallery %}
          <li class="photo gallery-item"><a href="{{ SITEURL }}/{{ photo }}" target="_blank"  title="{{ name }}" exif="{{ exif }}" caption="{{ caption }}"><img src="{{ SITEURL }}/{{ thumb }}"></a></li>
        {% endfor %}
      </ol></section>
    {% endfor %}
    {% endif %}

    {% if article.series %}
    <div class="post-series">
      <p>This post is part {{ article.series.index }} of the "{{ article.series.name }}" series:</p>
      <ol class="parts">
        {% for part_article in article.series.all %}
        <li {% if part_article == article %}class="active"{% endif %}>
          <a href='{{ SITEURL }}/{{ part_article.url }}'>{{ part_article.title }}</a>
        </li>
        {% endfor %}
      </ol>      
    </div>
    {% endif %}


    <footer>
      <p>Published: <time datetime="{{ article.date.isoformat() }}">
        {{ article.locale_date }}
      </time></p>
      {% if article.modified %}
        <p>Last updated: <time datetime="{{ article.modified.isoformat() }}">
          {{ article.locale_modified }}
        </time></p>
      {% endif %}
      {% if article.authors %}
        <address>
          By {% for author in article.authors %}
            <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
          {% endfor %}
        </address>
      {% endif %}
      {% if article.category %}
        <p>
          Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
        </p>
      {% endif %}
      {% if article.tags %}
        <p>
          Tags:
          {% for tag in article.tags %}
            <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
          {% endfor %}
        </p>
      {% endif %}
    </footer>

  </article>
  {% if COMMENTS is sameas True %}
  <div class="comments">
  <h3>Comments</h3>
  {{ COMMENT_EMBED }}
  </div>
  {% endif %}


  {% if MASTODON_COMMENTS == True and article.mastodon_post_id is defined %}
        <div class="comments">
    <h3>Comment on Mastodon</h3>
    {% include 'include/mastodon-comments.html' %}
  </div>
  {% endif %}

  
  <section id="article-footer">
    {% if article.photo_image and SHOW_BOTTOM_IMAGE == True %}
    <a href="{{ SITEURL }}/{{ article.photo_image[1] }}"><img style="display: block; margin: 0 auto 0 0;" src="{{ SITEURL }}/{{ article.photo_image[2] }}" /></a>
    {% endif %}
    {% if ARTICLE_FOOTER == true %}
      {% include 'include/article_footer.html' %}
    {% endif %}

{% endblock %}