<!--
|--------------------------------------------------------------------------
| 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>
