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

{% block title %}Mon Memento
{% endblock %}

{% block body %}
	<header>
		<h1>Mon memento</h1>
		<a href={{ path('blog') }} class="btn-link">Blog</a>
		<a href={{ path('profil') }} class="btn-link">Profil</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>


	<article>
		{% for memento in mementos %}
			<section>
				<h3>{{memento.getTitle() }}</h3>
				<a href="{{ path('app_memento_show', {'id': memento.getId()}) }}" class="btn btn-primary btn-sm">Détail</a>
			</section>
		{% endfor %}
	</article>
{% endblock %}