ldc-le-gaulois-pro/resources/views/fo/partials/header.blade.php

<header class="sticky-top">
    <div class="container-fluid position-relative px-0">
        <div class="row all-navbar position-relative">
            <nav class="navbar col d-flex justify-content-start">
                <button class="navbar-toggler border-0 ps-4 ps-md-5" type="button" aria-label="{{ __('Afficher le menu de navigation') }}">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <form role="search" method="get" id="searchform" action="{{ route('search') }}">
                    <div role="button" class="search-butn position-relative d-none d-md-block ms-4">
                        <img src="{{ asset('build/assets/images/header/icon-recherche.svg') }}" alt="Bouton de recherche">
                        <input id="search-input" class="form-control black-square position-absolute top-50 start-0 translate-middle-y p-2"
                            type="search" name="search" placeholder="Rechercher" required>
                    </div>
                    <button type="submit" id="searchsubmit">{{ __('OK') }}</button>
                </form>
            </nav>
            @php
            $basketCount = collect(Session::get('saveProductInBasket'))->count();
            @endphp
            <nav class="navbar navbar-contact-desktop col d-none d-xl-flex justify-content-center">
                <div class="butn-wrap">
                    <a href="{{ route('products.index') }}" class="butn-prim header">{{ __('Nos solutions produits') }}</a>
                </div>
                <div class="butn-wrap">
                    <a href="{{ route('contact.show') }}" class="butn-prim header position-relative">
                        {{ __('Écrivez-nous') }}
                        <p class="counter-wrapper nb-interest position-absolute top-0 start-100 translate-middle justify-content-center align-items-center ff-poppins-regular fs-md rounded-circle text-center my-0 @if ($basketCount === 0) hide-counter-wrapper @endif">
                            {{ $basketCount }}
                        </p>
                    </a>
                </div>
            </nav>
            <nav class="navbar navbar-contact-mobile col justify-content-end d-xl-none pe-4 pe-md-5">
                <a class="position-relative" href="{{ route('contact.show') }}">
                    <img src="{{ asset('build/assets/images/header/contact.png') }}" alt="{{ __('Lettre') }}">
                    <p class="counter-wrapper nb-interest position-absolute top-0 start-100 translate-middle justify-content-center align-items-center ff-poppins-regular fs-md rounded-circle text-center my-0 @if ($basketCount === 0) hide-counter-wrapper @endif">
                        {{ $basketCount }}
                    </p>
                </a>
            </nav>
        </div>

        <div class="container-fluid navbar-details position-absolute w-100 d-flex opacity-0 px-0">
            <div class="row w-100 flex-column flex-xl-row flex-nowrap flex-xl-wrap">
                <div class="col menu-wrapper d-flex align-items-stretch position-sm-relative w-xl-50 pt-6 pb-4 py-sm-6">
                    <ul class="navbar-nav position-relative top-0 d-flex flex-column justify-content-sm-evenly mx-auto m-sm-0">
                        <li class="nav-item position-relative ff-poppins-medium fs-header-menu">
                            <a href="{{ route('adn.adn') }}" class="nav-anchor position-relative d-inline-block mb-4 pe-4">{{ __('Notre ADN') }}</a>
                            <ul class="dropdwn-menu position-sm-absolute top-0 ff-poppins-regular fs-header-submenu">
                                {{-- Masqué pour le démarrage <li class="mb-4"><a href="{{ route('adn.story') }}" class="dropdwn-item">Notre histoire</a></li> --}}
                                <li class="mb-4"><a href="{{ route('adn.btob') }}" class="dropdwn-item">{{ __('Les services B to B') }}</a></li>
                                <li class="mb-4"><a href="{{ route('engagments.francais') }}" class="dropdwn-item">{{ __('Volailles 100% françaises') }}</a></li>
                                <li class="mb-4"><a href="{{ route('adn.breeder') }}" class="dropdwn-item">{{ __('Le métier d\'éleveur de volaille') }}</a></li>
                            </ul>
                        </li>
                        <li class="nav-item position-relative ff-poppins-medium fs-header-menu">
                            <a href="{{ route('engagments.francais') }}" class="nav-anchor position-relative d-inline-block mb-4 pe-4">{{ __('Nos engagements') }}</a>
                            <ul class="dropdwn-menu position-sm-absolute top-0 ff-poppins-regular fs-header-submenu">
                                <li class="mb-4"><a href="{{ route('engagments.francais') }}" class="dropdwn-item">{{ __('100% Française') }}</a></li>
                                <li class="mb-4"><a href="{{ route('engagments.eleverdurablement') }}" class="dropdwn-item">{{ __('Élever durablement') }}</a></li>
                                <li class="mb-4"><a href="{{ route('engagments.biennourrir') }}" class="dropdwn-item">{{ __('Bien nourrir') }}</a></li>
                                <li class="mb-4"><a href="{{ route('engagments.respecterlaterre') }}" class="dropdwn-item">{{ __('Respecter la Terre') }}</a></li>
                                <li class="mb-4"><a href="{{ route('engagments.vivreensemble') }}" class="dropdwn-item">{{ __('Mieux vivre ensemble') }}</a></li>
                            </ul>
                        </li>
                        <li class="nav-item position-relative ff-poppins-medium fs-header-menu">
                            <a href="{{ route('products.index') }}" class="d-inline-block mb-4">{{ __('Nos solutions produits') }}</a>
                        </li>
                        <li class="nav-item position-relative ff-poppins-medium fs-header-menu">
                            <a href="{{ route('expertise.poulet') }}" class="d-inline-block mb-4">{{ __('Notre expertise volaillère') }}</a>
                        </li>
                        <li class="nav-item position-relative ff-poppins-medium fs-header-menu">
                            <a href="{{ route('ideas.ideas') }}" class="nav-anchor position-relative d-inline-block mb-4 pe-4">{{ __('Générateur d\'idées') }}, <br>{{ __('révélateur de talents') }}</a>
                            <ul class="dropdwn-menu position-sm-absolute top-0 ff-poppins-regular fs-header-submenu">
                                <li class="mb-4"><a href="{{ route('ideas.tips.index') }}" class="dropdwn-item">{{ __('Nos astuces volaille') }}</a></li>
                                <li class="mb-4"><a href="{{ route('ideas.recipes.index') }}" class="dropdwn-item">{{ __('Nos recettes') }}</a></li>
                            </ul>
                        </li>
                        <li class="nav-item position-relative ff-poppins-medium fs-header-menu">
                            <a href="{{ route('news.index') }}" class="d-inline-block mb-4">{{ __('Nos actualités') }}</a>
                        </li>
                    </ul>
                </div>
                <div class="col banner-wrapper d-flex justify-content-center align-items-center w-xl-50 p-5">
                    @include('fo.partials.banner-infos')
                </div>
            </div>
        </div>
    </div>
    <a href="{{ route('home') }}" class="nav-brand position-absolute top-0 start-50 translate-middle-x mw-50">
        <img src="{{ asset('build/assets/images/header/logo-lgp-header.png') }}" class="w-100" alt="{{ __('Logo de Le Gaulois Professionnel') }}">
    </a>
</header>