@php
    use function Modules\Core\Settings\Helpers\setting;
    $currentFullUrl = request()->fullUrl();
@endphp

<header class="relative z-[1000]">

    {{-- notificaciones --}}
    <div class="p-2 text-white bg-principal">
<div class="container flex items-center">

    <!-- Columna izquierda vacía -->
    <div class="flex-1 hidden lg:block"></div>

    <!-- Texto centrado -->
    <div class="text-center uppercase font-semibold animate-pulse">
        {{ setting('site.notification') }}
    </div>

    <!-- Iconos a la derecha -->
    <div class="flex-1 hidden lg:flex justify-end gap-2">
        @if (setting('social.social_networks'))
            @foreach (setting('social.social_networks') as $sn)
                <a href="{{ $sn->url }}" target="_blank"
                   class="flex justify-center items-center h-6 w-6 bg-white rounded-full">
                    @svg($sn->icon, 'h-4 text-principal')
                </a>
            @endforeach
        @endif
    </div>

</div>
    </div>


    {{-- menu --}}
    <div class="bg-white">
        {{-- --------------------------- movil ---------------------------- --}}
        <div class="container py-3">
            <div class="flex justify-between lg:hidden">

                {{-- Navegacion Izquierda --}}
                <div class="flex gap-x-1.5 items-center pl-2 grow basis-0">
                    @include('layout.drawers.menu')
                    <div class="flex lg:hidden">
                    </div>
                </div>


                {{-- Logo --}}
                <a href="{{ route('home') }}">
                    @if (setting('site.logo'))
                        <img src="{{ Storage::url(setting('site.logo')) }}" alt="{{ setting('site.title') }}"
                            class="max-h-15" />
                    @else
                        <x-quim-quimaira class="h-8"></x-quim-quimaira>
                    @endif
                </a>

                {{-- Navegacion Derecha --}}
                <div
                    class="flex justify-end items-center grow basis-0 [&>*:not(:first-child)]:ml-1.5 [&>*:not(:last-child)]:mr-1.5 pr-2">

                </div>
            </div>


            {{-- --------------------------- desktop ---------------------------- --}}
            <div class="hidden lg:flex justify-around items-center">
                {{-- Logo --}}
                <a href="{{ route('home') }}">
                    @if (setting('site.logo'))
                        <img src="{{ Storage::url(setting('site.logo')) }}" alt="{{ setting('site.title') }}"
                            class="max-h-[80px]" />
                    @else
                        <x-quim-quimaira class="h-8"></x-quim-quimaira>
                    @endif
                </a>

                <div
                    class="flex transition-all duration-300 uppercase pb-2 font-light text-lg lg:gap-x-6 [&>a]:text-[#d35140] [&>a]:py-2 [&>a]:border-b-4 [&>a]:border-transparent [&>a:hover]:font-bold [&>a:hover]:text-red-500 ">
                    <a href="{{ route('home') }}" @class([
                        'font-bold!' => $currentFullUrl == route('home'),
                    ])>Inicio</a>
                    <a href="{{ route('lerecif') }}" @class([
                        'font-bold!' => $currentFullUrl == route('lerecif'),
                    ])>Le Récif</a>
                    <a href="{{ route('bucerias') }}" @class([
                        'font-bold!' => $currentFullUrl == route('bucerias'),
                    ])>Bucerías</a>
                    <a href="{{ route('departamentos') }}" @class([
                        'font-bold!' => $currentFullUrl == route('departamentos'),
                    ])>Departamentos</a>
                    <a href="{{ route('constructora') }}" @class([
                        'font-bold!' => $currentFullUrl == route('constructora'),
                    ])>Constructora</a>
                    <a href="{{ route('noticias.index') }}" @class([
                        'font-bold!' => $currentFullUrl == route('noticias.index'),
                    ])>Blog</a>
                    <a href="{{ route('contacto') }}" @class([
                        'font-bold!' => $currentFullUrl == route('contacto'),
                    ])>Contacto</a>

                </div>
            </div>
        </div>
    </div>

</header>