From 6bcc5a0499826b4a603950ab92b020661b921e5f Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 2 Dec 2024 12:29:17 +0100
Subject: [PATCH] handling search & suggestions

---
 template-repertoire-des-metiers.php | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/template-repertoire-des-metiers.php b/template-repertoire-des-metiers.php
index 3a17154..eb226a2 100644
--- a/template-repertoire-des-metiers.php
+++ b/template-repertoire-des-metiers.php
@@ -62,12 +62,12 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
 				<fieldset class="metier-patrimoine-searchbar__search-by">
 					<legend><?php echo  __("Rechercher par", "metiers-patrimoine-theme") ?></legend>
 
-					<div class="search-radio-card">
+					<div class="search-radio-card search-radio-card--building-elements">
 						<label for="building_elements"><?php echo  __("Éléments du bâtiment", "metiers-patrimoine-theme") ?></label>
 						<input type="radio" id="elements_batiments_checkbox" name="search_by" value="elementsbatiments" />
 					</div>
 
-					<div class="search-radio-card">
+					<div class="search-radio-card search-radio-card--metiers">
 						<label for="job_types"><?php echo  __("Métiers du patrimoine", "metiers-patrimoine-theme") ?></label>
 						<input type="radio" id="metiers_checkbox" name="search_by" value="metiers" />
 					</div>
@@ -155,7 +155,6 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
 				</fieldset>
 
 				<fieldset class="metier-patrimoine-searchbar__geographic-filters">
-
 					<div class="fieldset-titling">
 						<img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-elements.svg' ?>" alt=''>
 						<h4 class="filter-title"><?php echo __("Localisation", "metiers-patrimoine-theme") ?></h4>
@@ -182,10 +181,28 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
 				</fieldset>
 			</form>
 
+			<!-- search bar -->
+			<form class="artisan-search-bar">
+				<!-- <label for="search-input" class="sr-only"><?php echo __("Rechercher", "metiers-patrimoine-theme") ?></label> -->
+				<input type="search" id="search-input" placeholder="<?php echo __("Rechercher", "metiers-patrimoine-theme") ?>" />
+				<button class="search-button" type="submit">
+					<img class="search_icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/search-icon.svg' alt="Lancer la recherche">
+				</button>
+			</form>
+
+			<?php
+			$suggestArtisanPageId = 309;
+			$suggestArtisanPageIcon = get_field('page_icon', $suggestArtisanPageId) ?? null;
+
+			?>
+
+			<a class="card-suggest-artisan card block" href="<?php echo get_the_permalink($suggestArtisanPageId) ?>">
+				<img class="search-artisan-btn__page-icon" src="<?php echo $suggestArtisanPageIcon['sizes']['medium_large'] ?> " alt="">
+				<p><?php echo __("Communiquer une entreprise ou un artisan", "metiers-patrimoine-theme") ?></p>
+			</a>
 		</aside>
 
-		<div class="artisans-posts__grid">
-
+		<div class=" artisans-posts__grid">
 			<?php
 			$initialPosts = new WP_Query([
 				"status" => "publish",