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


{% block title %}Liste des articles
{% endblock %}

{% block body %}
	<header>
		<h1>Mon Profil</h1>
		<a href={{ path('profil') }} class="btn-link">profil</a>
		<a href={{ path('memento') }} class="btn-link">Mémento</a>
		{% if app.user %}
			<div class="mb-3">
				You are logged in as
				{{ app.user.userIdentifier }},
				<a href="{{ logout_path() }}">Logout</a>
			</div>
		{% endif %}
		<button type="button" class="btn" id="loginBtn" onclick="event.preventDefault(); window.location.href='{{ path('app_login') }}';">
			<img class="img-fluid" src={{ asset('image/login.png') }} alt="logo de connexion" height="30" width="30">
		</button>
	</header>
	<div class="container mt-5">
		<div class="row">
			<div class="col-md-12">
				<h1 class="mb-4">Liste des articles</h1>
				{% if pagination %}
					<article>
						{% for article in pagination %}
							<section>
								<h2>
									{{ article.title }}
									<a href="{{ path('app_blog_show', {'id': article.id}) }}" class="btn btn-primary btn-sm">Détail</a>
								</h2>
							</section>
						{% endfor %}
					</article>
				{% else %}
					<div class="alert alert-info" role="alert">
						Aucun article trouvé.
					</div>
				{% endif %}
			</div>
		</div>
	</div>
{% endblock %}