<template>
  <div class="row">
    <div
      class="q-py-sm"
      v-if="non_hai_circuito_nazionale"
    >
      <q-banner rounded class="bg-red text-white" style="text-align: center">
        {{ $t('circuit.non_hai_circuito_nazionale') }}
        <br />
      </q-banner>

      <div class="text-center">
        <q-btn
          glossy
          size="md"
          :label="$t('circuit.ask_italia')"
          icon="fas fa-key"
          color="green"
          text-color="white"
          rounded
          :to="tools.updateLink('/circuit/ris_italia')"
        ></q-btn>
      </div>
    </div>
    <div v-if="destin_non_ha_circuito_naz" class="q-py-sm">
      <q-banner rounded class="bg-red text-white" style="text-align: center">
        {{ $t('circuit.destin_non_ha_circuito_naz') }}
        <br />
      </q-banner>
        <br />

      <div class="text-center" v-if="to_user">
        <q-btn
          glossy
          size="md"
          :label="
            $t('circuit.invia_msg_dest', {
              name: to_user ? to_user.username : '',
            })
          "
          icon="fas fa-paper-plane"
          color="blue"
          text-color="white"
          rounded
          @click="tools.SendMsgRisItalia($q, to_user ? to_user.username : '')"
        ></q-btn>
      </div>
    </div>
  </div>
</template>

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

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