{% extends '/layouts/default.twig' %}

{% block site_body %}
    {% include '/partials/page-header.twig' with {
        title: 'Latest News'
    } %}

    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-8">
                <div class="block">
                    <div class="posts-view">
                        <div class="posts-view__list posts-list posts-list--layout--list">
                            <div class="posts-list__body">
                                {% for post in posts %}
                                    <div class="posts-list__item">
                                        {% include '/partials/post-card.twig' with {
                                            post: post,
                                            layout: 'list-nl'
                                        } only %}
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                        <div class="posts-view__pagination">
                            {% include '/partials/pagination.twig' %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-4">
                {% include '/partials/blog-sidebar.twig' with {
                    position: 'end'
                } %}
            </div>
        </div>
    </div>
{% endblock %}