{% extends "base.html" %}

{% block head_title %}{{ self.title() | trim }} – {{ app_name }}{% endblock %}

{% block description %}
{% if not subtitle %}
{{ blog_meta.description or app_description }}
{% else %}
{{ _("You're interested in") }} {{ subtitle }}? {{ _("We're here to serve you:") }}
{% endif %}
{% endblock %}

{% block content %}
<div class="blog-contents mx-auto w-75">
  <h1>{% block title %}{{ blog_meta.title or _("Blog") }} {{ subtitle|default('', true) }}{% endblock %}</h1>
  {% for post in posts %}

  <div class="row align-items-center">
    <div class="col-3">
      <img src="{{ post.coverImage.url }}" alt="{{ post.coverImage.alternateText }}" class="img-thumbnail align-middle">
    </div>
    <div class="col-8 mx-auto">
      <div class="post-preview">
        <a href="{{ url_for('blog.get_post', post_slug=post.slug) }}">
          <h2 class="post-title">
            {{ post.title }}
          </h2>
          <h3 class="post-subtitle">
            {{ post.excerpt }}
          </h3>
        </a>
        <p class="post-meta"> {{ post.date }}
          {% for tag in post.tags %}
          <a href={{url_for('blog.get_posts_from_tag', tag=tag)}}>{{ tag }}</a>
          {% endfor %}
        </p>
      </div>
    </div>
    <hr>
  </div>
  {% endfor %}

</div>
{% endblock %}