{% extends 'base.html.twig' %}

{% block title %}{{ pageTitle }} - {{ parent() }}{% endblock %}

{% block header %}
    {% include 'header.html.twig' %}
{% endblock %}

{% block body %}
    <div class="page-container">
        <h2 class="red big-font">RegioHotel Geschichten</h2>
        <div class="col-2">
            <div class="blog-container">
                <p>In diesem Bereich finden Sie ab sofort regelmäßige Tipps und Empfehlungen für Ihren Urlaub in den
                    Regiohotels.</p>
                <div class="posts-list">
                    {% for post in posts %}
                        <div class="post">
                            <img src="{{ asset(post.imageUrl) }}" class="post-img">
                            <h3 class="post-title">{{ post.title }}</h3>
                            <div class="post-info">
                                <div class="date">
                                    <img src="{{ asset('images/post-date.svg') }}">
                                    <p>{{ post.date }}</p>
                                </div>
                                <div class="author">
                                    <img src="{{ asset(post.author.imageUrl)}}">
                                    <p>{{ post.author.name }}</p>
                                </div>
                            </div>
                            <p class="excerpt">{{ post.description }}</p>
                            <a href="{{ post.url }}" class="btn red-btn">Weiterlesen</a>
                        </div>
                    {% endfor %}
                </div>
                {% include 'pagination.html.twig' with {'paginationData': paginationData} %}
            </div>
            {% include 'newsletter_form.html.twig' %}
        </div>
    </div>
{% endblock %}

{% block footer %}
    {% include 'footer.html.twig' %}
{% endblock %}