<template>
  <div class="flex flex-col text-gray-400 text-sm mt-4 items-center">
    <p v-if="appCustom_login_message">{{ appCustom_login_message }}</p>
    <div class="flex flex-row gap-2 justify-center mb-3">
      <a v-if="clubWebsite" :href="clubWebsite" target="_blank">Webseite</a>
      <a v-if="clubImprint" :href="clubImprint" target="_blank">Datenschutz</a>
      <a v-if="clubPrivacy" :href="clubPrivacy" target="_blank">Impressum</a>
    </div>
    <p>
      <a href="https://ff-admin.de/admin" target="_blank">FF Admin</a>
      entwickelt von
      <a href="https://jk-effects.com" target="_blank">JK Effects</a>
    </p>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from "vue";
import { mapActions, mapState } from "pinia";
import { useConfigurationStore } from "@/stores/configuration";
</script>

<script lang="ts">
export default defineComponent({
  computed: {
    ...mapState(useConfigurationStore, [
      "appCustom_login_message",
      "appShow_link_to_calendar",
      "clubImprint",
      "clubPrivacy",
      "clubWebsite",
    ]),
  },
});
</script>
