{% extends 'standard_tpl.html.twig' %}
{% set page_background = 'blog.jpg' %}
{% block post_content_container %}
<div class="article-list-left">
<div class="article-list-left-top mb-4">
<div class="row gx-md-5 gy-5">
{% for content in collection %}
<div class="col-lg-6 col-md-6">
<div class="blog-box p-4 border border-3 border-grey rounded-1">
<div class="blog-image mb-4">
<a href="{{ path('post_show', {"slug":content.slug}) }}">
<img src="{{ asset(content.thumbnail)|imagine_filter('thumbnail_medium') }}" alt="{{ content.title }}" class="w-100 rounded-1">
</a>
</div>
<div class="blog-box-title mb-3">
<h4 class="mb-2">
<a href="{{ path('post_show', {"slug":content.slug}) }}" class="darkgreen">
{{ content.title }}
</a>
</h4>
<p>
<span class="pe-1">
<small>{{ content.datePublished|date("j F, Y") }}</small>
</span>|
<span class="ps-1"><small>{{ content.user.firstName ~' '~ content.user.lastName }}</small></span></p>
</div>
<div class="blog-info">
<p class="mb-2">{{ content.summary|u.truncate('200') }}</p>
<a href="{{ path('post_show', {"slug":content.slug}) }}" class="darkgreen">Continue Reading</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="text-center mt-30">
<nav class="box-pagination">
{% include 'block/pagination.html.twig' with {
'paginator':pagination,
'params': app.request.query.all
} %}
</nav>
</div>
</div>
{% endblock %}