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

const ConfiguracoesEmailTemplatesPage = defineAsyncComponent(
    () => import('@/layout/configuracoes/ConfiguracoesEmailTemplatesPage.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-palette', label: 'HTML',      text: 'Formatação rica com cores, imagens e links.' },
    { icon: 'pi pi-refresh', label: 'Padrão',    text: 'Volte ao template original AgenciaPSI quando quiser.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Templates de E-mail"
        icon="pi pi-envelope"
        subtitle="Personalize os e-mails enviados aos pacientes (lembretes, confirmações, recibos)."
        faq-sub="E-mails enviados"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesEmailTemplatesPage />
    </MelissaConfigPage>
</template>
