function MainComponent() { const [activeTab, setActiveTab] = React.useState('employee-management'); const [subTab, setSubTab] = React.useState('hr'); const [employees, setEmployees] = React.useState([]); const [leaves, setLeaves] = React.useState([]); const [emailStatus, setEmailStatus] = React.useState(''); React.useEffect(()=>{ if (activeTab === 'employee-management') { fetch('/api/db/hr.db', { method: 'POST', body: JSON.stringify({ query: 'SELECT * FROM `employee_details`' }) }).then((res)=>res.json()).then((data)=>setEmployees(data)); } else if (activeTab === 'leave-management' && subTab === 'pending-leaves') { fetch('/api/db/hr.db', { method: 'POST', body: JSON.stringify({ query: 'SELECT * FROM `pending_leaves` WHERE `status` = ?', values: [ 'pending' ] }) }).then((res)=>res.json()).then((data)=>setLeaves(data)); } }, [ activeTab, subTab ]); const verifyEmail = (email)=>{ fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`, { method: 'GET' }).then((res)=>res.json()).then((data)=>setEmailStatus(data.status)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#010101] text-white w-[250px] p-6 space-y-4", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('employee-management'), className: `text-xl font-bold font-roboto cursor-pointer ${activeTab === 'employee-management' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Employee Management"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('leave-management'), className: `text-lg font-roboto cursor-pointer ${activeTab === 'leave-management' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Leave Management"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('salary'), className: `text-lg font-roboto cursor-pointer ${activeTab === 'salary' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Salary")), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-6 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, activeTab === 'employee-management' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "Employee Details"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Add Employee")), /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, "Employee ID"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "Designation"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Department"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, "Reporting Manager"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, "Gender"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, "Relation Status"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }, "DOB"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 19 }, __self: this }, "Email ID"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }, "Mobile No."), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, "DOJ"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, "Aadhar Card No."), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, "PAN Card No."), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, "ESI No."), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, employees.map((employee)=>/*#__PURE__*/ React.createElement("tr", { key: employee.employee_id, className: "hover:bg-gray-100 group", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 91, columnNumber: 21 }, __self: this }, employee.employee_id), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, employee.name), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, employee.designation), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 94, columnNumber: 21 }, __self: this }, employee.department), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 95, columnNumber: 21 }, __self: this }, employee.reporting_manager), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 96, columnNumber: 21 }, __self: this }, employee.gender), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, employee.relation_status), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 21 }, __self: this }, employee.dob), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 99, columnNumber: 21 }, __self: this }, employee.email), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 21 }, __self: this }, employee.mobile), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, employee.doj), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 21 }, __self: this }, employee.aadhar_card_no), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 21 }, __self: this }, employee.pan_card_no), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 104, columnNumber: 21 }, __self: this }, employee.esi_no), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-2 py-1 bg-yellow-400 text-white rounded-lg font-roboto opacity-0 group-hover:opacity-100", __source: { fileName: "", lineNumber: 106, columnNumber: 23 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("button", { className: "px-2 py-1 bg-red-500 text-white rounded-lg ml-2 font-roboto opacity-0 group-hover:opacity-100", __source: { fileName: "", lineNumber: 107, columnNumber: 23 }, __self: this }, "Delete"))))))), activeTab === 'leave-management' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex mb-4 space-x-4", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('pending-leaves'), className: `text-lg font-roboto cursor-pointer ${subTab === 'pending-leaves' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, "Pending Leaves"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('overview'), className: `text-lg font-roboto cursor-pointer ${subTab === 'overview' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, "Overview")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, subTab === 'pending-leaves' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }, "Pending Leaves"), leaves.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 126, columnNumber: 21 }, __self: this }, "No leaves pending") : /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 129, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 130, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 131, columnNumber: 27 }, __self: this }, "Employee ID"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 132, columnNumber: 27 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 133, columnNumber: 27 }, __self: this }, "Designation"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 134, columnNumber: 27 }, __self: this }, "Date Applied"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 135, columnNumber: 27 }, __self: this }, "Pending At"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 136, columnNumber: 27 }, __self: this }, "Pending From"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 137, columnNumber: 27 }, __self: this }, "Action"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 140, columnNumber: 23 }, __self: this }, leaves.map((leave)=>/*#__PURE__*/ React.createElement("tr", { key: leave.leave_id, className: "hover:bg-gray-100 group", __source: { fileName: "", lineNumber: 142, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 143, columnNumber: 29 }, __self: this }, leave.employee_id), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 144, columnNumber: 29 }, __self: this }, leave.name), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 145, columnNumber: 29 }, __self: this }, leave.designation), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 146, columnNumber: 29 }, __self: this }, leave.date_applied), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 147, columnNumber: 29 }, __self: this }, leave.pending_at), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 148, columnNumber: 29 }, __self: this }, leave.pending_from), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 149, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-2 py-1 bg-green-500 text-white rounded-lg font-roboto opacity-0 group-hover:opacity-100", __source: { fileName: "", lineNumber: 150, columnNumber: 31 }, __self: this }, "Approve"), /*#__PURE__*/ React.createElement("button", { className: "px-2 py-1 bg-red-500 text-white rounded-lg ml-2 font-roboto opacity-0 group-hover:opacity-100", __source: { fileName: "", lineNumber: 151, columnNumber: 31 }, __self: this }, "Reject"))))))), subTab === 'overview' && /*#__PURE__*/ React.createElement("div", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "Overview Content"))), activeTab === 'salary' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex mb-4 space-x-4", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('hr'), className: `text-lg font-roboto cursor-pointer ${subTab === 'hr' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, "HR"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('accountant'), className: `text-lg font-roboto cursor-pointer ${subTab === 'accountant' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "Accountant")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, subTab === 'hr' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 175, columnNumber: 19 }, __self: this }, "HR Salary Details"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 178, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 179, columnNumber: 25 }, __self: this }, "Employee ID"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 180, columnNumber: 25 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 181, columnNumber: 25 }, __self: this }, "Designation"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 182, columnNumber: 25 }, __self: this }, "Department"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 183, columnNumber: 25 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 184, columnNumber: 25 }, __self: this }, "DOJ"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 185, columnNumber: 25 }, __self: this }, "Bank Account No."), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 186, columnNumber: 25 }, __self: this }, "IFSC Code"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 187, columnNumber: 25 }, __self: this }, "Bank Type"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 188, columnNumber: 25 }, __self: this }, "CTC"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 189, columnNumber: 25 }, __self: this }, "Employers Contribution to PF"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 190, columnNumber: 25 }, __self: this }, "Employers Contribution to ESI"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 191, columnNumber: 25 }, __self: this }, "Fixed Salary"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 192, columnNumber: 25 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 193, columnNumber: 25 }, __self: this }, "DA"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 194, columnNumber: 25 }, __self: this }, "HRA"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 195, columnNumber: 25 }, __self: this }, "Conveyance"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 196, columnNumber: 25 }, __self: this }, "Other Allowances"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 197, columnNumber: 25 }, __self: this }, "Gross Salary"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 198, columnNumber: 25 }, __self: this }, "Employee Contribution to PF"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 199, columnNumber: 25 }, __self: this }, "Employee Contribution to ESI"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 200, columnNumber: 25 }, __self: this }, "TDS"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 201, columnNumber: 25 }, __self: this }, "Advance"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 font-roboto", __source: { fileName: "", lineNumber: 202, columnNumber: 25 }, __self: this }, "Net Salary"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 205, columnNumber: 21 }, __self: this }, employees.map((employee)=>/*#__PURE__*/ React.createElement("tr", { key: employee.employee_id, className: "hover:bg-gray-100 group", __source: { fileName: "", lineNumber: 207, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 208, columnNumber: 27 }, __self: this }, employee.employee_id), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 209, columnNumber: 27 }, __self: this }, employee.name), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 210, columnNumber: 27 }, __self: this }, employee.designation), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 211, columnNumber: 27 }, __self: this }, employee.department), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 212, columnNumber: 27 }, __self: this }, employee.location), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 213, columnNumber: 27 }, __self: this }, employee.doj), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 214, columnNumber: 27 }, __self: this }, employee.bank_account_no), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 215, columnNumber: 27 }, __self: this }, employee.ifsc_code), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 216, columnNumber: 27 }, __self: this }, employee.bank_type), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 217, columnNumber: 27 }, __self: this }, employee.ctc), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 218, columnNumber: 27 }, __self: this }, employee.employers_contribution_to_pf), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 219, columnNumber: 27 }, __self: this }, employee.employers_contribution_to_esi), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 220, columnNumber: 27 }, __self: this }, employee.fixed_salary), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 221, columnNumber: 27 }, __self: this }, employee.basic), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 222, columnNumber: 27 }, __self: this }, employee.da), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 223, columnNumber: 27 }, __self: this }, employee.hra), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 224, columnNumber: 27 }, __self: this }, employee.conveyance), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 225, columnNumber: 27 }, __self: this }, employee.other_allowances), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 226, columnNumber: 27 }, __self: this }, employee.gross_salary), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 227, columnNumber: 27 }, __self: this }, employee.employee_contribution_to_pf), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 228, columnNumber: 27 }, __self: this }, employee.employee_contribution_to_esi), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 229, columnNumber: 27 }, __self: this }, employee.tds), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 230, columnNumber: 27 }, __self: this }, employee.advance), /*#__PURE__*/ React.createElement("td", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 231, columnNumber: 27 }, __self: this }, employee.net_salary)))))), subTab === 'accountant' && /*#__PURE__*/ React.createElement("div", { className: "flex mb-4 space-x-4", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('ddn-neft'), className: `text-lg font-roboto cursor-pointer ${subTab === 'ddn-neft' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 240, columnNumber: 19 }, __self: this }, "DDN NEFT"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('rrk-neft'), className: `text-lg font-roboto cursor-pointer ${subTab === 'rrk-neft' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }, "RRK NEFT"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSubTab('canara'), className: `text-lg font-roboto cursor-pointer ${subTab === 'canara' ? 'text-blue-400' : ''}`, __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }, "CANARA")))))); }