<footer class="mt-auto bg-white z-10 rounded-lg shadow dark:bg-neutral-950 m-4">
    <div class="w-full xl:max-w-[95%] 2xl:max-w-[84%] mx-auto p-4">
        <div class="sm:flex sm:items-center sm:justify-between">
            <a href="https://hstream.moe/" class="flex items-center mb-4 sm:mb-0">
                <img src="/images/cropped-HS-1-192x192.webp" class="h-8 mr-3" alt="hstream.moe Logo" />
                <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">hstream.moe</span>
            </a>
            <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
                <li>
                    <a href="{{ route('contact.index') }}" class="mr-4 hover:underline md:mr-6 "><i
                            class="fa-solid fa-message"></i> Contact</a>
                </li>
                <li>
                    <a href="{{ config('discord.invite_link') }}" class="mr-4 hover:underline md:mr-6 "><i
                            class="fa-brands fa-discord"></i> Discord</a>
                </li>
                <li>
                    <a href="{{ route('home.stats') }}" class="mr-4 hover:underline md:mr-6 "><i
                            class="fa-solid fa-chart-simple"></i> Stats</a>
                </li>
            </ul>
            <!-- Links to friendly sites -->
            <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
                <li>
                    <a target="_blank" href="https://everythingmoe.com/"
                        class="mr-4 hover:underline md:mr-6">everythingmoe.com</a>
                </li>
                <li>
                    <a target="_blank" href="https://theindex.moe/"
                        class="mr-4 hover:underline md:mr-6">theindex.moe</a>
                </li>
                <li>
                    <a target="_blank" href="https://www.squid-board.org/"
                        class="mr-4 hover:underline md:mr-6">squidboard.org</a>
                </li>
                <li>
                    <a target="_blank" href="https://hentaizilla.com/"
                        class="hover:underline md:mr-6">hentaizilla.com</a>
                </li>
                <li>
                    <a target="_blank" href="https://hentaipulse.com/"
                        class="hover:underline md:mr-6">hentaipulse.com</a>
                </li>
                <li>
                    <a target="_blank" href="https://hentaisites.com/"
                        class="hover:underline md:mr-6">hentaisites.com</a>
                </li>
            </ul>
            <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
                <li>
                    <a class="hover:underline md:mr-6 cursor-pointer" data-te-toggle="modal"
                        data-te-target="#modalLanguage">Language</a>
                </li>
            </ul>

            @if (!Session::has('alert.config'))
                <script src="{{ asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
            @endif
            @if (config('sweetalert.theme') != 'default')
                <link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-{{ config('sweetalert.theme') }}"
                    rel="stylesheet">
            @endif
            @include('sweetalert::alert')
        </div>
    </div>
</footer>
@include('modals.language-selector')
