From 98b5f8072dde5e53733cec4a72986ab936b55106 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 6 Dec 2023 16:26:58 +0100
Subject: [PATCH] refining page

---
 template-publications.php | 91 ++++++++++++++++++++++++++++-----------
 1 file changed, 65 insertions(+), 26 deletions(-)

diff --git a/template-publications.php b/template-publications.php
index 1819cda..3e53181 100644
--- a/template-publications.php
+++ b/template-publications.php
@@ -52,8 +52,6 @@ $total_posts_found = $brochuresPosts->found_posts + $fichesInfosPosts->found_pos
 	<?php /* ------------
 		BREADCRUMB
  		-----------------*/ ?>
-
-
 	<nav class=" breadcrumbs_navigation" aria-label="breadcrumbs">
 		<ol>
 			<li>
@@ -81,7 +79,8 @@ $total_posts_found = $brochuresPosts->found_posts + $fichesInfosPosts->found_pos
 	<?php /* -------
 		FILTERS
  ---------------*/ ?>
-	<div class="filters-toolbar filters-toolbar--archive-publications">
+	<div class="filters-toolbar filters-toolbar--archive-publications" active-publication-type="all">
+		<!-- RESULTS INDICATIONS -->
 		<div class="filters-toolbar__posts-results-indications">
 			<p class="filters-toolbar__posts-results-amount filter-disable" role="status">
 				<span class="results-amount">
@@ -102,31 +101,71 @@ $total_posts_found = $brochuresPosts->found_posts + $fichesInfosPosts->found_pos
 
 		</div>
 
+		<!-- FILTERS (PUBLICATIONS & THEMATIQUES) -->
+		<div class="filters-toolbar__filters-container">
+			<!-- PUBLICATIONS TYPES FILTERS -->
+			<ul class="publication-type-filters-wrapper">
+				<li>
+					<button class="filters-toolbar__action-button filters-toolbar__action-button--active" data-term-id="all" data-publication-type="all"><?php echo __("Tous", "homegrade-theme_texte-fonctionnel") ?></button>
+				</li>
+				<li>
+					<button class="filters-toolbar__action-button" data-publication-type="brochures">
+						<img class="icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-brochures.svg' ?>" alt='' />
+						<?php echo __("Brochures thématiques", "homegrade-theme__texte-fonctionnel") ?>
+					</button>
+				</li>
+				<li>
+					<button class="filters-toolbar__action-button" data-publication-type="fiches-infos">
+						<img class="icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-fiches.svg' ?>" alt='' />
+						<?php echo __("Fiches Infos", "homegrade-theme__texte-fonctionnel") ?>
+					</button>
+				</li>
+				<li>
+					<button class="filters-toolbar__action-button" data-publication-type="webinaires">
+						<img class="icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-videos.svg' ?>" alt='' />
+						<?php echo __("Vidéos & Webinaires", "homegrade-theme__texte-fonctionnel") ?>
+					</button>
+				</li>
+
+			</ul>
+
+			<!-- THEMATIQUES FILTERS -->
+			<div class="action-thematiques-filters-wrapper">
+				<?php
+				$thematiques = get_terms(array(
+					'taxonomy'   => 'thematiques',
+					'hide_empty' => true,
+					'parent' => 0,
+				));
+
+				?>
+				<div class="filters-toolbar__action-thematiques-filters">
+					<button class="filter-by-thematiques-submenu-toggle"><?php echo __("Filtrer par catégories", "homegrade-theme__texte-fonctionnel") ?></button>
+					<ul class="action-thematiques-filters-list" hidden>
+						<li>
+							<input class="filters-toolbar__action-thematiques-filter--show-all" type="checkbox" id="all" name="all" value="all" checked>
+							<label for="all"><?php echo __("Tous", "homegrade-theme__texte-fonctionnel")  ?></label>
+						</li>
+
+						<?php foreach ($thematiques as $thematique) : ?>
+							<li>
+								<input class="filters-toolbar__action-thematiques-filter" type="checkbox" id="<?php echo $thematique->slug ?>" name="<?php echo $thematique->slug ?>" value="<?php echo $thematique->term_id ?>" data-title="<?php echo $thematique->name ?>">
+								<label for="<?php echo $thematique->slug ?>"><?php echo $thematique->name ?></label>
+							</li>
+						<?php endforeach; ?>
+					</ul>
+				</div>
+			</div>
+		</div>
+
+		<!-- ACTIVE FILTERS VIEWER -->
+		<div class="filters-toolbar__active-filters-viewer">
+			<div class="active-filters-button-container">
+			</div>
+			<button class="filters-toolbar__action-button--reset-filter cta cta--button cta--outline" hidden><?php echo __("Réinitialiser le filtre ", "homegrade-theme__texte-fonctionnel") ?></button>
+		</div>
 
-		<ul>
-			<li>
-				<button class="filters-toolbar__action-button" data-term-id="all" data-publication-type="all"><?php echo __("Tous", "homegrade-theme_texte-fonctionnel") ?></button>
-			</li>
-			<li>
-				<button class="filters-toolbar__action-button" data-publication-type="brochures">
-					<img class="icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-brochures.svg' ?>" alt='' />
-					<?php echo __("Brochures thématiques", "homegrade-theme__texte-fonctionnel") ?>
-				</button>
-			</li>
-			<li>
-				<button class="filters-toolbar__action-button" data-publication-type="fiches-infos">
-					<img class="icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-fiches.svg' ?>" alt='' />
-					<?php echo __("Fiches Infos", "homegrade-theme__texte-fonctionnel") ?>
-				</button>
-			</li>
-			<li>
-				<button class="filters-toolbar__action-button" data-publication-type="webinaires">
-					<img class="icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-videos.svg' ?>" alt='' />
-					<?php echo __("Vidéos & Webinaires", "homegrade-theme__texte-fonctionnel") ?>
-				</button>
-			</li>
 
-		</ul>
 	</div>
 
 	<?php /* ---------------