<script setup>
import { defineAsyncComponent } from 'vue';
import MelissaConfigPage from './MelissaConfigPage.vue';

const ConfiguracoesWhatsappTemplatesPage = defineAsyncComponent(
    () => import('@/layout/configuracoes/ConfiguracoesWhatsappTemplatesPage.vue')
);

const emit = defineEmits(['close']);

const faq = [
    { icon: 'pi pi-code',   label: 'Variáveis', text: '{{nome}}, {{data}}, {{horario}} são substituídas no envio.' },
    { icon: 'pi pi-refresh', label: 'Padrão',   text: 'Volte ao texto AgenciaPSI a qualquer momento.' },
    { icon: 'pi pi-shield', label: 'Aprovação', text: 'Templates oficiais Meta passam por validação antes do uso.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Templates WhatsApp"
        icon="pi pi-file-edit"
        subtitle="Personalize os textos enviados pelo WhatsApp ou volte ao padrão da plataforma."
        faq-sub="Mensagens enviadas"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesWhatsappTemplatesPage />
    </MelissaConfigPage>
</template>
