@php use App\Helpers\TranslationHelper; @endphp
<footer x-ref="footer" class="container-footer bg-darkslateblue-300 pb-8 pt-[9rem] sm:pt-[12rem] relative z-[10]">
    <div class="max-w-[85.375rem] mx-auto">
        <x-desktop.secao-botoes/> {{-- Caixa com 4 colunas. Os botões grandes. --}}
        <x-desktop.menu.sanfona class="block sm:hidden sm:mt-14 mb-12"/>
        <div class="grid grid-flow-col mt-4 mb-8 auto-cols-auto mx-4 sm:mx-8">
            <x-desktop.newsletter/>
            <x-desktop.sitemap class="hidden sm:grid"/>
        </div>
        <div class="border-t border-solid border-white/15 mx-4 sm:mt-32 sm:mx-8">
            <div class="flex flex-col gap-x-2 justify-between pt-4 items-center sm:items-center
                sm:flex-row flex-wrap">
                <div class="opacity-50 text-center text-white text-xs sm:text-left">
                    Copyright &copy; 2014-2020
                    | Lima e Pergher Indústria e Comércio S/A - CNPJ: 22.685.341/0006-95
                    | {{ __('messages.todos-os-direitos-reservados') }}
                </div>
                <div class="mt-5 text-center whitespace-nowrap sm:mt-0 sm:text-left">
                    @php
                        $privacidade = \App\Helpers\TranslationHelper::getPage('politica-de-privacidade');
                    @endphp
                    <a class="hover:opacity-100 no-underline  text-xs hover:underline text-[#7E8DA9] text-[12px]"
                       href="{{ $privacidade->getRawUrl() }}">
                        {{ $privacidade->title }}
                    </a>
                </div>
                <div class="mt-5 sm:mt-0 flex items-center justify-center sm:justify-end gap-2 text-[#7E8DA9] text-[12px] leading-[25px] font-sans">
                    <a href="https://www.housecricket.com.br/?utm_source=start&utm_medium=referral&utm_campaign=projetos%20digitais" target="_blank" rel="noopener" class="flex items-center gap-2">
                    <span class="text-[#7E8DA9] text-[12px]">{{ __('messages.desenvolvido_por')}}</span>
                    <svg width="20" height="20" viewBox="0 0 47 45" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g class="grilo">
                            <path d="M29.951 41.7867H33.2132V35.3599H36.4768V32.1466H39.7355V28.9309H42.9967V35.3588H46.2578V16.0739H39.7355V19.2873H36.4768V22.503H33.2132V16.0739H29.951V9.64246H26.6886V12.8582H20.17V9.64246H16.9076V16.0727H13.644V22.5018H10.383V19.2861H7.12176V16.0727H0.599625V35.3564H3.86069V28.9285H7.12308V32.1442H10.3841V35.3576H13.6452V41.7843H16.9088V38.5698H29.951V41.7843V41.7867ZM20.1843 22.5018V25.7092H16.9219V22.5006L20.1843 22.5018ZM29.9677 22.5018V25.7092H26.7101V22.5006L29.9677 22.5018Z" fill="#879BC1"/>
                            <path d="M10.3861 3.21332H7.12615V0H10.3932V3.21332H13.6484V6.42895H10.3872L10.3861 3.21332Z" fill="#879BC1"/>
                            <path d="M29.9506 6.42896H33.2129V9.64231H29.9506V6.42896Z" fill="#879BC1"/>
                            <path d="M13.6471 6.42786H16.9082V9.64121H13.6471V6.42786Z" fill="#879BC1"/>
                            <path d="M16.9088 41.7855H20.1699V45.0001H16.9088V41.7855Z" fill="#879BC1"/>
                            <path d="M3.86072 35.3577H7.12305V38.571H3.86072V35.3577Z" fill="#879BC1"/>
                            <path d="M26.6893 41.7855H29.9492V45.0001H26.6893V41.7855Z" fill="#879BC1"/>
                            <path d="M36.4776 0H39.7363V3.21336H36.4776V0Z" fill="#879BC1"/>
                            <path d="M33.215 3.21338H36.4785V6.42792H33.215V3.21338Z" fill="#879BC1"/>
                            <path d="M39.735 35.3563H42.9961V38.5696H39.735V35.3563Z" fill="#879BC1"/>
                        </g>
                        <g class="olhos">
                            <path d="M26.7093 22.5005H29.9668V25.7104H26.7093V22.5005Z" fill="transparent"/>
                            <path d="M16.9244 22.5005H20.1855V25.7104H16.9244V22.5005Z" fill="transparent"/>
                        </g>
                    </svg>
                    </a>
                </div>
            </div>

        </div>
    </div>
</footer>