{% extends 'base.html.twig' %}
{% block title %}SENACS | Publications{% endblock title %}
{% block page_header %}{% endblock %}
{% block submenu %}
{% include 'SubMenu/submenu_ressources.html.twig' %}
{% endblock submenu %}
{% block highlighted %}{% endblock highlighted %}
{% block sidebar %}
{% endblock sidebar %}
{% block content_content %}
<h1 class="page-header">Publications</h1>
<div class="">
<div class="">
<ul id="yearPlaquetesTabs" class="nav nav-tabs" data-tabs="tabs">
{% for year, subFolders in plaquettesFiles %}
<li class="nav-item {% if loop.last%} active{% endif %}"><a href="#year-{{year}}" class="{% if loop.last%} active{% endif %}" data-bs-target="#year-{{year}}" data-bs-toggle="tab">{{year}}</a></li>
{% endfor %}
</ul>
</div>
<div id="yearPlaquetesTabs-content" class="tab-content mt-5">
{% for year, subFolders in plaquettesFiles %}
<div class="tab-pane {% if loop.last%} show active {% endif %}" id="year-{{year}}" role="tabpanel">
{% for folderName, subFolder in subFolders %}
<div class="publication-card action-card">
<div class="my-4">
<h2 class="title-publication">{{folderName}}</h2>
{# <p class="subtitle-publication">Publication {{ year }}</p> #}
</div>
<div class="row pb-5">
{% set index = 1 %}
{%- for fileName in subFolder %}
<div class="col-md-3">
<div class="card-ressource">
<a href="{{ asset('files/plaquettes/'~year~'/'~folderName~'/'~fileName~'.pdf') }}" target="_blank">
<img src="{{ asset('files/plaquettes/'~year~'/'~folderName~'/'~fileName~'.jpeg') }}"/>
<p class="name-ressource">{{fileName|replace({'SENACS-':''})}}</p>
</a>
</div>
</div>
{% if index is divisible by(4) %}
</div>
<div class="row">
{% endif %}
{% set index = index+1 %}
{% endfor %}
{% if index is not divisible by(4) %}
</div>
{% else %}
</div>
{% endif %}
</div>
{% endfor %}
<hr/>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock content_content %}