<!--
|--------------------------------------------------------------------------
| Agência PSI
|--------------------------------------------------------------------------
| Criado e desenvolvido por Leonardo Nohama
|
| Tecnologia aplicada à escuta.
| Estrutura para o cuidado.
|
| Arquivo: src/views/pages/supervisor/SupervisaoSalaPage.vue
| Data: 2026
| Local: São Carlos/SP — Brasil
|--------------------------------------------------------------------------
| © 2026 — Todos os direitos reservados
|--------------------------------------------------------------------------
-->
<script setup>
// SupervisaoSalaPage.vue — Fase 1 placeholder
// Fase 2: listar supervisionados, convidar, gerenciar sessões
</script>

<template>
    <div class="p-6">
        <div class="max-w-2xl mx-auto text-center py-16">
            <div class="w-20 h-20 mx-auto mb-6 rounded-2xl border-2 border-dashed border-[var(--surface-border)] flex items-center justify-center">
                <i class="pi pi-users text-4xl opacity-40" />
            </div>

            <h1 class="text-2xl font-bold mb-2">Sala de Supervisão</h1>
            <p class="text-[var(--text-color-secondary)] mb-8 leading-relaxed">
                Aqui você gerenciará seus supervisionados, enviará convites e acompanhará o progresso de cada terapeuta.
                <br />
                <span class="opacity-60 text-sm">Em construção — disponível em breve.</span>
            </p>

            <div class="flex flex-col sm:flex-row gap-3 justify-center">
                <Button label="Convidar terapeuta" icon="pi pi-user-plus" disabled />
                <Button label="Ver supervisionados" icon="pi pi-list" severity="secondary" outlined disabled />
            </div>
        </div>
    </div>
</template>
