<template>
  <div v-if="showalways || (!showalways && !tools.isLogged())">
    <div class="q-pa-md q-gutter-sm">
      <div class=" text-center">
        <q-banner
          v-if="false"
          rounded
          dense
          size="lg"
          class="shadow-5"
          color="primary q-title"
          style="text-align: center"
        >
          <div class="mybanner" :key="3">
            👉🏻 Entra nel canale Telegram per unirti al gruppo Provinciale:
          </div>
          <template v-slot:action>
            <q-btn
              type="a"
              rounded
              icon="fab fa-telegram"
              color="primary"
              href="https://t.me/riso_canale/3"
              target="_blank"
              label="Progetto RISO"
            >
            </q-btn>
          </template>
        </q-banner>
      </div>
      <br />
      <q-banner rounded class="bg-green-8 text-white">
        <div class="text-h6 text-center">
          Visualizza la pagina di Aiuto<br />
          <div class="text-center">
            <q-btn
              :color="$q.dark.isActive ? `black` : `white`"
              push
              glossy
              :text-color="$q.dark.isActive ? `white` : `black`"
              label="Pagina Aiuto"
              to="/istruzioni"
            />
          </div>
        </div>
      </q-banner>
    </div>
  </div>
</template>

<script lang="ts" src="./CCheckIfIsLogged.ts">
</script>

<style lang="scss" scoped>
@import './CCheckIfIsLogged.scss';
</style>
