function MainComponent() { const [page, setPage] = React.useState(1); const [employees, setEmployees] = React.useState([]); const [filteredEmployees, setFilteredEmployees] = React.useState([]); const [currentEmployee, setCurrentEmployee] = React.useState({ name: "", surname: "", branch: "", school: "", phone: "", email: "" }); const [loading, setLoading] = React.useState(false); const [chatGPTResponse, setChatGPTResponse] = React.useState(''); function handleSubmit(e) { e.preventDefault(); setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "system", content: "Please add this new employee." }, { role: "user", content: JSON.stringify(currentEmployee) } ], system_prompt: 'Add this employee information to the system.' }) }).then((response)=>response.json()).then((data)=>{ setLoading(false); if (data.status) { const newEmployees = [ ...employees, currentEmployee ]; setEmployees(newEmployees); setFilteredEmployees(newEmployees); setCurrentEmployee({ name: "", surname: "", branch: "", school: "", phone: "", email: "" }); setChatGPTResponse(data.result); } else { setChatGPTResponse('Failed to save the employee.'); } }); } const handleUpdate = (index)=>{ const newEmployees = [ ...employees ]; newEmployees[index] = currentEmployee; setEmployees(newEmployees); setFilteredEmployees(newEmployees); }; const handleInput = (e)=>{ setCurrentEmployee({ ...currentEmployee, [e.target.name]: e.target.value }); }; const handleFilter = (e)=>{ const searchTerm = e.target.value.toLowerCase(); const results = employees.filter((employee)=>employee.name.toLowerCase().includes(searchTerm) || employee.surname.toLowerCase().includes(searchTerm) || employee.branch.toLowerCase().includes(searchTerm) || employee.school.toLowerCase().includes(searchTerm) || employee.phone.toLowerCase().includes(searchTerm) || employee.email.toLowerCase().includes(searchTerm)); setFilteredEmployees(results); }; let content; if (page === 1) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#121212] font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "Ana Sayfa")); } else if (page === 2) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#121212] font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "Bilgi Girişi ve Güncelleme"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", name: "name", type: "text", placeholder: "Adı", value: currentEmployee.name, onChange: handleInput, __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", name: "surname", type: "text", placeholder: "Soyadı", value: currentEmployee.surname, onChange: handleInput, __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", name: "branch", type: "text", placeholder: "Branş", value: currentEmployee.branch, onChange: handleInput, __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", name: "school", type: "text", placeholder: "Okulu", value: currentEmployee.school, onChange: handleInput, __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", name: "phone", type: "text", placeholder: "Telefon", value: currentEmployee.phone, onChange: handleInput, __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", name: "email", type: "email", placeholder: "Eposta", value: currentEmployee.email, onChange: handleInput, __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, "Kaydet"), loading && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, "Kaydediliyor...")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, chatGPTResponse)); } else if (page === 3) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#121212] font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, "Personel Listesi"), /*#__PURE__*/ React.createElement("input", { className: "mb-2 px-3 py-2 border rounded w-full", type: "text", placeholder: "Filtrele...", onChange: handleFilter, __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("table", { className: "table-auto border-collapse w-full", __source: { fileName: "", lineNumber: 153, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-200", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, "Adı"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, "Soyadı"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, "Branş"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, "Okulu"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Telefon"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Eposta"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, filteredEmployees.map((employee, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, employee.name), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }, employee.surname), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }, employee.branch), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, employee.school), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }, employee.phone), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, employee.email)))))); } return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 181, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(1), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-400", __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }, "Ana Sayfa"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(2), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-400", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, "Bilgi Girişi"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(3), className: "px-4 py-2 bg-gray-300 rounded hover:bg-gray-400", __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this }, "Personel Listesi")), content); }