ldc-doux/resources/views/layouts/frontend/app-header.blade.php
sebastien.hattry 6f266751f9 Ts 888
2023-06-26 08:52:32 +00:00

134 lines
7.5 KiB
PHP

<button id="backtotop"><i class="arrow up"></i></button>
<header class="site-header @if (Route::current()->getName() == 'food' ||
Route::current()->getName() == 'en.food' ||
Route::current()->getName() == 'es.food' ||
Route::current()->getName() == 'fr.food') blue-bg @endif">
<div class="wrapper p-rel">
<div class="logotype p-abs">
<a href="{{ route($routeprefixer . 'home') }}" title="accueil"><img src="{{ asset('assets/images/logo-doux.png') }}" alt="logo" /></a>
</div>
<nav class="menu p-rel">
<input type="checkbox" id="checkbox" class="menu-overlay__checkbox" />
<label for="checkbox" class="menu-overlay__btn">
<div class="menu-overlay__icon"></div>
</label>
<ul class="menu__list">
<a href="{{ route($routeprefixer . 'wasup') }}" class="scroller menu__link @if (Route::current()->getName() == $routeprefixer . 'wasup') menu__item--current @endif">
<li class="menu__item">
{{ __('Marque') }}
</li>
<svg id="menu_arrow" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 19">
<defs>
<style>
.bg {
fill: transparent;
}
.cnt {
fill: #3e3b3b;
}
</style>
</defs>
<path class="bg" d="M12,19H0V0H12ZM.85,16.34c3,1.61,5,.19,10.16-7.19C5.86,2.13,4.21.91.82,2.07l6.52,7.1Z" />
<path class="cnt" d="M.85,16.34,7.34,9.17.82,2.07C4.21.91,5.86,2.13,11,9.15,5.8,16.53,3.87,18,.85,16.34Z" />
</svg>
</a>
<a href="{{ route($routeprefixer . 'gammes.index') }}" class="scroller menu__link @if (Route::current()->getName() == $routeprefixer . 'gammes.index') menu__item--current @endif">
<li class="menu__item">
{{ __('Produits') }}
</li>
<svg id="menu_arrow" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 19">
<defs>
<style>
.bg {
fill: transparent;
}
.cnt {
fill: #3e3b3b;
}
</style>
</defs>
<path class="bg" d="M12,19H0V0H12ZM.85,16.34c3,1.61,5,.19,10.16-7.19C5.86,2.13,4.21.91.82,2.07l6.52,7.1Z" />
<path class="cnt" d="M.85,16.34,7.34,9.17.82,2.07C4.21.91,5.86,2.13,11,9.15,5.8,16.53,3.87,18,.85,16.34Z" />
</svg>
</a>
<a href="{{ route($routeprefixer . 'news') }}" class="scroller menu__link @if (Route::current()->getName() == $routeprefixer . 'news') menu__item--current @endif">
<li class="menu__item">
{{ __('Actualités') }}
</li>
<svg id="menu_arrow" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 19">
<defs>
<style>
.bg {
fill: transparent;
}
.cnt {
fill: #3e3b3b;
}
</style>
</defs>
<path class="bg" d="M12,19H0V0H12ZM.85,16.34c3,1.61,5,.19,10.16-7.19C5.86,2.13,4.21.91.82,2.07l6.52,7.1Z" />
<path class="cnt" d="M.85,16.34,7.34,9.17.82,2.07C4.21.91,5.86,2.13,11,9.15,5.8,16.53,3.87,18,.85,16.34Z" />
</svg>
</a>
<a href="{{ route($routeprefixer . 'food') }}" class="scroller menu__link">
<li class="menu__item only-smrt">
Food service
</li>
<svg id="menu_arrow" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 19">
<defs>
<style>
.bg {
fill: transparent;
}
.cnt {
fill: #3e3b3b;
}
</style>
</defs>
<path class="bg" d="M12,19H0V0H12ZM.85,16.34c3,1.61,5,.19,10.16-7.19C5.86,2.13,4.21.91.82,2.07l6.52,7.1Z" />
<path class="cnt" d="M.85,16.34,7.34,9.17.82,2.07C4.21.91,5.86,2.13,11,9.15,5.8,16.53,3.87,18,.85,16.34Z" />
</svg>
</a>
</ul>
<a href="{{ route($routeprefixer . 'food') }}" class="featured-link ttu align-center p-abs">Food<span>service</span></a>
</nav>
<span class="secondmenu">
<ul class="traduction">
<li class="@if(App::getLocale() == 'fr') current @endif"><a href="{{ route($currentRouteFR, $routeParamsFR) }}">fr</a></li>
<li class="@if(App::getLocale() == 'en') current @endif"><a href="{{ route($currentRouteEN, $routeParamsEN) }}">en</a></li>
<li class="@if(App::getLocale() == 'es') current @endif"><a href="{{ route($currentRouteES, $routeParamsES) }}">es</a></li>
</ul>
<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>
<div 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" />
<path class="cls-2" d="M13.06,0C4.92,5.38,3.7,9,7.12,18.37l-7,6.52V0Z" />
<path class="cls-2" d="M3.11,27.87l6.52-7C19,24.3,22.62,23.08,28,14.93V27.87Z" />
<path class="cls-2" d="M28,8a17.46,17.46,0,0,0-8-8h8Z" />
<path class="cls-2" d="M16.6,3.74a7.31,7.31,0,0,1,7.65,7.77,7.4,7.4,0,0,1-7.52,7.43,7.49,7.49,0,0,1-7.67-7.79A7.41,7.41,0,0,1,16.6,3.74Z" />
</svg> --}}
<img src="{{ asset('assets/images/loupe.png') }}" alt="Loupe de recherche">
</div>
</span>
</div>
</header>
@push('scripts')
<script nonce="{{ $nonce }}">
var loupe = document.querySelector("div#search");
loupe.addEventListener("click", function() {
document.querySelector("div.search-form").classList.toggle('is-visible');
});
</script>
@endpush