{% extends 'layout-front.html.twig' %}

{% block extendsstylesheet %}{% endblock %}

{% block header %}
	<div class="page-header">
		<div class="container ">
			<div class="sub-title">
				<h2>Groupes de travail</h2>

				<h1>{{ Group.Titre }}</h1>
				<p>
					{{ Group.Description }}
				</p>
			</div>
		</div>
		<div class="header-video">
			<video autoplay="" loop="" playsinline="" src="/public/assets/videos/{{ Group.Media }}"></video>
		</div>
	</div>


{% endblock %}
{% block content %}

	<ul class="nav nav-tabs" id="myTab">
		<li class="nav-item">
			<a href="#doc_publique" class="nav-link active" data-bs-toggle="tab">Documentation publique</a>
		</li>
		<li class="nav-item">
			<a href="#doc_groupe" class="nav-link" data-bs-toggle="tab">Documentation du groupe</a>
		</li>
	</ul>
	<div class="tab-content">
		<div class="tab-pane fade show active" id="doc_publique">
			<ul class="groupe-list">
				{% for publicDoc in arrPublicDocs.arrFiles %}
					<li>
						<div class="icone"><img id="logo" src="/public/assets/img/icon-book-default.png" class="img-fluid" alt="icone book"/></div>
						{{ publicDoc.filename }}
						<a href="{{ publicDoc.url }}">
							<button class="btn btn-blue">Voir le document</button>
						</a>
					</li>
				{% endfor %}
			</ul>			
		</div>
		<div class="tab-pane fade" id="doc_groupe">

			{% if(loggedUser.Id == Group.Resp_groupe) %}
				IMPORTER UN DOCUMENT
			{% endif %}
			<h4 class="mt-2">Profile tab content</h4>
			<p>Vestibulum nec erat eu nulla rhoncus fringilla ut non neque. Vivamus nibh urna, ornare id gravida ut, mollis a magna. Aliquam porttitor condimentum nisi, eu viverra ipsum porta ut. Nam hendrerit bibendum turpis, sed molestie mi fermentum id. Aenean volutpat velit sem. Sed consequat ante in rutrum convallis. Nunc facilisis leo at faucibus adipiscing.</p>
		</div>
	</div>

{% endblock %}