{{-- Submenu sustentabilidade --}}
@php
    use App\Helpers\TranslationHelper;
@endphp
<template x-teleport="body">
    <div
        {{ $attributes->merge(['class' => 'fixed z-50']) }}
        x-show="open"
        x-cloak
        x-transition
        :style="getPositionStyle(-24)"
        @mouseenter="clearTimeout(closing)"
        @mouseleave="startClosing()"
    >
        <div class="bg-white overflow-hidden rounded-2xl" x-cloak x-transition
             x-show="open">
            <div>
                @php
                    $segmentos = TranslationHelper::getPage('segmentos');
                    $ondeEncontrar = TranslationHelper::getPage('onde-encontrar');
                    $novidades = TranslationHelper::getPage('novidades');
                    $faleConosco = TranslationHelper::getPage('fale-conosco');
                    $downloads = TranslationHelper::getPage('downloads');
                    $promocoes = TranslationHelper::getPage('promocoes', forceLocale: true);
                @endphp
                <div class="font-bold p-8 flex flex-col gap-y-5 font-bricolage">
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ $faleConosco?->getUrl() }}">{{ $faleConosco?->title ?? __('messages.contato') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ $downloads?->getUrl() }}"> {{ $downloads?->title ?? __('messages.downloads') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       target="_blank"
                       href="{{ app(\App\Settings\ConfiguracaoGeral::class)->getLinkLimaEPergher()  }}">
                        <span>Lima & Pergher</span>
                        <img class="inline-block ml-1 w-3 h-3 origin-center -rotate-45"
                             src="{{ asset('images/arrow-right1.svg') }}">
                    </a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                       href="{{ $novidades?->getUrl() }}">{{ $novidades?->title ?? __('messages.novidades') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                       href="{{ $ondeEncontrar?->getUrl() }}">{{ $ondeEncontrar?->title ?? __('messages.onde-encontrar') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                       href="{{ $segmentos?->getUrl() }}">{{ $segmentos?->title ?? __('messages.segmentos') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                       target="_blank"
                       href="{{ app(\App\Settings\ConfiguracaoGeral::class)->link_unistart }}">
                        <span>Unistart</span>
                        <img class="inline-block ml-1 w-3 h-3 origin-center -rotate-45"
                             src="{{ asset('images/arrow-right1.svg') }}">
                    </a>
                    @if($promocoes && \App\Models\Promocao::where('ativa', '=', true)->exists())
                        <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                           href="{{ \App\Helpers\TranslationHelper::getPageUrl('promocoes') }}">{{ $promocoes->title  }}</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</template>