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

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

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

const faq = [
    { icon: 'pi pi-clock',     label: '24h antes', text: 'Lembrete da sessão do dia seguinte (lead-time longo).' },
    { icon: 'pi pi-stopwatch', label: '2h antes',  text: 'Confirmação final pouco antes da sessão começar.' },
    { icon: 'pi pi-pencil',    label: 'Texto',     text: 'Customize o que enviar em cada janela de lembrete.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Lembretes de Sessão"
        icon="pi pi-bell"
        subtitle="WhatsApp automático antes das sessões agendadas — reduz no-show significativamente."
        faq-sub="Confirmação de sessão"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesLembretesSessaoPage />
    </MelissaConfigPage>
</template>
