??? Tela: Detalhes da Turma

Rota: /Turmas/Details/:id

Tipo: Visualização somente leitura

Permissão necessária: Administrador, Gerente ou Coordenador

?? Visão Geral da Tela

Página de visualização completa de todos os dados da turma em formato somente leitura, com cards organizados por categoria de informação.

?? Elementos da Interface

1. Cabeçalho com Resumo

  • Nome da Turma: Título principal (H1)
  • Status Badge: Ativa/Inativa/Suspensa
  • Metadados principais: Código, Curso, Instituição, Ano
  • Botões de Ação:
    • Voltar para Lista
    • Editar Turma
    • Gerar Relatório PDF

2. Tabs de Navegação

  • Informações: Dados gerais da turma
  • Formandos: Lista de formandos vinculados
  • Planos: Planos ativos para esta turma
  • Eventos: Eventos planejados/realizados
  • Financeiro: Resumo de pagamentos

3. Tab: Informações (Cards)

  • Dados Básicos: Nome, Curso, Instituição, Ano, Modalidade, Turno
  • Localização: Cidade, Estado
  • Cronograma: Datas de início/fim do semestre, colação, formatura
  • Locais: Local da cerimônia, Local da festa
  • Capacidade: Formandos matriculados / Limite máximo
  • Coordenação: Nome, E-mail, Telefone do coordenador
  • Comunicação: Site, Instagram, WhatsApp
  • Identidade Visual: Tema, Cor, Imagem de capa

4. Tab: Formandos

  • Tabela com: Nome, CPF, E-mail, Status, Data de cadastro
  • Botão: Adicionar Formando
  • Botão: Importar Lista
  • Busca e filtros

5. Tab: Planos

  • Cards com planos vinculados
  • Nome do plano, Valor, Parcelas
  • Quantidade de formandos inscritos em cada plano

6. Tab: Eventos

  • Timeline de eventos
  • Tipo, Data, Local, Status
  • Botão: Criar Novo Evento

7. Tab: Financeiro

  • Total previsto
  • Total recebido
  • Total pendente
  • Gráfico de evolução de pagamentos

? Funcionalidades Interativas

  • Navegação entre tabs sem recarregar página
  • Lazy loading de dados de cada tab
  • Tooltips em campos com descrições longas
  • Links clicáveis para redes sociais

?? Notificações e Feedback

  • Loading spinner ao trocar de tab
  • Mensagem caso não haja formandos cadastrados
  • Mensagem caso não haja eventos planejados

?? Regras de Negócio

  • Apenas turmas do tenant logado podem ser visualizadas
  • Dados financeiros só aparecem para Administradores
  • Botão Editar só aparece para Administradores e Gerentes

?? Responsividade

Layout totalmente responsivo com tabs horizontais em desktop e verticais em mobile.