<template>
  <div v-if="showalways || (!showalways && !tools.isLogged())">
    <div class="q-pa-md q-gutter-sm">
      <div id="logo" class="text-center">
        <q-img
          id="logoimg"
          :src="tools.getimglogo()"
          class="q-my-sm"
          alt="logo APP"
          style="height: 100px; width: 100px"
        />
      </div>

      <q-banner
        v-if="site.confpages.videoPromo"
        rounded
        dense
        size="lg"
        class="bg-grey-3 shadow-5 q-my-sm"
        color="primary q-title"
        style="text-align: center"
      >
        <div class="mybanner bg-blue text-white">Video di Presentazione:</div>
        <br />
        <q-video :src="site.confpages.videoPromo" :ratio="16 / 9"> </q-video>
      </q-banner>

      <q-banner
        v-if="site.confpages.PDFPromo"
        rounded
        dense
        size="lg"
        class="bg-grey-3 shadow-5 q-my-sm"
        color="primary q-title"
        style="text-align: center"
      >
        <div class="mybanner bg-blue text-white">PDF Presentazione RISO:</div>
        <br />
        <template v-slot:action>
          <q-btn
            type="a"
            rounded
            icon="fab fa-telegram"
            color="primary"
            :href="site.confpages.PDFPromo"
            target="_blank"
            label="Scarica PDF"
          >
          </q-btn>
        </template>
      </q-banner>
    </div>
  </div>
</template>

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

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