function DashboardCard({ title, value, description, icon, colorScheme = "blue" }) { const colorVariants = { blue: "bg-blue-50 text-blue-700", green: "bg-green-50 text-green-700", purple: "bg-purple-50 text-purple-700", red: "bg-red-50 text-red-700" }; return /*#__PURE__*/ React.createElement("div", { className: `rounded-lg p-6 ${colorVariants[colorScheme]} shadow-sm`, __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mb-1", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, value), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-80", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, description)), icon && /*#__PURE__*/ React.createElement("div", { className: "text-3xl opacity-80", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: icon, __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })))); } function DashboardCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4 p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DashboardCard, { title: "Apartamentos Ocupados", value: "85%", description: "32 de 40 unidades", icon: "fas fa-building", colorScheme: "blue", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(DashboardCard, { title: "Solicitações Pendentes", value: "12", description: "5 são prioritárias", icon: "fas fa-clipboard-list", colorScheme: "red", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(DashboardCard, { title: "Vistorias Programadas", value: "8", description: "Próxima em 2 dias", icon: "fas fa-clipboard-check", colorScheme: "green", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(DashboardCard, { title: "Avisos Importantes", value: "3", description: "1 aviso urgente", icon: "fas fa-exclamation-circle", colorScheme: "purple", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this })); } function StatusBadge({ status, text }) { const getStatusStyles = ()=>{ const baseStyles = "px-3 py-1 rounded-full text-sm font-medium inline-flex items-center"; const statusMap = { pendente: `${baseStyles} bg-blue-100 text-blue-800`, em_andamento: `${baseStyles} bg-yellow-100 text-yellow-800`, concluido: `${baseStyles} bg-green-100 text-green-800`, urgente: `${baseStyles} bg-red-100 text-red-800`, regular: `${baseStyles} bg-gray-100 text-gray-800` }; return statusMap[status] || statusMap.regular; }; return /*#__PURE__*/ React.createElement("span", { className: getStatusStyles(), __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `w-2 h-2 rounded-full mr-2 ${status === "pendente" ? "bg-blue-400" : status === "em_andamento" ? "bg-yellow-400" : status === "concluido" ? "bg-green-400" : status === "urgente" ? "bg-red-400" : "bg-gray-400"}`, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), text); } function StatusBadgeStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StatusBadge, { status: "pendente", text: "Pendente", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "em_andamento", text: "Em Andamento", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "concluido", text: "Concluído", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "urgente", text: "Urgente", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "regular", text: "Regular", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this })); } function Navbar({ isAuthenticated, onLogin, onLogout, username, currentPath }) { const [isSidebarOpen, setIsSidebarOpen] = useState(true); const menuGroups = [ { title: "Geral", items: [ { label: "Dashboard", href: "/", icon: "fa-home" } ] }, { title: "Gestão", items: [ { label: "Moradores", href: "/residents", icon: "fa-users" }, { label: "Apartamentos", href: "/apartments", icon: "fa-building" }, { label: "Vistorias", href: "/inspections", icon: "fa-clipboard-check" } ] }, { title: "Operacional", items: [ { label: "Solicitações", href: "/requests", icon: "fa-ticket-alt" }, { label: "Comunicações", href: "/communications", icon: "fa-comments" }, { label: "Documentos", href: "/documents", icon: "fa-file-alt" } ] }, { title: "Financeiro", items: [ { label: "Financeiro", href: "/finance", icon: "fa-dollar-sign" } ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: `${isSidebarOpen ? "w-64" : "w-20"} bg-[#121212] text-white fixed h-full transition-all duration-300`, __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-full", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-gray-700", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, isSidebarOpen && /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/muc-logo.png", alt: "MUC Logo", className: "h-8 w-auto", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto font-bold text-xl", __source: { fileName: "", lineNumber: 58, columnNumber: 19 }, __self: this }, "MUC")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsSidebarOpen(!isSidebarOpen), className: "p-2 rounded-lg hover:bg-gray-700", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isSidebarOpen ? "chevron-left" : "chevron-right"}`, __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto py-4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, menuGroups.map((group, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "mb-6", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, isSidebarOpen && /*#__PURE__*/ React.createElement("h3", { className: "px-4 mb-2 text-xs font-semibold text-gray-400 uppercase", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, group.title), /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, group.items.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.href, href: item.href, className: `flex items-center px-4 py-2 text-sm font-roboto transition-colors ${currentPath === item.href ? "bg-blue-600 text-white" : "text-gray-300 hover:bg-gray-700"}`, __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon} w-5`, __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }), isSidebarOpen && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 94, columnNumber: 25 }, __self: this }, item.label))))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-t border-gray-700", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, isAuthenticated ? /*#__PURE__*/ React.createElement("div", { className: `flex ${isSidebarOpen ? "justify-between" : "justify-center"} items-center`, __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, isSidebarOpen && /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto truncate", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, username), /*#__PURE__*/ React.createElement("button", { onClick: onLogout, className: "p-2 text-red-500 hover:text-red-400", title: "Sair", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }))) : /*#__PURE__*/ React.createElement("button", { onClick: onLogin, className: `${isSidebarOpen ? "w-full" : "w-10"} flex items-center justify-center p-2 bg-blue-600 text-white rounded hover:bg-blue-700`, __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }), isSidebarOpen && /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 127, columnNumber: 35 }, __self: this }, "Entrar"))))), /*#__PURE__*/ React.createElement("div", { className: `${isSidebarOpen ? "ml-64" : "ml-20"} flex-1 transition-all duration-300`, __source: { fileName: "", lineNumber: 134, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }))); } function NavbarStory() { const paths = [ "/", "/residents", "/apartments", "/requests", "/finance", "/communications", "/inspections", "/documents" ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full space-y-4", __source: { fileName: "", lineNumber: 156, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { isAuthenticated: false, onLogin: ()=>{}, onLogout: ()=>{}, username: "", currentPath: "/", __source: { fileName: "", lineNumber: 157, columnNumber: 7 }, __self: this }), paths.map((path)=>/*#__PURE__*/ React.createElement(Navbar, { key: path, isAuthenticated: true, onLogin: ()=>{}, onLogout: ()=>{}, username: "João Silva", currentPath: path, __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }))); } function DataTable({ data, columns, defaultSort = "", searchable = true, filters = [], onExport, onViewDetails }) { const [sortConfig, setSortConfig] = useState({ key: defaultSort, direction: "asc" }); const [searchTerm, setSearchTerm] = useState(""); const [activeFilters, setActiveFilters] = useState({}); const [selectedItem, setSelectedItem] = useState(null); const filteredAndSortedData = useMemo(()=>{ let filteredItems = [ ...data ]; // Aplicar filtros ativos Object.entries(activeFilters).forEach(([key, value])=>{ if (value) { filteredItems = filteredItems.filter((item)=>item[key] === value); } }); // Aplicar busca filteredItems = filteredItems.filter((item)=>Object.values(item).some((value)=>value.toString().toLowerCase().includes(searchTerm.toLowerCase()))); // Aplicar ordenação if (sortConfig.key) { filteredItems.sort((a, b)=>{ if (a[sortConfig.key] < b[sortConfig.key]) return sortConfig.direction === "asc" ? -1 : 1; if (a[sortConfig.key] > b[sortConfig.key]) return sortConfig.direction === "asc" ? 1 : -1; return 0; }); } return filteredItems; }, [ data, sortConfig, searchTerm, activeFilters ]); const requestSort = (key)=>{ setSortConfig({ key, direction: sortConfig.key === key && sortConfig.direction === "asc" ? "desc" : "asc" }); }; const handleExport = ()=>{ if (onExport) { onExport(filteredAndSortedData); } }; const handleViewDetails = (item)=>{ setSelectedItem(item); if (onViewDetails) { onViewDetails(item); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex flex-wrap gap-4 items-center justify-between", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, searchable && /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Buscar...", className: "p-2 border rounded-lg", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, filters.map((filter)=>/*#__PURE__*/ React.createElement("select", { key: filter.key, className: "p-2 border rounded-lg", value: activeFilters[filter.key] || "", onChange: (e)=>setActiveFilters({ ...activeFilters, [filter.key]: e.target.value }), __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, filter.label), filter.options.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option.value, value: option.value, __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, option.label)))), /*#__PURE__*/ React.createElement("button", { onClick: handleExport, className: "px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }), "Exportar"))), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white border border-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, columns.map((column)=>/*#__PURE__*/ React.createElement("th", { key: column.key, onClick: ()=>requestSort(column.key), className: "px-6 py-3 text-left text-sm font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, column.label), sortConfig.key === column.key && /*#__PURE__*/ React.createElement("i", { className: `fas fa-sort-${sortConfig.direction === "asc" ? "up" : "down"}`, __source: { fileName: "", lineNumber: 130, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-right", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "Ações"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, filteredAndSortedData.map((item, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, columns.map((column)=>/*#__PURE__*/ React.createElement("td", { key: column.key, className: "px-6 py-4 text-sm text-gray-500", __source: { fileName: "", lineNumber: 144, columnNumber: 19 }, __self: this }, item[column.key])), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-right", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleViewDetails(item), className: "text-blue-500 hover:text-blue-700", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 156, columnNumber: 21 }, __self: this })))))))), selectedItem && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg max-w-2xl w-full mx-4", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, "Detalhes"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedItem(null), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }, columns.map((column)=>/*#__PURE__*/ React.createElement("div", { key: column.key, __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 180, columnNumber: 19 }, __self: this }, column.label, ": "), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, selectedItem[column.key]))))))); } function DataTableStory() { const sampleData = [ { id: 1, nome: "João", idade: 25, cidade: "São Paulo", status: "Ativo" }, { id: 2, nome: "Maria", idade: 30, cidade: "Rio de Janeiro", status: "Inativo" }, { id: 3, nome: "Pedro", idade: 22, cidade: "Curitiba", status: "Ativo" } ]; const columns = [ { key: "id", label: "ID" }, { key: "nome", label: "Nome" }, { key: "idade", label: "Idade" }, { key: "cidade", label: "Cidade" }, { key: "status", label: "Status" } ]; const filters = [ { key: "cidade", label: "Cidade", options: [ { value: "São Paulo", label: "São Paulo" }, { value: "Rio de Janeiro", label: "Rio de Janeiro" }, { value: "Curitiba", label: "Curitiba" } ] }, { key: "status", label: "Status", options: [ { value: "Ativo", label: "Ativo" }, { value: "Inativo", label: "Inativo" } ] } ]; const handleExport = (data)=>{ console.log("Exportando dados:", data); }; const handleViewDetails = (item)=>{ console.log("Visualizando detalhes:", item); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 242, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 243, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 244, columnNumber: 9 }, __self: this }, "Tabela Completa"), /*#__PURE__*/ React.createElement(DataTable, { data: sampleData, columns: columns, searchable: true, filters: filters, onExport: handleExport, onViewDetails: handleViewDetails, __source: { fileName: "", lineNumber: 245, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 255, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 256, columnNumber: 9 }, __self: this }, "Tabela Simples"), /*#__PURE__*/ React.createElement(DataTable, { data: sampleData, columns: columns, searchable: false, __source: { fileName: "", lineNumber: 257, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [residents, setResidents] = useState([]); const [searchTerm, setSearchTerm] = useState(""); const [selectedResident, setSelectedResident] = useState(null); const [showForm, setShowForm] = useState(false); const [activeTab, setActiveTab] = useState("info"); const [upload, { loading }] = useUpload(); const initialResidents = [ { id: 1, nome: "João Silva", rg: "12.345.678-9", cpf: "123.456.789-00", dataNascimento: "1995-06-15", telefone: "(11) 99999-1111", email: "joao@email.com", apartamento: "101A", curso: "Engenharia Civil", instituicao: "UNESP", periodo: "5º Semestre", dataEntrada: "2024-01-01", dataSaida: "2024-12-31", termoCompromisso: "termo1.pdf", solicitacoes: [ { id: 1, tipo: "Manutenção", descricao: "Chuveiro com problema", data: "2024-02-01", status: "Concluído" } ], status: "Ativo" } ]; useEffect(()=>{ setResidents(initialResidents); }, []); const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const file = e.target.termoCompromisso.files[0]; let termoUrl = ""; if (file) { const { url, error } = await upload({ file }); if (!error) { termoUrl = url; } } const newResident = { id: residents.length + 1, nome: formData.get("nome"), rg: formData.get("rg"), cpf: formData.get("cpf"), dataNascimento: formData.get("dataNascimento"), telefone: formData.get("telefone"), email: formData.get("email"), apartamento: formData.get("apartamento"), curso: formData.get("curso"), instituicao: formData.get("instituicao"), periodo: formData.get("periodo"), dataEntrada: formData.get("dataEntrada"), dataSaida: formData.get("dataSaida"), termoCompromisso: termoUrl, solicitacoes: [], status: "Ativo" }; setResidents([ ...residents, newResident ]); setShowForm(false); }; const filteredResidents = residents.filter((resident)=>resident.nome.toLowerCase().includes(searchTerm.toLowerCase()) || resident.apartamento.toLowerCase().includes(searchTerm.toLowerCase())); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-gray-800", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Gerenciamento de Residentes"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowForm(!showForm), className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, showForm ? "Fechar Formulário" : "Novo Residente")), showForm && /*#__PURE__*/ React.createElement(DashboardCard, { __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold col-span-full", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Dados Pessoais"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nome", placeholder: "Nome completo", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "rg", placeholder: "RG", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cpf", placeholder: "CPF", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dataNascimento", placeholder: "Data de Nascimento", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefone", placeholder: "Telefone", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "E-mail", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold col-span-full mt-4", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "Informações Acadêmicas"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "curso", placeholder: "Curso", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "instituicao", placeholder: "Instituição", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "periodo", placeholder: "Período", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 166, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold col-span-full mt-4", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, "Informações da Moradia"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "apartamento", placeholder: "Número do apartamento", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dataEntrada", placeholder: "Data de Entrada", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dataSaida", placeholder: "Data de Saída Prevista", className: "p-2 border rounded-lg", required: true, __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "col-span-full", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 19 }, __self: this }, "Termo de Compromisso (PDF)"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "termoCompromisso", accept: ".pdf", className: "p-2 border rounded-lg w-full", required: true, __source: { fileName: "", lineNumber: 203, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700", disabled: loading, __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, loading ? "Enviando..." : "Cadastrar Residente"))), /*#__PURE__*/ React.createElement("div", { className: "flex mb-4", __source: { fileName: "", lineNumber: 224, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Buscar por nome ou apartamento...", className: "p-2 border rounded-lg w-full", onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 225, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement(DataTable, { columns: [ { header: "Nome", accessor: "nome" }, { header: "Apartamento", accessor: "apartamento" }, { header: "Curso", accessor: "curso" }, { header: "Período", accessor: "periodo" }, { header: "Status", accessor: "status", cell: (value)=>/*#__PURE__*/ React.createElement(StatusBadge, { status: value === "Ativo" ? "success" : "error", text: value, __source: { fileName: "", lineNumber: 243, columnNumber: 17 } }) } ], data: filteredResidents, onRowClick: setSelectedResident, __source: { fileName: "", lineNumber: 233, columnNumber: 9 }, __self: this }), selectedResident && /*#__PURE__*/ React.createElement(DashboardCard, { __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 256, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b pb-4 mb-4", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("info"), className: `px-4 py-2 rounded ${activeTab === "info" ? "bg-blue-600 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 259, columnNumber: 19 }, __self: this }, "Informações Pessoais"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("academic"), className: `px-4 py-2 rounded ${activeTab === "academic" ? "bg-blue-600 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, "Dados Acadêmicos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("requests"), className: `px-4 py-2 rounded ${activeTab === "requests" ? "bg-blue-600 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, "Solicitações"))), activeTab === "info" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 294, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 295, columnNumber: 21 }, __self: this }, "Nome:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 296, columnNumber: 21 }, __self: this }, selectedResident.nome)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 299, columnNumber: 21 }, __self: this }, "RG:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 300, columnNumber: 21 }, __self: this }, selectedResident.rg)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, "CPF:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 304, columnNumber: 21 }, __self: this }, selectedResident.cpf)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }, "Data de Nascimento:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this }, selectedResident.dataNascimento)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 311, columnNumber: 21 }, __self: this }, "Telefone:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 312, columnNumber: 21 }, __self: this }, selectedResident.telefone)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 315, columnNumber: 21 }, __self: this }, "E-mail:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 316, columnNumber: 21 }, __self: this }, selectedResident.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 319, columnNumber: 21 }, __self: this }, "Apartamento:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 320, columnNumber: 21 }, __self: this }, selectedResident.apartamento)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 322, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 323, columnNumber: 21 }, __self: this }, "Período de Permanência:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 324, columnNumber: 21 }, __self: this }, selectedResident.dataEntrada, " até", " ", selectedResident.dataSaida))), activeTab === "academic" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 334, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 335, columnNumber: 21 }, __self: this }, "Curso:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 336, columnNumber: 21 }, __self: this }, selectedResident.curso)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 338, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 339, columnNumber: 21 }, __self: this }, "Instituição:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 340, columnNumber: 21 }, __self: this }, selectedResident.instituicao)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 342, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 343, columnNumber: 21 }, __self: this }, "Período:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, selectedResident.periodo)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 346, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 347, columnNumber: 21 }, __self: this }, "Termo de Compromisso:"), selectedResident.termoCompromisso && /*#__PURE__*/ React.createElement("a", { href: selectedResident.termoCompromisso, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 349, columnNumber: 23 }, __self: this }, "Visualizar Termo"))), activeTab === "requests" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, selectedResident.solicitacoes?.length > 0 ? selectedResident.solicitacoes.map((solicitacao)=>/*#__PURE__*/ React.createElement("div", { key: solicitacao.id, className: "border p-4 rounded", __source: { fileName: "", lineNumber: 366, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 367, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 368, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 369, columnNumber: 29 }, __self: this }, solicitacao.tipo), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 370, columnNumber: 29 }, __self: this }, solicitacao.descricao), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 373, columnNumber: 29 }, __self: this }, solicitacao.data)), /*#__PURE__*/ React.createElement(StatusBadge, { status: solicitacao.status === "Concluído" ? "success" : "pending", text: solicitacao.status, __source: { fileName: "", lineNumber: 377, columnNumber: 27 }, __self: this })))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 389, columnNumber: 21 }, __self: this }, "Nenhuma solicitação encontrada")))))); }