{% extends 'front/blog/blog-layout.html.twig' %}

{% block blogContent %}
{% if category is defined %}
	{% set postLanguages = getPostLanguagesByCategory(category) %}
{% endif %}
{% for postLanguage in postLanguages %}
	<div class="row">
		<div class="col-xs-12">
			<article style="{% if not loop.last %}border-bottom: 1px solid #ccc;{% else %}margin-bottom:0;{% endif %}">
				<h2><a href="{{ path('front_blog_home', {'postSlug': postLanguage.slug}) }}">{{ postLanguage.title }}</a></h2>
				{% if postLanguage.post.coverName and postLanguage.post.coverPath != null %}
				<div class="img-wrapper">
					<a href="{{ path('front_blog_home', {'postSlug': postLanguage.slug}) }}">
						<img class="img-responsive img-effect"
							 src="{{ asset('assets/files/blog/' ~ postLanguage.post.coverPath ~ '/cover/' ~ postLanguage.post.coverName) }}">
					</a>
				</div>
				{% endif %}
				<div class="row">
					<div class="col-xs-12 article-info">
						<ul>
							<li><i class="fa fa-calendar" aria-hidden="true"></i><span>{{ postLanguage.post.dateStamp|date('d/m/Y') }}</span></li>
						</ul>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<div class="list-introduction">
							{{ getExcerpt(postLanguage.body, 0, 500)|raw }}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<a class="btn btn-read-more pull-right" href="{{ path('front_blog_home', {'postSlug': postLanguage.slug}) }}">
							{{ "blog.read.more" | trans({}, 'plaza') }}
							<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
						</a>
					</div>
				</div>
			</article>
		</div>
	</div>
{% endfor %}
{% endblock %}