<script lang="ts">
    import { getLocale } from '$lib/paraglide/runtime'
    import { m } from '$lib/paraglide/messages.js'
    import logo from '$lib/assets/logo.svg'
    import LanguageSwitcher from "$lib/components/layout/LanguageSwitcher.svelte";
</script>

<footer class="flex flex-col justify-center items-center gap-5 mt-30 text-white px-1.5 pt-12" style="background-color: #0a3d57;">
    <div class="mb-15">
        <LanguageSwitcher showLogo={false} />
    </div>


    <div class="mb-15">
        <img
                src="{ logo }"
                alt=""
                width="150"
                height="150"
        />
    </div>

    <div class="flex flex-row gap-2 mb-15">
        <a href="/{getLocale()}">{ m.nav_about() }</a>
        <span> | </span>
        <a href="/{getLocale()}/neuigkeiten">{ m.nav_news() }</a>
        <span> | </span>
        <a href="/{getLocale()}/kontakt">{ m.nav_contact() }</a>
        <span> | </span>
    </div>

    <div class="text-center">
        <small>© donauscwhaben.online</small>
    </div>

    <div class="h-0.5"></div>

    <nav class="text-xs text-center text-gray-200 w-full flex justify-center items-center gap-2 md:gap-5 min-h-10" style="background-color: #072d40;">
        <a href="/{getLocale()}/l/imp">{ m.footer_imprint() }</a>
        <span> | </span>
        <a href="/{getLocale()}/l/priv">{ m.footer_privacy() }</a>
    </nav>
</footer>