<template>
  <q-page>
    <CMyPage title="">
      <div class="q-ma-md">

        <CTitleBanner icon="send" class="q-pa-xs" :title="$t('reg.messaggio_invito')" bgcolor="bg-primary"
                      clcolor="text-white"
                      mystyle=" " canopen="true">

          <p>
            {{$t('reg.messaggio_invito_msg')}}
          </p>
          <br>

          <div class="bg-grey-3 q-ma-sm q-pa-md">
            <pre class="mypre">{{mymsg()}}</pre>
          </div>

          <div class="q-ma-sm q-pa-md row justify-center">
            <q-btn rounded color="primary" icon="far fa-copy" :label="$t('reg.copia_messaggio')"
                   @click="copytoclip()"></q-btn>
          </div>

          <br>
          <CCopyBtn :title="$t('reg.reflink')" :texttocopy="getRefLink">

          </CCopyBtn>

        </CTitleBanner>

      </div>
    </CMyPage>
  </q-page>
</template>

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

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