@php
    $endereco =
        config(
            'site.endereco'
        );

    $whatsapp =
        preg_replace(
            '/\D+/',
            '',
            (string) config(
                'site.whatsapp'
            )
        );

    $whatsappExibicao =
        config(
            'site.whatsapp_exibicao'
        );

    $mensagemWhatsapp =
        rawurlencode(
            config(
                'site.whatsapp_mensagem',
                'Olá! Gostaria de mais informações.'
            )
        );

    $logoExiste =
        file_exists(
            public_path(
                'logomarca.png'
            )
        );
@endphp


<footer
    class="
        relative
        overflow-hidden
        border-t
        border-white/5
        bg-black/40
    "
>

    {{-- ====================================================== --}}
    {{-- LUZES DE FUNDO --}}
    {{-- ====================================================== --}}

    <div
        class="
            pointer-events-none
            absolute
            inset-0
        "
        aria-hidden="true"
    >

        <div
            class="
                absolute
                -bottom-24
                left-10
                h-56
                w-56
                rounded-full
                bg-rose-700/[0.08]
                blur-[90px]
            "
        ></div>

        <div
            class="
                absolute
                -right-20
                top-0
                h-52
                w-52
                rounded-full
                bg-amber-500/[0.06]
                blur-[90px]
            "
        ></div>

    </div>


    {{-- ====================================================== --}}
    {{-- CONTEÚDO PRINCIPAL --}}
    {{-- ====================================================== --}}

    <div
        class="
            relative
            mx-auto
            max-w-7xl
            px-5
            py-10
            lg:px-8
            lg:py-12
        "
    >

        <div
            class="
                grid
                gap-10
                md:grid-cols-3
                md:items-start
            "
        >

            {{-- ================================================== --}}
            {{-- MARCA --}}
            {{-- ================================================== --}}

            <div>

                <a
                    href="{{ route('site.index') }}"
                    class="
                        inline-flex
                        items-center
                        transition
                        hover:opacity-90
                    "
                >

                    @if($logoExiste)

                        <img
                            src="{{ asset('logomarca.png') }}"
                            alt="{{ config('app.name') }}"
                            class="
                                h-14
                                w-auto
                                max-w-[250px]
                                object-contain
                                object-left
                                sm:h-16
                            "
                        >

                    @else

                        <span
                            class="
                                text-lg
                                font-black
                                uppercase
                                tracking-[0.16em]
                                text-white
                            "
                        >
                            {{ config('app.name') }}
                        </span>

                    @endif

                </a>


                <p
                    class="
                        mt-4
                        max-w-sm
                        text-sm
                        leading-6
                        text-gray-500
                    "
                >
                    Um ambiente exclusivo,
                    pensado para proporcionar
                    uma experiência diferenciada.
                </p>


                <div
                    class="
                        mt-5
                        inline-flex
                        items-center
                        gap-2
                        rounded-full
                        border
                        border-rose-500/10
                        bg-rose-500/5
                        px-3
                        py-1.5
                        text-[11px]
                        font-bold
                        uppercase
                        tracking-wider
                        text-rose-400
                    "
                >
                    <span>
                        18+
                    </span>

                    <span>
                        Conteúdo adulto
                    </span>
                </div>

            </div>


            {{-- ================================================== --}}
            {{-- LOCALIZAÇÃO --}}
            {{-- ================================================== --}}

            <div>

                <p
                    class="
                        text-xs
                        font-black
                        uppercase
                        tracking-[0.18em]
                        text-gray-600
                    "
                >
                    Onde estamos
                </p>


                @if($endereco)

                    <div
                        class="
                            mt-4
                            flex
                            items-start
                            gap-3
                        "
                    >

                        <div
                            class="
                                mt-0.5
                                flex
                                h-9
                                w-9
                                shrink-0
                                items-center
                                justify-center
                                rounded-xl
                                border
                                border-white/5
                                bg-white/[0.04]
                                text-gray-400
                            "
                        >

                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                class="h-4 w-4"
                            >
                                <path
                                    d="M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z"
                                />
                                <circle
                                    cx="12"
                                    cy="10"
                                    r="3"
                                />
                            </svg>

                        </div>


                        <div>

                            <div
                                class="
                                    text-sm
                                    font-bold
                                    text-gray-300
                                "
                            >
                                Endereço
                            </div>

                            <div
                                class="
                                    mt-1
                                    text-sm
                                    leading-6
                                    text-gray-500
                                "
                            >
                                {{ $endereco }}
                            </div>

                        </div>

                    </div>

                @else

                    <p
                        class="
                            mt-4
                            text-sm
                            leading-6
                            text-gray-600
                        "
                    >
                        Endereço ainda não informado.
                    </p>

                @endif

            </div>


            {{-- ================================================== --}}
            {{-- CONTATO --}}
            {{-- ================================================== --}}

            <div>

                <p
                    class="
                        text-xs
                        font-black
                        uppercase
                        tracking-[0.18em]
                        text-gray-600
                    "
                >
                    Contato
                </p>


                @if($whatsapp)

                    <a
                        href="https://wa.me/{{ $whatsapp }}?text={{ $mensagemWhatsapp }}"
                        target="_blank"
                        rel="noopener noreferrer"
                        class="
                            mt-4
                            inline-flex
                            items-center
                            gap-3
                            rounded-2xl
                            border
                            border-emerald-500/15
                            bg-emerald-500/[0.06]
                            px-4
                            py-3
                            text-sm
                            font-bold
                            text-emerald-300
                            transition
                            hover:border-emerald-400/30
                            hover:bg-emerald-500/[0.12]
                            hover:text-emerald-200
                        "
                    >

                        <span
                            class="
                                flex
                                h-9
                                w-9
                                items-center
                                justify-center
                                rounded-xl
                                bg-emerald-500/10
                            "
                        >
                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 24 24"
                                fill="currentColor"
                                class="h-5 w-5"
                            >
                                <path
                                    d="M20.52 3.48A11.85 11.85 0 0 0 12.08 0C5.5 0 .14 5.35.14 11.93c0 2.1.55 4.16 1.6 5.97L.04 24l6.25-1.64a11.9 11.9 0 0 0 5.78 1.47h.01c6.58 0 11.94-5.35 11.94-11.93 0-3.19-1.24-6.18-3.5-8.42ZM12.08 21.8h-.01a9.84 9.84 0 0 1-5.02-1.37l-.36-.21-3.71.97.99-3.62-.23-.37a9.82 9.82 0 0 1-1.51-5.27c0-5.43 4.42-9.85 9.86-9.85 2.63 0 5.1 1.03 6.96 2.89a9.77 9.77 0 0 1 2.89 6.97c-.01 5.43-4.43 9.86-9.86 9.86Zm5.4-7.38c-.3-.15-1.75-.86-2.02-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.64.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.04-.17-.3-.02-.46.13-.61.13-.13.3-.35.44-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.91-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.09 4.49.71.3 1.27.49 1.7.63.71.23 1.36.19 1.87.12.57-.09 1.75-.72 2-1.41.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35Z"
                                />
                            </svg>
                        </span>


                        <span>

                            <span
                                class="
                                    block
                                    text-[10px]
                                    font-bold
                                    uppercase
                                    tracking-wider
                                    text-emerald-500
                                "
                            >
                                WhatsApp
                            </span>

                            <span
                                class="
                                    mt-0.5
                                    block
                                    text-sm
                                    font-black
                                "
                            >
                                {{ $whatsappExibicao ?: config('site.whatsapp') }}
                            </span>

                        </span>

                    </a>

                @else

                    <p
                        class="
                            mt-4
                            text-sm
                            leading-6
                            text-gray-600
                        "
                    >
                        WhatsApp ainda não informado.
                    </p>

                @endif

            </div>

        </div>


        {{-- ====================================================== --}}
        {{-- RODAPÉ INFERIOR --}}
        {{-- ====================================================== --}}

        <div
            class="
                mt-10
                flex
                flex-col
                gap-4
                border-t
                border-white/5
                pt-6
                text-xs
                text-gray-600
                sm:flex-row
                sm:items-center
                sm:justify-between
            "
        >

            <div>
                &copy;
                {{ date('Y') }}
                {{ config('app.name') }}.
                Todos os direitos reservados.
            </div>


            <div
                class="
                    flex
                    flex-wrap
                    items-center
                    gap-x-2
                    gap-y-1
                "
            >

                <span>
                    Desenvolvido por
                </span>

                <a
                    href="https://conecta-e.com"
                    target="_blank"
                    rel="noopener noreferrer"
                    class="
                        font-bold
                        text-gray-400
                        transition
                        hover:text-amber-300
                    "
                >
                    Conectaê Consultoria e Soluções em TI
                </a>

            </div>

        </div>

    </div>

</footer>