@php
    use App\Helpers\TranslationHelper;
    $segmentos = TranslationHelper::getPage('segmentos');
    $ondeEncontrar = TranslationHelper::getPage('onde-encontrar');
    $novidades = TranslationHelper::getPage('novidades');
    $faleConosco = TranslationHelper::getPage('contato');
    $downloads = TranslationHelper::getPage('downloads');
    $privacidade = \App\Helpers\TranslationHelper::getPage('politica-de-privacidade');
@endphp
<div {{ $attributes->merge(['class' => 'fixed bg-white px-4 inset-0 w-full h-full z-10 flex flex-col']) }} x-cloak
    x-transition x-show="mobileOpen">
    <div class="text-right pb-2">
        <button class="align-top mt-7 p-0" title="Botão de fechar o menu." @click="mobileOpen = false">
            <svg class="text-brand-brown" xmlns="http://www.w3.org/2000/svg" width="40px" height="40px"
                viewBox="0 0 24 24">
                <path fill="currentColor"
                    d="m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z" />
            </svg>
        </button>
    </div>
    <div class="flex-1 overflow-auto font-montserrat font-semibold text-brand-brown leading-10">
        @php
            $sobreNos = TranslationHelper::getPage('sobre-nos');
            $marcas = TranslationHelper::getPage('marcas');
            $produtos = TranslationHelper::getPage('produtos');
        @endphp
        <div class="px-5"><a class="text-xl"
                href="{{ $sobreNos?->getUrl() }}">{{ $sobreNos?->title ?? __('messages.sobre-nos') }}</a>
        </div>


        {{--        @if (empty(app(\App\Settings\ConfiguracaoGeral::class)->marca_links)) --}}
        {{--            <div class="px-5 mt-2"><a class="text-xl" --}}
        {{--                                      href="{{ $nossasMarcas?->getUrl()  }}">{{ $nossasMarcas?->title ?? __('messages.nossas-marcas') }}</a> --}}
        {{--            </div> --}}
        {{--        @else --}}
        {{--            @php --}}
        {{--                $marcaIds = collect(app(\App\Settings\ConfiguracaoGeral::class)->marca_links)->pluck('marca_id')->toArray(); --}}
        {{--                $marcasData = \App\Models\Marca::whereIn('id', $marcaIds) --}}
        {{--                    ->get() --}}
        {{--                    ->keyBy('id'); --}}
        {{--            @endphp --}}
        {{--            <x-mobile.menu-aninhado :isMarcas="true" :items="array_map(fn($id) => [$marcasData[$id]?->href ,$marcasData[$id]?->nome, $marcasData[$id]?->target], $marcaIds)"> --}}
        {{--                {{ __('messages.nossas-marcas') }} --}}
        {{--            </x-mobile.menu-aninhado> --}}
        {{--        @endif --}}
        <div class="px-5"><a class="text-xl"
                href="{{ $produtos?->getUrl() }}">{{ $produtos?->title ?? __('messages.produtos') }}</a>
        </div>
        <div class="px-5"><a class="text-xl"
                href="{{ $marcas?->getUrl() }}">{{ $marcas?->title ?? __('messages.nossas-marcas') }}</a>
        </div>
        {{--        <x-mobile.menu-aninhado :items="[ --}}
        {{--            [($produtos?->getUrl() ?? '') . '?setor=para_casa', __('messages._setores.para_casa')], --}}
        {{--            [($produtos?->getUrl() ?? '') . '?setor=para_empresa', __('messages._setores.para_empresa')], --}}
        {{--            [($produtos?->getUrl() ?? '') . '?setor=para_voce', __('messages._setores.para_voce')], --}}
        {{--        ]"> --}}
        {{--            {{ __('messages.produtos') }} --}}
        {{--        </x-mobile.menu-aninhado> --}}
        {{--        @php --}}
        {{--            $sustentabilidade = TranslationHelper::getPage('sustentabilidade'); --}}
        {{--            $environment = TranslationHelper::getPage('environmental'); --}}
        {{--            $social = TranslationHelper::getPage('social'); --}}
        {{--            $governanca = TranslationHelper::getPage('governance'); --}}
        {{--        @endphp --}}
        {{--        <x-mobile.menu-aninhado :items="[ --}}
        {{--            [$environment?->getUrl(), $environment?->title ?? __('messages._esg.environmental')], --}}
        {{--            [$governanca?->getUrl(), $governanca?->title ?? __('messages._esg.governance')], --}}
        {{--            [$social?->getUrl(), $social?->title ?? __('messages._esg.social')], --}}
        {{--            [$sustentabilidade?->getUrl(), $sustentabilidade?->title ?? __('messages._esg.sustentabilidade')], --}}
        {{--        ]"> --}}
        {{--            {{ __('messages.sustentabilidade') }} --}}
        {{--        </x-mobile.menu-aninhado> --}}

        <div class="border-b border-b-midnightblue-100/50 border-solid mt-6">{{-- linha separadora --}}</div>
        <div class="px-5 mt-2"><a class="text-lg"
                href="{{ $novidades?->getUrl() }}">{{ $novidades?->title ?? __('messages.novidades') }}</a>
        </div>
        <div class="px-5 mt-2"><a class="text-lg"
                href="{{ $faleConosco?->getUrl() }}">{{ $faleConosco?->title ?? __('messages.contato') }}</a>
        </div>
        <div class="px-5 mt-2"><a class="text-lg"
                href="{{ $privacidade?->getUrl() }}">{{ $privacidade?->title ?? 'Privacidade' }}</a>
        </div>
    </div>
</div>