{% extends 'base.html.twig' %}
{% block title_tag %}
	{{- post.titleTag -}}
{% endblock %}
{% block description_tag %}
	{{- post.descriptionTag -}}
{% endblock %}
{% block robots %}
	<meta name="robots" content="noindex"/>
{% endblock %}
{% block content %}
	<article>
		{% cache 'bloghome_hero_image;' ~ postIdentifier ttl(31536000) %}
		<div class="hero-image hero-image--bloghome">
			<div class="hero-image__image-desktop hero-image__image-desktop--bloghome"></div>
			<div class="hero-image__overlay hero-image__overlay--bloghome">
				<div class="hero-image__inner hero-image__inner--bloghome">
					<h1 class="heading1 heading1--before heading1--bloghome">{{'Thématique "' ~ post.title ~ '"'}}</h1>
					{% if blogHomes|length > 2 %}
						<p class="hero-image__subtitle hero-image__subtitle--bloghome">Vous pouvez filtrer les articles par thématique…</p>
						<div class="hero-image__filter">
							<button class="hero-image__filter-button" data-humanlink="{{ path('show_blog_home_general') | base64 }}">Tous les articles</button>
							{% for blogHome in blogHomes %}
								{% if post.slug != blogHome.slug %}
									<button class="hero-image__filter-button" data-humanlink="{{ path('show_blog_home', {slug: blogHome.slug}) | base64 }}">{{blogHome.title}}</button>
								{% endif %}
							{% endfor %}
						</div>
					{% endif %}
				</div>
			</div>
		</div>
		{% endcache %}
		<div class="section section--bloghome">
			<div class="section__align-center">
				<div class="posts posts--home">
					{% for blogPost in blogPosts %}
						{% if blogPost.publish %}
							{% include('blog/_posts_item.html.twig') with {
                        post_item : blogPost,
                        post_item_class : 'posts__item--home',
                        post_item_overlay_class : 'posts__item-overlay--home',
                        post_item_image_class: 'posts__item-image--home',
						post_item_inner_class : 'posts__item-inner--home',
						post_item_excerpt_class : 'posts__item-excerpt--home',
						
                        isIndexed: false
                    } %}
						{% endif %}
					{% endfor %}
				</div>
				{% if showLoadButton %}
					<div class="load-items" data-totalitems="{{totalBlogPosts}}" data-limit="{{limit}}">
						<button class="button button--load">
							<i class="load-items__icon flaticon-download"></i>
							<span>Charger plus d'articles</span>
						</button>
					</div>
				{% endif %}
			</div>
		</div>
	</article>
{% endblock %}