From 0f95a3b7eaa42851602b6c2d238eb809ca9d5476 Mon Sep 17 00:00:00 2001
From: Sebastien Hattry <sebastien.hattry@ldc.fr>
Date: Fri, 11 Mar 2022 10:55:58 +0100
Subject: [PATCH] Header - Change searchbar style

---
 public/css/preload-front.css                     | 12 ++++++++++++
 resources/sass/frontend/_menu.scss               | 13 +++++++++++++
 resources/views/front/news.blade.php             | 16 +++++++++-------
 .../views/layouts/frontend/app-header.blade.php  | 14 +++++++-------
 4 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/public/css/preload-front.css b/public/css/preload-front.css
index 7b160f0..fa07f80 100644
--- a/public/css/preload-front.css
+++ b/public/css/preload-front.css
@@ -4984,11 +4984,23 @@ h3:not(.item__title, .product-card__title){
 .secondmenu .search-form{
   display:none;
   position:absolute;
+  width:240px;
+  right:0;
   top:40px;
+  padding:15px 10px 10px;
+  border:none;
+  border-radius:5px;
+  box-shadow:1px 1px 5px 2px #333;
+  background-color:#fff;
 }
 .secondmenu .search-form.is-visible{
   display:initial;
 }
+.secondmenu .search-form .search-form__input{
+  width:100%;
+  border:none;
+  border-bottom:1px solid #000;
+}
 
 @media screen and (max-width: 799px){
   .secondmenu{
diff --git a/resources/sass/frontend/_menu.scss b/resources/sass/frontend/_menu.scss
index 4b53e9e..02cd61f 100644
--- a/resources/sass/frontend/_menu.scss
+++ b/resources/sass/frontend/_menu.scss
@@ -186,10 +186,23 @@
     .search-form {
         display: none;
         position: absolute;
+        width: 240px;
+        right: 0;
         top: 40px;
+        padding: 15px 10px 10px;
+        border: none;
+        border-radius: 5px;
+        box-shadow: 1px 1px 5px 2px #333;
+        background-color: #fff;
+
         &.is-visible {
             display: initial;
         }
+        .search-form__input {
+            width: 100%;
+            border: none;
+            border-bottom: 1px solid #000;
+        }
     }
 }
 
diff --git a/resources/views/front/news.blade.php b/resources/views/front/news.blade.php
index 0425b83..3a7333d 100644
--- a/resources/views/front/news.blade.php
+++ b/resources/views/front/news.blade.php
@@ -104,17 +104,19 @@
     </div>
     <p class="h2">Nous travaillons toujours pour améliorer nos recettes et proposer des produits de meilleure qualité</p>
 
+    @if (isset($products_home))
     <div id="carrousel2">
+        @foreach ($products_home as $product)
         <div class="item is-flex">
-            <div class="item__image"><img src="{{ asset('assets/images/big-doux.jpg') }}" alt="photo"></div>
-        </div>
-        <div class="item is-flex">
-            <div class="item__image"><img src="{{ asset('assets/images/big-doux.jpg') }}" alt="photo"></div>
-        </div>
-        <div class="item is-flex">
-            <div class="item__image"><img src="{{ asset('assets/images/big-doux.jpg') }}" alt="photo"></div>
+            <div class="item__image">
+                <a href="{{ route($routeprefixer . 'product.show', ['gammeSlug' => $product->gamme->slug , 'productSlug' => $product->slug]) }}">
+                    <img src="{{ asset($product->picture) }}" alt="{{ $product->alt_text_picture}}" />
+                </a>
+            </div>
         </div>
+        @endforeach
     </div>
+    @endif
 </div>
 
 @endsection
\ No newline at end of file
diff --git a/resources/views/layouts/frontend/app-header.blade.php b/resources/views/layouts/frontend/app-header.blade.php
index daa7fdf..a9d6d29 100644
--- a/resources/views/layouts/frontend/app-header.blade.php
+++ b/resources/views/layouts/frontend/app-header.blade.php
@@ -116,12 +116,12 @@
                 <li class="@if(App::getLocale() == 'en') current @endif"><a href="{{ $currentUrlEN }}">en</a></li>
                 <li class="@if(App::getLocale() == 'es') current @endif"><a href="{{ $currentUrlES }}">es</a></li>
             </ul>
-            <form class="form search-form" method="GET" action="{{ route($routeprefixer . 'search') }}">
-                <input class="search-form__input" type="search"
-                    placeholder="{{ __("Recherchez un produit") }}"
-                    id="search_filter" name="filter"
-                    value="{{ $filter ?? ''}}">
-            </form>
+            <div class="search-bloc search-form">
+                <form class="form" method="GET" action="{{ route($routeprefixer . 'search') }}">
+                    <label for="filter">{{ __("Recherchez un produit") }}</label>
+                    <input class="search-form__input" type="search" id="search_filter" name="filter" value="{{ $filter ?? ''}}">
+                </form>
+            </div>
             <button id="search">
                 {{-- <svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">
                     <path class="cls-1" d="M13.06,0h7a17.46,17.46,0,0,1,8,8v7c-5.38,8.15-9,9.37-18.37,5.94l-6.52,7c-2.49.5-3.48-.5-3-3l7-6.52C3.7,9,4.92,5.38,13.06,0ZM16.6,3.74a7.41,7.41,0,0,0-7.54,7.41,7.49,7.49,0,0,0,7.67,7.79,7.4,7.4,0,0,0,7.52-7.43A7.31,7.31,0,0,0,16.6,3.74Z" />
@@ -141,7 +141,7 @@
     var loupe = document.querySelector("button#search");
 
     loupe.addEventListener("click", function () {
-        document.querySelector("form.search-form").classList.toggle('is-visible');
+        document.querySelector("div.search-form").classList.toggle('is-visible');
     });
 </script>
 @endpush