<template>
  <div v-if="site.confpages.enableReg">
    <div
      v-if="site.confpages.enableRegMultiChoice"
      class="row q-ma-sm centermydiv2 q-pa-sm justify-center align-center"
      style=""
    >
      <q-btn
        rounded
        class="flex-item-btn"
        icon="fab fa-telegram"
        size="md"
        color="primary"
        to="/bot"
        :label="$t('reg.bytelegram')"
      >
      </q-btn>
      <q-btn
        rounded
        class="flex-item-btn"
        outline
        icon="fas fa-envelope"
        size="md"
        color="black"
        text-color="white"
        to="/signup"
        :label="$t('reg.byemail')"
      >
      </q-btn>
    </div>
    <div v-else style="margin-top: 10px; text-align: center">
      Registrati<br />
      <q-btn
        rounded
        size="md"
        color="primary"
        @click="clickToRegister"
        :label="$t('reg.submit')"
      >
      </q-btn>
    </div>
  </div>
</template>

<script lang="ts" src="./CRegistration.ts">
</script>
<style lang="scss" scoped>
@import './CRegistration.scss';
</style>
