{{-- Submenu sustentabilidade --}}
@php
    use App\Helpers\TranslationHelper;
    $sustentabilidade = TranslationHelper::getPage('sustentabilidade');
    $environment = TranslationHelper::getPage('environmental');
    $social = TranslationHelper::getPage('social');
    $governanca = TranslationHelper::getPage('governance');
@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 overflow-hidden rounded-2xl" 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="{{ $environment?->getUrl() }}">{{ $environment?->title ?? __('messages._esg.environmental') }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ $sustentabilidade?->getUrl() }}"> {{ $sustentabilidade?->title ?? __('messages._esg.sustentabilidade')   }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ $social?->getUrl() }}">{{ $social?->title ?? __('messages._esg.social')   }}</a>
                    <a class="hover:opacity-100 opacity-60 text-midnightblue-100"
                       href="{{ $governanca?->getUrl() }}">{{ $governanca?->title ?? __('messages._esg.governance') }}</a>
                </div>
            </div>
        </div>
    </div>
</template>