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

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

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

const faq = [
    { icon: 'pi pi-clock',     label: 'Horário',  text: 'Define a janela em que o auto-reply é acionado (fora dela).' },
    { icon: 'pi pi-pencil',    label: 'Mensagem', text: 'O texto enviado automaticamente pra quem escreve fora do horário.' },
    { icon: 'pi pi-power-off', label: 'Ativar',   text: 'Switch master liga ou desliga o recurso por completo.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Auto-reply WhatsApp"
        icon="pi pi-reply"
        subtitle="Resposta automática enviada quando o paciente escreve fora do seu horário de atendimento."
        faq-sub="Resposta fora do horário"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesConversasAutoreplyPage />
    </MelissaConfigPage>
</template>
