<template>
  <q-footer v-if="tools.isUserOk() && site && site.confpages"
    :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` small-screen-only`" bordered>
    <q-toolbar>
      <q-toolbar-title>
        <q-tabs dense :class="($q.dark.isActive
            ? `text-white bg-black`
            : `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`
          " style="padding: 0px !important" content-class="mysmalltabs" active-color="white" active-bg-color="blue"
          no-caps indicator-color="transparent">
          <q-route-tab v-if="site.confpages.showButtHome" to="/" class="mylabfooter" :label="$t('tabdown.home')"
            icon="fas fa-home" />
          <!--<q-route-tab
            v-if="site.confpages.showViewGroups"
            class="mylabfooter"
            :label="$t('tabdown.groups')"
            to="/groups"
            icon="fas fa-users"
          />-->
          <q-route-tab v-if="site.confpages.showViewEventi" class="mylabfooter" :label="$t('tabdown.eventi')"
            to="/events" icon="fas fa-calendar-week" />
          <q-img v-if="site.confpages.showViewCircuits" src="/images/1ris_rosso_100.png" round flat
            :style="currentPath === '/circuits' ? `background-color: lightblue` : ''" class="img_in_tab"
            @click="naviga(tools.updateLink('/circuits'))"></q-img>
          <q-route-tab v-if="site.confpages.showViewUsers" class="mylabfooter" :label="$t('tabdown.friends')"
            to="/friends" icon="fas fa-user-friends" />
          <q-route-tab v-if="site.confpages.showViewBooking" class="mylabfooter" :label="$t('tabdown.bookings')"
            to="/admin/eventlist" icon="fas fa-calendar-plus" />
          <q-route-tab v-if="site.confpages.showViewCart" class="mylabfooter" :label="$t('tabdown.showViewCart')"
            to="/checkout" icon="fas fa-shopping-cart" />
          <q-route-tab v-if="site.confpages.showViewOrders" class="mylabfooter" :label="$t('tabdown.showViewOrders')"
            to="/orderinfo" icon="fas fa-clipboard-list" />
          <q-route-tab v-if="site.confpages.showViewProfile" class="mylabfooter" :label="$t('tabdown.profile')"
            @click="globalStore.rightDrawerOpen = true" :icon="getMyImg() ? `img: ` + getMyImg() : `fas fa-user`" />
        </q-tabs>
      </q-toolbar-title>
    </q-toolbar>
  </q-footer>
</template>

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

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