Modos de visualização do calendário

A visualização em Lista exibe os agendamentos em formato de tabela com colunas: Cliente (avatar e nome), Data/Hora, Procedimento, Profissional, Preço, Status e Status de Pagamento. Oferece paginação, filtros avançados e operações em massa. É a visualização padrão da página de Agendamentos.

A visualização Mensal utiliza o FullCalendar para exibir todos os agendamentos do mês em formato de calendário tradicional. Cada agendamento aparece como um bloco colorido (a cor varia conforme o status). Clique em qualquer agendamento para ver seus detalhes. Navegue entre meses usando as setas no cabeçalho.

A visualização Semanal mostra a agenda de 7 dias com slots de horário verticais. Permite visualizar com mais detalhes a ocupação da semana e identificar rapidamente horários livres. Os agendamentos são exibidos com duração proporcional ao tempo reservado.

A visualização Gantt apresenta uma timeline horizontal com cada profissional em uma linha separada. O grid horário vai das 7h às 21h, e cada agendamento aparece como um bloco horizontal posicionado no horário correto. O sistema possui scroll sincronizado entre cabeçalho e corpo, scroll automático para a hora atual e tooltip com detalhes ao passar o mouse. Alterne entre modo Dia e Semana.

A visualização Por Profissional organiza os agendamentos em colunas, uma para cada profissional. O grid horário é vertical (7h às 21h), com a altura de cada bloco proporcional à duração do agendamento. O sistema detecta automaticamente sobreposições de agendamento e ajusta a largura dos blocos para exibir todos os agendamentos sem ocultar nenhum.

Se você conectou a integração com Google Calendar, os eventos da sua agenda Google aparecem no calendário do Esthetis com um estilo visual diferenciado. Os horários ocupados no Google são considerados como indisponíveis ao criar novos agendamentos, evitando conflitos entre compromissos pessoais e atendimentos.