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

{% block content %}
	<section class="page-projet">

		<h2 id="page-title">{{page.header.title}}</h2>
		<p>{{page.header.shortdescription}}</p>
		<nav>

			<div class="taxonomy">
				{% for tax,tags in page.taxonomy %}
				  <ul>
				    <h2>{{tax}}</h2>
				    {% for tag,value in tags %}
				      <li>
		            <span>{{ value }}</sapn>
				      </li>
				    {% endfor %}
				  </ul>
				{% endfor %}
			</div>

			<div class="siblings">
				{{page.prevSibling()}}
				{{page.nextSibling()}}
			</div>

		</nav>

		<section class="audios">
			{% for audio in page.media.audios %}
				<div class="">
					{{ audio.html }}
					<a href="{{audio.url()}}">audio file</a>
				</div>
			{% endfor %}
		</section>

		<section class="videos">
			{% for video in page.media.videos %}
				<div class="">
					{{ video.html }}
					<a href="{{video.url()}}">video file</a>
				</div>
			{% endfor %}
		</section>

		<section class="images" data-featherlight-gallery data-featherlight-filter="a">
			{% for image in page.media.files %}
				<a href="{{image.url()}}">{{ image.resize(500).html }}</a>
			{% endfor %}
			{% for image in page.media.images %}
				<a href="{{image.url()}}">{{ image.resize(500).html }}</a>
			{% endfor %}
		</section>

		<section class="content">
			{{ page.content }}
		</section>


		<footer>
			<div class="link">
				<a href="{{page.header.project_url}}" target="_blank">{{page.header.project_url}}</a>
			</div>
			{% for key,value in page.header.extra_links %}
				<ul>
						<li><label>{{key}}:</label> <a href="{{ value }}">{{ value }}</a></li>
				</ul>
			{% endfor %}
		</footer>

	</section>
{% endblock %}