ldc-doux/resources/views/layouts/frontend/app-header.blade.php
2022-02-04 19:12:40 +01:00

146 lines
7.7 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">
<li class="menu__item menu__item--current">
{{ __('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">
<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">
<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">
@php
$currentUrl = Request::path();
if (preg_match('/^(en|es)/', $currentUrl )) {
$currentUrlFR = preg_replace('/\/\//','/', '/' . preg_replace('/^(en|es)/', '', $currentUrl,1));
$currentUrlEN = preg_replace('/\/\//','/', '/' . preg_replace('/^(en|es)/', 'en', $currentUrl,1));
$currentUrlES = preg_replace('/\/\//','/', '/' . preg_replace('/^(en|es)/', 'es', $currentUrl,1));
} else {
$currentUrlFR = preg_replace('/\/\//','/', '/' . $currentUrl);
$currentUrlEN = preg_replace('/\/\//','/','/' . preg_replace('/^/', 'en/', $currentUrl,1));
$currentUrlES = preg_replace('/\/\//','/','/' . preg_replace('/^/', 'es/', $currentUrl,1));
}
@endphp
<li class="@if(App::getLocale() == 'fr') current @endif"><a href="{{ $currentUrlFR }}">fr</a></li>
<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>
<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" />
<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>
</button>
</span>
</div>
</header>
@push('scripts')
<script>
var loupe = document.querySelector("button#search");
loupe.addEventListener("click", function () {
document.querySelector("form.search-form").classList.toggle('is-visible');
});
</script>
@endpush