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

{% block title %}Mon Profil
{% endblock %}

{% block body %}
	<header>
		<h1>Mon Profil</h1>
		<a href={{ path('blog') }} class="btn-link">Blog</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>
	<article>
		<table>
			<th>
				{% for profil in profils %}
					<section>
						<h3>{{ profil.getTitle() }}</h3>
						<img src=upload/image/{{ profil.getImage() }} height="200" width="auto" alt="">
						<p>{{ profil.getText() }}</p>
						{% for content in profil.getCardContents %}
							<a href="{{ asset('upload/content/' ~ content.getContent()) }}" target="_blank" class="btn btn-primary btn-sm me-2 mb-2">
								📄
								{{ content.title}}
							</a>
						{% endfor %}
					</section>
				{% endfor %}
			</th>
			<th>
				{% for ecole in ecoles %}
					<section>
						<h3>{{ ecole.getTitle() }}</h3>
						<img src=upload/image/{{ ecole.getImage() }} height="200" width="auto" alt="">
						<p>{{ ecole.getText() }}</p>
						{% for content in ecole.getCardContents %}
							<a href="{{ asset('upload/content/' ~ content.getContent()) }}" target="_blank" class="btn btn-primary btn-sm me-2 mb-2">
								📄
								{{ content.title}}
							</a>
						{% endfor %}
					</section>
				{% endfor %}
			</th>
			<th>
				{% for pro in pros %}
					<section>
						<h3>{{ pro.getTitle() }}</h3>
						<img src=upload/image/{{ pro.getImage() }} height="200" width="auto" alt="">
						<p>{{ pro.getText() }}</p>
						{% for content in pro.getCardContents %}
							<a href="{{ asset('upload/content/' ~ content.getContent()) }}" target="_blank" class="btn btn-primary btn-sm me-2 mb-2">
								📄
								{{ content.title}}
							</a>
						{% endfor %}
					</section>
				{% endfor %}
			</th>
		</table>
	</article>
{% endblock %}