{% extends "base.html.twig" %}

{% block title 'Blog | Mon Petit Plumeau'%}

{% block header %}
	{% include ("include/_heading.html.twig") %}
{% endblock %}

{% block body %}
<div class="page">
	<div class="container">
		<div class="row">
			<div class="col-sm-3 mb-4">
				<div class="text-center">
					<h3>Filtrer les articles</h3>
				
					<hr />

					{% if form_submitted %}
						<a href="{{ path('blog.index') }}" class="text-decoration-none badge badge-danger w-100">Réinitialiser la recherche</a>
					{% endif %}
				
					<ul class="nav flex-column nav-pills">
						<li class="nav-item">    
							<b><a class="nav-link disabled text-dark-50" href="#">Par Catégories</a></b>
						</li>
						{{ form_start(form) }}
							{{ form_row(form.categories) }}
						
						<div class="dropdown-divider"></div>

						<li class="nav-item">    
							<b><a class="nav-link disabled text-dark-50" href="#">Par Mots-clés</a></b>
						</li>
							{{ form_row(form.tags) }}
							<div class="form-group">
								<button class="btn btn-sm btn-info">Rechercher</button>
							</div>
						{{ form_end(form) }}
					</ul>
				</div>

				<hr class="my-4 border-warning" />

				<div class="text-center">
					<h3>Nos dossiers</h3>
				
					<hr />

					{% if in_folder %}
						<a href="{{ path('blog.index') }}" class="text-decoration-none badge badge-danger w-100 mb-3">Réinitialiser la recherche</a>
					{% endif %}
				
					<ul class="nav flex-column nav-pills">
						{% for dossier in dossiers %}
							<li class="nav-item border rounded mb-1">    
								<b><a class="nav-link text-dark-50" href="{{ path('blog.dossier.index', { 'id': dossier.id }) }}">{{ dossier }}</a></b>
							</li>
						{% endfor %}
					</ul>
				</div>
			</div>

			<div class="col-sm-9">
				{% for row in posts | batch(2) %}
					<div class="card-deck">
						{% for post in row %}
							{{ include ("include/_cardPost.html.twig") }}
						{% endfor %}
					</div>
					
				{% else %}
					<div class="jumbotron jumbotronNoArticle text-center shadow rounded">
						<p class="lead">
							Aucun article ne correspond à votre recherche.<hr />
							Essayez de la modifier ou alors n'hesitez pas à <a href="{{ path('contact') }}" class="text-decoration-none">nous suggérer des idées.</a>
						</p>
					</div>
				{% endfor %}
				<div class="pagination mx-auto">
					{{ knp_pagination_render(posts) }}
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}