<template>
  <!-- Sending channel for a campaign: Gmail (direct, no "via mailjet", replies
       land in the Inbox, no open/click tracking) vs Mailjet (tracking, volume). -->
  <div>
    <div class="text-caption text-grey-7 q-mb-xs">Canal d'envoi</div>
    <q-btn-toggle
      :model-value="modelValue"
      @update:model-value="v => emit('update:modelValue', v)"
      spread no-caps unelevated toggle-color="primary" color="grey-3" text-color="grey-8"
      :options="[
        { label: 'Mailjet', value: 'mailjet' },
        { label: 'Gmail (direct)', value: 'gmail' },
      ]"
    />
    <div class="text-caption text-grey-6 q-mt-xs">
      <span v-if="modelValue === 'gmail'">
        Envoi direct depuis la boîte du domaine — <strong>aucun « via mailjet »</strong>, les réponses retombent dans l'Inbox. Pas de suivi ouvertures/clics · limite ~2000/jour. L'expéditeur doit être un alias Gmail vérifié.
      </span>
      <span v-else>
        Envoi via Mailjet — suivi des <strong>ouvertures, clics et rebonds</strong>. Idéal pour le volume.
      </span>
    </div>
  </div>
</template>

<script setup>
defineProps({ modelValue: { type: String, default: 'mailjet' } })
const emit = defineEmits(['update:modelValue'])
</script>
