{{-- Submenu dos produtos --}}
@php
    use App\Helpers\TranslationHelper;
@endphp
@php
    $produtos = TranslationHelper::getPage('produtos');
@endphp
<template x-teleport="body">
    <div x-show="open"
         x-cloak
         x-transition
         class="fixed z-50"
         :style="getPositionStyle()"
         @mouseenter="clearTimeout(closing)"
         @mouseleave="startClosing()">
        <div class="bg-white rounded-2xl overflow-hidden" x-cloak x-transition x-show="open">
            <div>
                <div class="p-8 flex flex-col gap-y-5 font-bricolage font-bold">
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ ($produtos?->getUrl() ?? '') . '?setor=para_casa' }}">{{ __('messages._setores.para_casa') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ ($produtos?->getUrl() ?? '') . '?setor=para_empresa' }}">{{ __('messages._setores.para_empresa') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ ($produtos?->getUrl() ?? '') . '?setor=para_voce' }}">{{ __('messages._setores.para_voce') }}</a>
                </div>
            </div>
        </div>
    </div>
</template>