+
+
+
+ { + activeTab === 'dashboard' ? 'Visão Geral' : + activeTab === 'residents' ? 'Condóminos' : + activeTab === 'finance' ? 'Gestão Financeira' : + activeTab === 'billing' ? 'Faturação e Cobranças' : + activeTab === 'maintenance' ? 'Ocorrências e Manutenção' : + activeTab === 'messages' ? 'Mensagens e Fórum' : + activeTab === 'map' ? 'Mapa do Condomínio' : + activeTab === 'all_bookings' ? 'Todas as Reservas' : + activeTab === 'gym' ? 'Ginásio' : + activeTab === 'hall' ? 'Salão de Festas' : + activeTab === 'park' ? 'Parque de Jogos' : + activeTab === 'profile' ? 'O Meu Perfil' : activeTab + }
+
+
+
+
+
+ {/* Notifications */}
+
+
+
+ {isNotificationsOpen && (
+
+
+
+
+ )}
+
+
+ Notificações
+ +
+ {notificationsList.length === 0 ? (
+
+ Sem novas notificações
+ ) : (
+ notificationsList.map(notif => (
+
+
+ ))
+ )}
+
+
+
+
+
+ {notif.message}
+
+
+ {notif.time}
+ {!notif.read && ( + + )} + setActiveTab('profile')}
+ title="Meu Perfil"
+ >
+ {userRole === 'admin' ? 'AD' : 'MO'}
+
+
+
+
+ {/* --- Toast Notification --- */}
+ {notification && (
+
+
+ {/* --- DASHBOARD --- */}
+ {activeTab === 'dashboard' &&
+
+
+ )}
+ {/* --- APPROVALS --- */}
+ {activeTab === 'approvals' && userRole === 'admin' && (
+
+
+
+
+
+ Histórico de Reservas
+Lista completa de agendamentos em todos os espaços de lazer
+
+ {bookings.map(booking => (
+
+
+
+ ))}
+ {bookings.length === 0 && (
+
+
+
+ {booking.facility === 'gym' ?
+
+
+ {booking.facilityName}
+{booking.date} • {booking.time}
+
+
+ {booking.resident}
+
+
+
+
+ )}
+ Sem reservas
+Ainda não existem agendamentos no condomínio.
+
+
+ )}
+
+ {/* --- RESIDENTS --- */}
+ {activeTab === 'residents' && (
+
+
+ Pagamentos Concluídos
+Consulte o histórico de todos os pagamentos concluídos pelos condóminos.
+
+
+
+
+
+
+
+ | Morador | +Fatura | +Estado | +Valor | +
|---|---|---|---|
|
+ {fatura.nomeMorador} +Fração: {fatura.fracao} + |
+
+ {fatura.categoria} +Venceu a: {fatura.dataVencimento} + |
+
+
+
+ |
+ {Number(fatura.valor).toFixed(2)}€ | +
| Nenhum pagamento concluído encontrado. | |||
+
+ )}
+
+ {/* --- BILLING / COBRANÇAS --- */}
+ {activeTab === 'billing' && userRole === 'admin' && (
+
+
+
+
+ Gestão de Condóminos
+Total: {residents.length} frações registadas
+
+
+
+
+
+
+
+
+
+
+
+ | Fração | +Proprietário | +Contacto | +Estado Quotas | +Acesso | +Em Dívida | +Ações | +
|---|---|---|---|---|---|---|
| {resident.unit} | +
+
+ {resident.name}
+ {resident.email}
+
+ |
+ {resident.contact} | ++ + | +0 ? 'text-red-600 dark:text-red-400' : 'text-slate-600 dark:text-slate-400'}`}> + {Number(resident.pending).toFixed(2)}€ + | +
+
+
+
+
+ |
+
+
+ )}
+ {/* --- MINHAS CONTAS (Morador) --- */}
+ {activeTab === 'minhas_contas' && userRole === 'morador' && (
+
+
+
+
+
+ Avisos de Cobrança
+Emita faturas ou avise condóminos individualmente
+
+
+
+
+
+ | Fração | +Condómino | +Quotas em Atraso | +Ações | +
|---|---|---|---|
| {resident.unit} | +{resident.name} | +0 ? 'text-red-600 dark:text-red-400' : 'text-green-600 dark:text-green-500'}`}> + {resident.pending > 0 ? `${Number(resident.pending).toFixed(2)}€` : 'Regularizado'} + | ++ + + + | +
+
+ )}
+
+ {/* --- FINANCES --- */}
+ {/* --- FINANCES --- */}
+ {activeTab === 'finance' && (
+
+
+
+
+
+
+
+ Total Pendente
++ {faturas.filter(f => f.moradorId === currentUserId && f.status === 'Pendente').reduce((acc, f) => acc + Number(f.valor), 0).toFixed(2)}€ +
+
+
+
+
+ Total Pago
++ {faturas.filter(f => f.moradorId === currentUserId && f.status === 'Pago').reduce((acc, f) => acc + Number(f.valor), 0).toFixed(2)}€ +
+
+
+
+
+
+
+ Minhas Faturas
+Consulte as suas despesas e faturas emitidas
+
+
+
+
+
+ | Data Emissão | +Categoria | +Vencimento | +Valor | +Estado | +Ações | +
|---|---|---|---|---|---|
| + Nenhuma fatura encontrada. + | +|||||
| {fatura.dataEmissao} | +{fatura.categoria} | +{fatura.dataVencimento} | +{Number(fatura.valor).toFixed(2)}€ | +
+ {fatura.status === 'Pendente' ? (
+
+ ) : fatura.status === 'Em Validação' ? (
+
+ |
+ |
+
+ )}
+
+ {/* --- MESSAGES --- */}
+ {activeTab === 'messages' && (
+
+
+
+
+
+
+
+ Receitas (Global)
+{totalIncome.toFixed(2)}€
+
+
+
+
+ Despesas (Global)
+{totalExpense.toFixed(2)}€
+
+
+
+
+ Balanço Líquido
+= 0 ? 'text-blue-600 dark:text-blue-400' : 'text-red-600 dark:text-red-400'}`}> + {balance > 0 ? '+' : ''}{balance.toFixed(2)}€ +
+
+
+
+
+
+
+
+ Diário Financeiro
+ {finances.length} movimentos +
+
+
+
+
+ | Data | +Categoria | +Descrição | +Tipo | +Valor | +Recibo | +
|---|---|---|---|---|---|
| {item.date} | +{item.category} | +{item.desc} | +
+ |
+ + {item.type === 'income' ? '+' : '-'}{Number(item.amount).toFixed(2)}€ + | ++ + | +
+ {/* Contact List */}
+
+ )}
+
+ {/* --- MAINTENANCE --- */}
+ {activeTab === 'maintenance' &&
+
+
+ {/* Chat Area */}
+
+
+ Conversas
+ +
+
+
+
+
+
+ setActiveChat({ type: 'global', id: 'global', name: 'Fórum do Condomínio' })}
+ className={`p-3 border-b-2 cursor-pointer transition-colors ${activeChat.type === 'global' ? 'border-blue-100 dark:border-blue-900/30 bg-blue-50/50 dark:bg-blue-900/10 hover:bg-blue-50/80 dark:hover:bg-blue-900/20' : 'border-transparent hover:bg-slate-50 dark:hover:bg-dark-card'}`}
+ >
+
+ {chatGroups.filter(g => g.members && (Object.values(g.members).map(String).includes(String(currentUserId)) || userRole === 'admin')).map(group => (
+
+
+
+
+
+
+
+
+ Fórum do Condomínio
+ Geral +Grupo partilhado
+ setActiveChat({ type: 'group', id: group.id, name: group.name })}
+ className={`p-3 border-b border-slate-50 dark:border-dark-border/50 cursor-pointer transition-colors ${activeChat.id === group.id ? 'bg-blue-50/50 dark:bg-blue-900/10' : 'hover:bg-slate-50 dark:hover:bg-dark-card'}`}
+ >
+
+ ))}
+ {residents.filter(r => r.id !== currentUserId).map(res => (
+
+
+
+
+
+
+
+
+ {group.name}
+ {activeChat.id === group.id && } +Grupo
+ setActiveChat({ type: 'private', id: res.id, name: res.name })}
+ className={`p-3 border-b border-slate-50 dark:border-dark-border/50 cursor-pointer transition-colors ${activeChat.id === res.id ? 'bg-blue-50/50 dark:bg-blue-900/10' : 'hover:bg-slate-50 dark:hover:bg-dark-card'}`}
+ >
+
+ ))}
+
+
+
+ {res.name.substring(0, 2).toUpperCase()}
+
+
+
+
+
+ {res.name} {res.unit && `(${res.unit})`}
+ {activeChat.id === res.id && } +Morador
+
+
+
+
+
+
+
+
+
+ {activeChat.type === 'global' || activeChat.type === 'group' ?
+
+
+ {activeChat.name}
+{activeChat.type === 'global' ? 'Todos os moradores' : activeChat.type === 'group' ? 'Grupo Privado' : 'Privado'}
+
+
+
+ Mensagens
+
+ {messages.map((msg) => {
+ const isMe = msg.senderId === currentUserId;
+ const timeString = new Date(msg.timestamp).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
+
+ return (
+
+
+ );
+ })}
+
+ {!isMe && (
+
+ + {msg.senderName} +
+ )} +{msg.text}
+ {timeString} +
+
+
+
+ {notification.type === 'success' ?
+ )}
+
+ {/* --- Modals --- */}
+
+ {/* Resident Modal */}
+