function Navigation({ activeRoute }) { return /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bg-[#0B1221] border-b border-gray-800 z-50", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto px-4 py-3 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00E5FF] text-xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Resource Management"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: `text-[#00E5FF] hover:text-cyan-300 transition-colors ${activeRoute === "/" ? "text-cyan-300" : ""}`, __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "/Project", className: `text-[#00E5FF] hover:text-cyan-300 transition-colors ${activeRoute === "/Project" || activeRoute === "/project" ? "text-cyan-300" : ""}`, __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "/gap", className: `text-[#00E5FF] hover:text-cyan-300 transition-colors ${activeRoute === "/gap" ? "text-cyan-300" : ""}`, __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this })))))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "Home Active"), /*#__PURE__*/ React.createElement(Navigation, { activeRoute: "/home", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "Project Active"), /*#__PURE__*/ React.createElement(Navigation, { activeRoute: "/project", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "Gap Active"), /*#__PURE__*/ React.createElement(Navigation, { activeRoute: "/gap", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [managers, setManagers] = useState([]); const [selectedManager, setSelectedManager] = useState(""); const [employees, setEmployees] = useState([]); const [selectedEmployees, setSelectedEmployees] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [allocations, setAllocations] = useState({}); const [saving, setSaving] = useState(false); const [saveError, setSaveError] = useState({}); const [totalError, setTotalError] = useState(null); const [saveSuccess, setSaveSuccess] = useState(false); useEffect(()=>{ const fetchEmployeeData = async ()=>{ try { const response = await fetch("/api/resources", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch employee data"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } const uniqueManagers = [ ...new Set(data.employees.map((emp)=>emp.managerName)) ].filter(Boolean).sort(); setManagers(uniqueManagers); setEmployees(data.employees); setLoading(false); } catch (err) { console.error(err); setError(err.message); setLoading(false); } }; fetchEmployeeData(); }, []); const getUniqueEmployees = (employees)=>{ const uniqueEmps = new Map(); employees.forEach((emp)=>{ if (!uniqueEmps.has(emp.emp_number)) { uniqueEmps.set(emp.emp_number, emp); } }); return Array.from(uniqueEmps.values()); }; const groupEmployeesByName = (employees)=>{ const grouped = new Map(); employees.forEach((emp)=>{ if (!grouped.has(emp.emp_number)) { grouped.set(emp.emp_number, { emp_number: emp.emp_number, employee_name: emp.employee_name, employee_role: emp.employee_role, projects: [ { name: emp.project_name, number: emp.project_number, program: emp.program_name } ] }); } else { const existing = grouped.get(emp.emp_number); existing.projects.push({ name: emp.project_name, number: emp.project_number, program: emp.program_name }); } }); return Array.from(grouped.values()); }; const filteredEmployees = groupEmployeesByName(employees.filter((emp)=>emp.managerName && emp.managerName.trim() === selectedManager)); const selectedEmployeesData = employees.filter((emp)=>selectedEmployees.includes(emp.emp_number)); const handleAllocationChange = (empNumber, projectNumber, quarter, value)=>{ const numValue = value === "" ? "" : Math.min(Math.max(0, Number(value)), 100); setAllocations((prev)=>({ ...prev, [`${empNumber}-${projectNumber}`]: { ...prev[`${empNumber}-${projectNumber}`], [quarter]: numValue } })); }; const handleCopyAssigned = ()=>{ const newAllocations = {}; selectedEmployeesData.forEach((employee)=>{ const key = `${employee.emp_number}-${employee.project_number}`; newAllocations[key] = { q2: employee.assigned_q1_25, q3: employee.assigned_q1_25, q4: employee.assigned_q1_25 }; }); setAllocations(newAllocations); }; const handleCopyActual = ()=>{ const newAllocations = {}; selectedEmployeesData.forEach((employee)=>{ const key = `${employee.emp_number}-${employee.project_number}`; newAllocations[key] = { q2: employee.actual_q1_25, q3: employee.actual_q1_25, q4: employee.actual_q1_25 }; }); setAllocations(newAllocations); }; const handleClearAll = ()=>{ setAllocations({}); }; const handleSaveAll = async ()=>{ try { setSaving(true); setError(null); setSaveSuccess(false); const savePromises = Object.entries(allocations).map(async ([key, allocation])=>{ const [empNumber, projectNumber] = key.split("-"); const response = await fetch("/api/update-allocations", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ emp_number: empNumber, project_number: projectNumber, assigned_q2_25: allocation.q2 || 0, assigned_q3_25: allocation.q3 || 0, assigned_q4_25: allocation.q4 || 0 }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to save data"); } const result = await response.json(); if (result.error) { throw new Error(result.error); } return result; }); await Promise.all(savePromises); setSaveSuccess(true); setTimeout(()=>{ setSaveSuccess(false); }, 3000); setAllocations({}); const response = await fetch("/api/resources", { method: "POST" }); if (!response.ok) { throw new Error("Failed to refresh data"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setEmployees(data.employees); } catch (err) { console.error("Error saving data:", err); setError(err.message || "Failed to save data. Please try again."); } finally{ setSaving(false); } }; const calculateTotals = ()=>{ return selectedEmployeesData.reduce((totals, employee)=>{ const key = `${employee.emp_number}-${employee.project_number}`; const currentAllocations = allocations[key] || {}; return { q1: (totals.q1 || 0) + (Number(employee.assigned_q1_25) || 0), actualQ1: (totals.actualQ1 || 0) + (Number(employee.actual_q1_25) || 0), q2: (totals.q2 || 0) + (Number(currentAllocations.q2 ?? employee.assigned_q2_25) || 0), q3: (totals.q3 || 0) + (Number(currentAllocations.q3 ?? employee.assigned_q3_25) || 0), q4: (totals.q4 || 0) + (Number(currentAllocations.q4 ?? employee.assigned_q4_25) || 0) }; }, { q1: 0, actualQ1: 0, q2: 0, q3: 0, q4: 0 }); }; const totals = calculateTotals(); if (error) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0B1221] p-4", __source: { fileName: "", lineNumber: 241, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { activeRoute: "/teams-assignment", __source: { fileName: "", lineNumber: 242, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center text-red-400 mt-8", __source: { fileName: "", lineNumber: 243, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 244, columnNumber: 11 }, __self: this }, error))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0B1221] p-4 md:p-8", __source: { fileName: "", lineNumber: 251, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { activeRoute: "/teams-assignment", __source: { fileName: "", lineNumber: 252, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-[1400px] mx-auto mt-16", __source: { fileName: "", lineNumber: 253, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-[#00E5FF] mb-8", __source: { fileName: "", lineNumber: 254, columnNumber: 9 }, __self: this }, "Teams Assignment"), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-cyan-400", __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-cyan-400 mb-4", __source: { fileName: "", lineNumber: 265, columnNumber: 15 }, __self: this }, "Select Manager"), /*#__PURE__*/ React.createElement("select", { value: selectedManager, onChange: (e)=>setSelectedManager(e.target.value), className: "w-full md:w-96 px-4 py-2 rounded bg-gray-900 border border-gray-700 text-cyan-300 focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500", name: "manager", __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 274, columnNumber: 17 }, __self: this }, "Select a manager..."), managers.map((manager)=>/*#__PURE__*/ React.createElement("option", { key: manager, value: manager, __source: { fileName: "", lineNumber: 276, columnNumber: 19 }, __self: this }, manager)))), selectedManager && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-cyan-400 mb-4", __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }, "Select Employees"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, filteredEmployees.map((employee)=>/*#__PURE__*/ React.createElement("div", { key: employee.emp_number, className: "p-4 rounded-lg border border-gray-700 bg-gray-800 hover:bg-gray-700 transition-colors", __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-2", __source: { fileName: "", lineNumber: 294, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: `employee-${employee.emp_number}`, checked: selectedEmployees.includes(employee.emp_number), onChange: (e)=>{ setSelectedEmployees(e.target.checked ? [ ...selectedEmployees, employee.emp_number ] : selectedEmployees.filter((id)=>id !== employee.emp_number)); }, className: "h-5 w-5 text-cyan-500 rounded border-gray-600 focus:ring-cyan-500", name: `employee-${employee.emp_number}`, __source: { fileName: "", lineNumber: 295, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: `employee-${employee.emp_number}`, className: "text-cyan-300 font-medium", __source: { fileName: "", lineNumber: 313, columnNumber: 25 }, __self: this }, employee.employee_name, " - ", employee.employee_role)), /*#__PURE__*/ React.createElement("div", { className: "ml-8 space-y-1", __source: { fileName: "", lineNumber: 320, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-cyan-300 font-medium", __source: { fileName: "", lineNumber: 321, columnNumber: 25 }, __self: this }, "Projects:"), employee.projects.map((project, index)=>/*#__PURE__*/ React.createElement("div", { key: `${project.number}-${index}`, className: "text-sm text-cyan-300", __source: { fileName: "", lineNumber: 325, columnNumber: 27 }, __self: this }, "• ", project.name))))))), selectedEmployees.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-6", __source: { fileName: "", lineNumber: 341, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCopyAssigned, className: "px-4 py-2 text-sm text-black bg-cyan-400 rounded hover:bg-cyan-300 disabled:opacity-50 transition-colors", disabled: saving, __source: { fileName: "", lineNumber: 342, columnNumber: 19 }, __self: this }, "Copy Assigned"), /*#__PURE__*/ React.createElement("button", { onClick: handleCopyActual, className: "px-4 py-2 text-sm text-black bg-green-400 rounded hover:bg-green-300 disabled:opacity-50 transition-colors", disabled: saving, __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }, "Copy Actual"), /*#__PURE__*/ React.createElement("button", { onClick: handleClearAll, className: "px-4 py-2 text-sm text-black bg-red-400 rounded hover:bg-red-300 disabled:opacity-50 transition-colors", disabled: saving, __source: { fileName: "", lineNumber: 356, columnNumber: 19 }, __self: this }, "Clear All"), Object.keys(allocations).length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: handleSaveAll, disabled: saving, className: "px-4 py-2 text-sm text-black bg-purple-400 rounded hover:bg-purple-300 disabled:opacity-50 transition-colors", __source: { fileName: "", lineNumber: 364, columnNumber: 21 }, __self: this }, saving ? "Saving..." : "Save All")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-red-400", __source: { fileName: "", lineNumber: 374, columnNumber: 27 }, __self: this }, error), saveSuccess && /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-green-400", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }, "Changes saved successfully!"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto shadow-lg rounded-lg bg-gray-800 border border-gray-700", __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full whitespace-nowrap", __source: { fileName: "", lineNumber: 383, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 384, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-900", __source: { fileName: "", lineNumber: 385, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 386, columnNumber: 25 }, __self: this }, "Employee Name"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 389, columnNumber: 25 }, __self: this }, "Role"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 392, columnNumber: 25 }, __self: this }, "Project"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 395, columnNumber: 25 }, __self: this }, "Program"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 398, columnNumber: 25 }, __self: this }, "Assigned Q1'25"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 401, columnNumber: 25 }, __self: this }, "Actual Q1'25"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 404, columnNumber: 25 }, __self: this }, "Q2'25"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 407, columnNumber: 25 }, __self: this }, "Q3'25"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left text-xs font-semibold text-cyan-400", __source: { fileName: "", lineNumber: 410, columnNumber: 25 }, __self: this }, "Q4'25"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-700", __source: { fileName: "", lineNumber: 415, columnNumber: 21 }, __self: this }, selectedEmployeesData.map((employee)=>{ const key = `${employee.emp_number}-${employee.project_number}`; const currentAllocations = allocations[key] || {}; return /*#__PURE__*/ React.createElement("tr", { key: key, className: "bg-gray-800 hover:bg-gray-700 transition-colors", __source: { fileName: "", lineNumber: 421, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-cyan-300", __source: { fileName: "", lineNumber: 425, columnNumber: 29 }, __self: this }, employee.employee_name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-cyan-300", __source: { fileName: "", lineNumber: 428, columnNumber: 29 }, __self: this }, employee.employee_role), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-cyan-300", __source: { fileName: "", lineNumber: 431, columnNumber: 29 }, __self: this }, employee.project_name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-cyan-300", __source: { fileName: "", lineNumber: 434, columnNumber: 29 }, __self: this }, employee.program_name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 437, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 438, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 439, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cyan-500 h-4 rounded-sm", style: { width: `${employee.assigned_q1_25}%` }, __source: { fileName: "", lineNumber: 440, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 447, columnNumber: 33 }, __self: this }, employee.assigned_q1_25, "%"))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 452, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 453, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 454, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 h-4 rounded-sm", style: { width: `${employee.actual_q1_25}%` }, __source: { fileName: "", lineNumber: 455, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 462, columnNumber: 33 }, __self: this }, employee.actual_q1_25, "%"))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 467, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", max: "100", className: "w-20 px-2 py-1 text-right border rounded bg-gray-900 border-gray-600 text-cyan-300 focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500", value: currentAllocations.q2 ?? employee.assigned_q2_25 ?? "", onChange: (e)=>handleAllocationChange(employee.emp_number, employee.project_number, "q2", e.target.value), placeholder: "%", name: `q2-${employee.emp_number}-${employee.project_number}`, __source: { fileName: "", lineNumber: 468, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 490, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", max: "100", className: "w-20 px-2 py-1 text-right border rounded bg-gray-900 border-gray-600 text-cyan-300 focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500", value: currentAllocations.q3 ?? employee.assigned_q3_25 ?? "", onChange: (e)=>handleAllocationChange(employee.emp_number, employee.project_number, "q3", e.target.value), placeholder: "%", name: `q3-${employee.emp_number}-${employee.project_number}`, __source: { fileName: "", lineNumber: 491, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 513, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", max: "100", className: "w-20 px-2 py-1 text-right border rounded bg-gray-900 border-gray-600 text-cyan-300 focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500", value: currentAllocations.q4 ?? employee.assigned_q4_25 ?? "", onChange: (e)=>handleAllocationChange(employee.emp_number, employee.project_number, "q4", e.target.value), placeholder: "%", name: `q4-${employee.emp_number}-${employee.project_number}`, __source: { fileName: "", lineNumber: 514, columnNumber: 31 }, __self: this }))); })), selectedEmployeesData.length > 0 && /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-900 font-semibold", __source: { fileName: "", lineNumber: 541, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { colSpan: "4", className: "px-4 py-3 text-sm text-cyan-400", __source: { fileName: "", lineNumber: 542, columnNumber: 25 }, __self: this }, "Total"), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 548, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 549, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 550, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cyan-500 h-4 rounded-sm", style: { width: `${Math.min(Number(totals.q1) || 0, 100)}%` }, __source: { fileName: "", lineNumber: 551, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 561, columnNumber: 29 }, __self: this }, (Number(totals.q1) || 0).toFixed(2), "%"))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 566, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 567, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 568, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 h-4 rounded-sm", style: { width: `${Math.min(Number(totals.actualQ1) || 0, 100)}%` }, __source: { fileName: "", lineNumber: 569, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 579, columnNumber: 29 }, __self: this }, (Number(totals.actualQ1) || 0).toFixed(2), "%"))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 584, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 585, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 586, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cyan-500 h-4 rounded-sm", style: { width: `${Math.min(Number(totals.q2) || 0, 100)}%` }, __source: { fileName: "", lineNumber: 587, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 597, columnNumber: 29 }, __self: this }, (Number(totals.q2) || 0).toFixed(2), "%"))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 602, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 603, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 604, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cyan-500 h-4 rounded-sm", style: { width: `${Math.min(Number(totals.q3) || 0, 100)}%` }, __source: { fileName: "", lineNumber: 605, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 615, columnNumber: 29 }, __self: this }, (Number(totals.q3) || 0).toFixed(2), "%"))), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 620, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 621, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 bg-gray-700 rounded-sm h-4", __source: { fileName: "", lineNumber: 622, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cyan-500 h-4 rounded-sm", style: { width: `${Math.min(Number(totals.q4) || 0, 100)}%` }, __source: { fileName: "", lineNumber: 623, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-cyan-300", __source: { fileName: "", lineNumber: 633, columnNumber: 29 }, __self: this }, (Number(totals.q4) || 0).toFixed(2), "%")))))))))); }