@php
    $profil = strtolower(data_get(auth()->user()?->getAttribute('profil_id'), 'nom'));
@endphp

<header class="header sticky top-0 z-50 shadow-xl shadow-primary-600/5 shrink-0 border-b border-gray-200 bg-white"
        xmlns:x-filament="http://www.w3.org/1999/html">
    <div class="mx-auto flex h-[4.5rem] max-w-[76rem] items-center justify-between px-4">
        <a href="{{ route('accueil') }}" wire:navigate>
            <x-logo class="h-16" />
        </a>

        {{--        <form class="basis-1/3 w-full flex items-center justify-stretch gap-x-4">--}}
        {{--            <div class="flex-1">--}}
        {{--                {{ $this->form }}--}}
        {{--            </div>--}}

        {{--            <x-filament::button--}}
        {{--                type="submit"--}}
        {{--                size="sm"--}}
        {{--                class="header-btn px-4"--}}
        {{--            >--}}
        {{--                Rechercher--}}
        {{--            </x-filament::button>--}}
        {{--        </form>--}}

        <div class="flex items-center justify-end gap-x-5">
            @guest
                <div class="ml-auto flex items-center gap-x-4">
                    <div class="md:hidden">
                        <x-filament::dropdown>
                            <x-slot name="trigger">
                                <x-filament::icon-button
                                    size="lg"
                                    icon="heroicon-o-user"
                                    class="text-gray-600 hover:text-gray-800"
                                />
                            </x-slot>

                            <x-filament::dropdown.list>
                                <x-filament::dropdown.list.item
                                    :href="route('auth.login')"
                                    tag="a"
                                    wire:navigate
                                    icon="heroicon-m-user"
                                    class="header-dropdown-list-item"
                                >
                                    Connexion
                                </x-filament::dropdown.list.item>
                                <x-filament::dropdown.list.item
                                    :href="route('auth.register')"
                                    tag="a"
                                    wire:navigate
                                    icon="heroicon-m-user"
                                    class="header-dropdown-list-item"
                                >
                                    Nouveau compte
                                </x-filament::dropdown.list.item>
                            </x-filament::dropdown.list>
                        </x-filament::dropdown>
                    </div>

                    <div class="hidden md:flex md:flex-1 md:items-center md:justify-end md:gap-x-3">
                        <a href="{{ route('auth.login') }}"
                           wire:navigate
                           class="text-sm font-medium text-gray-700 hover:text-gray-800"
                        >
                            Connexion
                        </a>
                        <span class="h-6 w-px bg-gray-200" aria-hidden="true"></span>
                        <a href="{{ route('auth.register') }}"
                           wire:navigate
                           class="text-sm font-medium text-gray-700 hover:text-gray-800"
                        >
                            Nouveau compte
                        </a>
                    </div>
                </div>
            @endguest
            @auth
                <x-filament::dropdown placement="bottom-start">
                    <x-slot name="trigger">
                        <x-filament::button
                            size="sm"
                            icon="heroicon-s-user"
                            class="header-btn"
                        >
                            <div class="flex items-center justify-center gap-x-1">
                                <span class="">Bonjour {{ auth()->user()?->getAttribute('prenom') }}</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
                                     class="w-4 h-4">
                                    <path fill-rule="evenodd"
                                          d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z"
                                          clip-rule="evenodd" />
                                </svg>
                            </div>
                        </x-filament::button>
                    </x-slot>

                    <x-filament::dropdown.list>
                        <x-filament::dropdown.list.item
                            :href="route($profil.'.dashboard')"
                            wire:navigate
                            tag="a"
                            icon="heroicon-m-home"
                            class="header-dropdown-list-item"
                        >
                            Tableau de bord
                        </x-filament::dropdown.list.item>
                        <x-filament::dropdown.list.item
                            :href="route($profil.'.settings')"
                            wire:navigate
                            tag="a"
                            icon="heroicon-m-user"
                            class="header-dropdown-list-item"
                        >
                            Mon profil
                        </x-filament::dropdown.list.item>
                        <x-filament::dropdown.list.item
                            :href="route('accueil')"
                            tag="a"
                            icon="heroicon-m-gift-top"
                            class="header-dropdown-list-item"
                        >
                            Mes publicités
                        </x-filament::dropdown.list.item>

                        <x-filament::dropdown.list.item
                            :href="route('auth.logout')"
                            tag="a"
                            icon="heroicon-m-arrow-left-start-on-rectangle"
                            class="header-dropdown-list-item"
                        >
                            Déconnexion
                        </x-filament::dropdown.list.item>
                    </x-filament::dropdown.list>
                </x-filament::dropdown>
            @endauth

            <!-- Search -->
            {{--            <div class="flex">--}}
            {{--                <a href="#" class="p-2 text-gray-400 hover:text-gray-500">--}}
            {{--                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5"--}}
            {{--                         stroke="currentColor" aria-hidden="true">--}}
            {{--                        <path stroke-linecap="round" stroke-linejoin="round"--}}
            {{--                              d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/>--}}
            {{--                    </svg>--}}
            {{--                </a>--}}
            {{--                                        <x-filament::button--}}
            {{--                                            size="lg"--}}
            {{--                                            tag="a"--}}
            {{--                                            href="#"--}}
            {{--                                            icon="heroicon-o-magnifying-glass"--}}
            {{--                                            class="text-gray-400 hover:text-gray-500"--}}
            {{--                                        />--}}
            {{--            </div>--}}

            <!-- Cart -->
            {{--            <div class="flow-root">--}}
            {{--                <a href="{{ route('shopping-cart') }}"--}}
            {{--                   class="group -m-2 flex items-center p-2"--}}
            {{--                >--}}
            {{--                    <svg class="h-6 w-6 flex-shrink-0 text-gray-400 group-hover:text-gray-500" fill="none"--}}
            {{--                         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">--}}
            {{--                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />--}}
            {{--                    </svg>--}}
            {{--                    <span class="ml-2 text-sm font-medium text-gray-700 group-hover:text-gray-800">0</span>--}}
            {{--                    <span class="sr-only">items in cart, view bag</span>--}}
            {{--                </a>--}}
            {{--                <x-filament::icon-button--}}
            {{--                    size="lg"--}}
            {{--                    tag="a"--}}
            {{--                    href="{{ route('shopping-cart') }}"--}}
            {{--                    icon="heroicon-o-shopping-cart"--}}
            {{--                    tooltip="Votre panier"--}}
            {{--                    class="text-gray-600 hover:text-gray-800"--}}
            {{--                >--}}
            {{--                    <x-slot:badge>--}}
            {{--                        {{ $this->cartItemsCount() }}--}}
            {{--                    </x-slot:badge>--}}
            {{--                </x-filament::icon-button>--}}
            {{--            </div>--}}

            {{--            <div class="relative flex items-end gap-x-3 panier">--}}
            {{--                <x-filament::icon-button--}}
            {{--                    href="#"--}}
            {{--                    tag="a"--}}
            {{--                    icon="heroicon-s-shopping-cart"--}}
            {{--                    badge-color="danger"--}}
            {{--                    badge="3"--}}
            {{--                />--}}
            {{--                <span class="text-sm">Panier</span>--}}
            {{--                <a href="#" class="absolute inset-0"></a>--}}
            {{--            </div>--}}
        </div>
    </div>
</header>