{% extends "main.html" %}

{% block content %}
<h1>BLOG</h1>

<div class="md-posts">
    {% for post in posts %}
    <article class="md-post md-post--excerpt">
        <!--<div class="md-post__meta">
            <time datetime="{{ post.meta.date }}">{{ post.meta.date }}</time>
            {% if post.meta.categories %}
            <span class="md-post__categories">
              {% for category in post.meta.categories %}
                {{ category }}{% if not loop.last %}, {% endif %}
              {% endfor %}
            </span>
            {% endif %}
            {% if post.meta.readtime %}
            <span>{{ post.meta.readtime }} Min. Lesezeit</span>
            {% endif %}
        </div>-->

        <h2 class="md-post__title">
            <a href="{{ post.url | replace('blog/', '') }}" title="{{ post.title }}">{{ post.title }}</a>
        </h2>

        <!-- Post-Excerpt hinzufügen -->
        <div class="md-post__excerpt">
            {% if post.excerpt %}
            {{ post.excerpt }}
            {% elif post.content | length > 0 %}
            {{ post.content | striptags | truncate(200, true, "...") }}
            {% else %}
            <!-- Fallback, falls kein Excerpt oder Inhalt verfügbar ist -->
            <p>Mehr Informationen im vollständigen Artikel.</p>
            {% endif %}
        </div>

        <br />

        <a href="{{ post.url | replace('blog/', '') }}" class="md-button" title="Weiterlesen: {{ post.title }}">Weiterlesen</a>
    </article>
    {% endfor %}
</div>
{% endblock %}