{% extends 'base.html.twig' %}
{% block body %}
<main class="public">
<div class="section-header">
<div class="size-container">
<span class="icon-square">
{{ source('inline/efc-square-icon.svg.twig') }}
</span>
<h2 class="title-main section-header__title">
{{ 'home.blog_title'|trans|desc('CINEMA LOVERS COMMUNITY')}}
</h2>
</div>
</div>
<div class="subheader">
<p class="subheader__title">
{{ 'blogpage.subtitle'|trans|desc('Film reviews, events, podcast, challenges and news. A cinema-lovers survival guide with the need-to-knows of European cinema.')}}
</p>
</div>
{% if blogPosts is defined %}
<div class="public__content">
<div class="blog">
{% for post in blogPosts.data %}
<div class="layout-post__single">
{{ include('blog_post/_single.html.twig') }}
</div>
{% endfor %}
</div>
<div class="featured__pagination">
{% if blogPosts.meta.prev_page %}
<a class="featured__pagination--link prev" href="{{ path('blog_post_index', { 'page': blogPosts.meta.prev_page }) }}">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="23.3" height="40.35" viewBox="0 0 23.3 40.35">
<polyline points="0 20.18 20.17 0 23.3 3.13 6.26 20.18 23.3 37.22 20.17 40.35"/>
</svg>
Prev
</a>
{% endif %}
{% if blogPosts.meta.next_page %}
<a class="featured__pagination--link next" href="{{ path('blog_post_index', { 'page': blogPosts.meta.next_page }) }}">
Next
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="23.3" height="40.35" viewBox="0 0 23.3 40.35">
<polyline points="23.3 20.17 3.13 40.35 0 37.22 17.04 20.17 0 3.13 3.13 0"/>
</svg>
</a>
{% endif %}
</div>
</div>
{% endif %}
</main>
{% endblock %}