{{-- Submenu sustentabilidade --}}
<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>
                <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="{{ \App\Helpers\TranslationHelper::getPageUrl('fale-conosco') }}">{{ __('messages.contato') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ \App\Helpers\TranslationHelper::getPageUrl('downloads') }}"> {{ __('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="{{ \App\Helpers\TranslationHelper::getPageUrl('novidades') }}">{{ __('messages.novidades') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                       href="{{ \App\Helpers\TranslationHelper::getPageUrl('onde-encontrar') }}">{{ __('messages.onde-encontrar') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100 font-bold"
                       href="{{ \App\Helpers\TranslationHelper::getPageUrl('segmentos') }}">{{ __('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>
                </div>
            </div>
        </div>
    </div>
</template>