{"id":998,"date":"2025-09-29T16:30:29","date_gmt":"2025-09-30T00:30:29","guid":{"rendered":"https:\/\/helpdesk.costbook.ph\/?page_id=998"},"modified":"2025-09-29T17:07:07","modified_gmt":"2025-09-30T01:07:07","slug":"employees","status":"publish","type":"page","link":"https:\/\/helpdesk.costbook.ph\/index.php\/employees\/","title":{"rendered":"Employees"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"998\" class=\"elementor elementor-998\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c2ad3 e-con-full e-flex e-con e-parent\" data-id=\"33c2ad3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-824a3eb elementor-widget elementor-widget-template\" data-id=\"824a3eb\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"page\" data-elementor-id=\"925\" class=\"elementor elementor-925\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7946887d e-con-full e-flex e-con e-parent\" data-id=\"7946887d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-64491c90 e-con-full e-flex e-con e-child\" data-id=\"64491c90\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19812326 elementor-widget elementor-widget-image\" data-id=\"19812326\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/helpdesk.costbook.ph\/wp-content\/uploads\/2025\/09\/gffggfgf-removebg-preview-300x169.png\" class=\"attachment-medium size-medium wp-image-297\" alt=\"\" srcset=\"https:\/\/helpdesk.costbook.ph\/wp-content\/uploads\/2025\/09\/gffggfgf-removebg-preview-300x169.png 300w, https:\/\/helpdesk.costbook.ph\/wp-content\/uploads\/2025\/09\/gffggfgf-removebg-preview.png 666w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2644b23e e-con-full e-flex e-con e-child\" data-id=\"2644b23e\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2beff56e elementor-widget-tablet__width-initial elementor-widget__width-initial eael_simple_menu_hamburger_disable_selected_menu_no eael-simple-menu-hamburger-align-right eael-hamburger--tablet elementor-widget elementor-widget-eael-simple-menu\" data-id=\"2beff56e\" data-element_type=\"widget\" data-widget_type=\"eael-simple-menu.default\">\n\t\t\t\t\t<style>\n                        @media screen and (max-width: 1024px) {\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-horizontal,\n                                .eael-simple-menu-vertical {\n                                    display: none;\n                                }\n                            }\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-container .eael-simple-menu-toggle {\n                                    display: block;\n                                }\n                            }\n                        }\n                    <\/style>            <div data-hamburger-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-bars&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-indicator-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-dropdown-indicator-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" class=\"eael-simple-menu-container eael-simple-menu-align-center eael-simple-menu-dropdown-align-left preset-1\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Mobile Portrait (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablet Portrait (&gt; 1024px)&quot;,&quot;desktop&quot;:&quot;Desktop (&gt; 2400px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"tablet\">\n                <ul id=\"menu-main-menu\" class=\"eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-simple-menu-horizontal\"><li id=\"menu-item-875\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-875\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/dashboard-2-2\/\">Home<\/a><\/li>\n<li id=\"menu-item-878\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-878\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/elementor-131\/\">Ticket<\/a><\/li>\n<li id=\"menu-item-1004\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1004\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/employees\/\">Employees<\/a><\/li>\n<li id=\"menu-item-1057\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1057\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/assets\/\">Assets<\/a><\/li>\n<li id=\"menu-item-996\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-996\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/category\/\">Category<\/a><\/li>\n<li id=\"menu-item-876\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-876\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/report-analytics\/\">Reports<\/a><\/li>\n<li id=\"menu-item-877\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-877\"><a href=\"https:\/\/helpdesk.costbook.ph\/index.php\/dashboard-2\/\">Settings<\/a><\/li>\n<\/ul>                <button class=\"eael-simple-menu-toggle\">\n                    <span class=\"sr-only \">Hamburger Toggle Menu<\/span>\n                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg>                <\/button>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0ce9bc e-con-full e-flex e-con e-parent\" data-id=\"a0ce9bc\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-840fa3a e-con-full e-flex e-con e-child\" data-id=\"840fa3a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6ecbbb6 e-con-full e-flex e-con e-child\" data-id=\"6ecbbb6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ab0a77a e-con-full e-flex e-con e-child\" data-id=\"ab0a77a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0b8a43 elementor-widget elementor-widget-heading\" data-id=\"f0b8a43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Employees<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b770629 e-con-full e-flex e-con e-child\" data-id=\"b770629\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7611c e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"cb7611c\" data-element_type=\"widget\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"213344540\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2133445401\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2133445401\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tEmployees\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2133445402\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2133445402\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHistory\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2133445401\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2133445401\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-b32aa98 e-con-full e-flex e-con e-child\" data-id=\"b32aa98\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76b8014 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"76b8014\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>Employees<\/title>\r\n  <style>\r\n    body {\r\n      font-family: Arial, sans-serif;\r\n    }\r\n\r\n    h2 {\r\n      color: darkred;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    \/* Top Bar *\/\r\n    .top-bar {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .left-controls {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: center;\r\n    }\r\n\r\n    select, input[type=\"text\"] {\r\n      padding: 6px;\r\n      border-radius: 4px;\r\n      border: 1px solid #ccc;\r\n    }\r\n\r\n    .btn {\r\n      padding: 6px 12px;\r\n      border-radius: 5px;\r\n      border: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .btn-add {\r\n      background: #007bff;\r\n      color: white;\r\n    }\r\n\r\n    .btn-export {\r\n      background: #f0ad4e;\r\n      color: black;\r\n    }\r\n\r\n    \/* Table *\/\r\n    table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n    }\r\n\r\n    th, td {\r\n      padding: 10px;\r\n      text-align: center;\r\n      border: 1px solid #ccc;\r\n    }\r\n\r\n    th {\r\n      background: #555;\r\n      color: white;\r\n    }\r\n\r\n    .badge {\r\n      padding: 4px 8px;\r\n      border-radius: 4px;\r\n      color: white;\r\n      font-size: 12px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .badge.head { background: green; }\r\n    .badge.supervisor { background: blue; }\r\n    .badge.manager { background: purple; }\r\n    .badge.ojt { background: orange; }\r\n    .badge.other { background: gray; }\r\n\r\n    .btn-edit {\r\n      background: #5bc0de;\r\n      color: white;\r\n    }\r\n\r\n    .btn-delete {\r\n      background: #d9534f;\r\n      color: white;\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .modal {\r\n      display: none;\r\n      position: fixed;\r\n      z-index: 100;\r\n      left: 0; top: 0;\r\n      width: 100%; height: 100%;\r\n      background: rgba(0,0,0,0.5);\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .modal-content {\r\n      background: #fff;\r\n      padding: 20px 25px;\r\n      border-radius: 8px;\r\n      width: 400px;\r\n    }\r\n\r\n    .modal-content h2 {\r\n      font-size: 20px;\r\n      font-weight: bold;\r\n      margin: 0 0 15px;\r\n      color: darkred;\r\n    }\r\n\r\n    .modal-content label {\r\n      display: block;\r\n      font-weight: bold;\r\n      margin-top: 10px;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .modal-content input,\r\n    .modal-content select {\r\n      width: 100%;\r\n      padding: 8px;\r\n      border: 1px solid #ccc;\r\n      border-radius: 5px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .modal-content .actions {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .save-btn {\r\n      background-color: #28a745;\r\n      color: white;\r\n      border: none;\r\n      padding: 8px 14px;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .cancel-btn {\r\n      background-color: #ddd;\r\n      border: none;\r\n      padding: 8px 14px;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    \/* Print styles *\/\r\n    @media print {\r\n      body * {\r\n        visibility: hidden;\r\n      }\r\n      #employeeTable, #employeeTable * {\r\n        visibility: visible;\r\n      }\r\n      #employeeTable {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <h2>Employees<\/h2>\r\n  \r\n  <!-- Top Controls -->\r\n  <div class=\"top-bar\">\r\n    <div class=\"left-controls\">\r\n      <select id=\"positionFilter\" onchange=\"filterPosition()\">\r\n        <option value=\"\">Position<\/option>\r\n        <option value=\"Supervisor\">Supervisor<\/option>\r\n        <option value=\"Manager\">Manager<\/option>\r\n        <option value=\"Head\">Head<\/option>\r\n        <option value=\"OJT\">OJT<\/option>\r\n        <option value=\"Other\">Other<\/option>\r\n      <\/select>\r\n\r\n      <input type=\"text\" id=\"searchBox\" placeholder=\"Search\" onkeyup=\"searchTable()\">\r\n    <\/div>\r\n\r\n    <div class=\"right-controls\">\r\n      <button class=\"btn btn-add\" onclick=\"openModal()\">+ Add Employee<\/button>\r\n      <button class=\"btn btn-export\" onclick=\"window.print()\">Export<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Employees Table -->\r\n  <table id=\"employeeTable\">\r\n    <thead>\r\n      <tr>\r\n        <th>Ticket<\/th>\r\n        <th>Name<\/th>\r\n        <th>Department<\/th>\r\n        <th>Position<\/th>\r\n        <th>Email<\/th>\r\n        <th>Phone No.<\/th>\r\n        <th>Tickets<\/th>\r\n        <th>Action<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n    <tbody>\r\n      <tr>\r\n        <td>CL-001<\/td>\r\n        <td>Carlos Alarcon<\/td>\r\n        <td>Engineering Dept.<\/td>\r\n        <td><span class=\"badge head\">HEAD<\/span><\/td>\r\n        <td>calarcon@gmail.com<\/td>\r\n        <td>09564431589<\/td>\r\n        <td>3<\/td>\r\n        <td>\r\n          <button class=\"btn btn-edit\" onclick=\"editEmployee(this)\">Edit<\/button>\r\n          <button class=\"btn btn-delete\" onclick=\"this.closest('tr').remove()\">Delete<\/button>\r\n        <\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n\r\n  <!-- Add\/Edit Employee Modal -->\r\n  <div id=\"employeeModal\" class=\"modal\">\r\n    <div class=\"modal-content\">\r\n      <h2 id=\"modalTitle\">New Employee<\/h2>\r\n      \r\n      <label>First Name<\/label>\r\n      <input type=\"text\" id=\"firstName\">\r\n\r\n      <label>Last Name<\/label>\r\n      <input type=\"text\" id=\"lastName\">\r\n\r\n      <label>Email<\/label>\r\n      <input type=\"email\" id=\"email\">\r\n\r\n      <label>Phone Number<\/label>\r\n      <input type=\"text\" id=\"phone\">\r\n\r\n      <label>Department<\/label>\r\n      <input type=\"text\" id=\"department\">\r\n\r\n      <label>Position<\/label>\r\n      <select id=\"position\">\r\n        <option value=\"\">Select Position<\/option>\r\n        <option value=\"Supervisor\">Supervisor<\/option>\r\n        <option value=\"Manager\">Manager<\/option>\r\n        <option value=\"Head\">Head<\/option>\r\n        <option value=\"OJT\">OJT<\/option>\r\n        <option value=\"Other\">Other<\/option>\r\n      <\/select>\r\n\r\n      <div class=\"actions\">\r\n        <button class=\"save-btn\" onclick=\"saveEmployee()\">Save<\/button>\r\n        <button class=\"cancel-btn\" onclick=\"closeModal()\">Cancel<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    let editingRow = null;\r\n\r\n    function openModal(isEdit = false) {\r\n      document.getElementById(\"employeeModal\").style.display = \"flex\";\r\n      document.getElementById(\"modalTitle\").innerText = isEdit ? \"Edit Employee\" : \"New Employee\";\r\n    }\r\n\r\n    function closeModal() {\r\n      document.getElementById(\"employeeModal\").style.display = \"none\";\r\n      document.querySelectorAll(\"#employeeModal input\").forEach(input => input.value = \"\");\r\n      document.getElementById(\"position\").value = \"\";\r\n      editingRow = null;\r\n    }\r\n\r\n    function saveEmployee() {\r\n      let firstName = document.getElementById(\"firstName\").value;\r\n      let lastName = document.getElementById(\"lastName\").value;\r\n      let email = document.getElementById(\"email\").value;\r\n      let phone = document.getElementById(\"phone\").value;\r\n      let department = document.getElementById(\"department\").value;\r\n      let position = document.getElementById(\"position\").value;\r\n\r\n      if (!firstName || !lastName || !email || !phone || !department || !position) {\r\n        alert(\"Please fill in all fields!\");\r\n        return;\r\n      }\r\n\r\n      if (editingRow) {\r\n        \/\/ Update existing employee\r\n        editingRow.cells[1].innerText = `${firstName} ${lastName}`;\r\n        editingRow.cells[2].innerText = department;\r\n        editingRow.cells[3].innerHTML = `<span class=\"badge ${position.toLowerCase()}\">${position.toUpperCase()}<\/span>`;\r\n        editingRow.cells[4].innerText = email;\r\n        editingRow.cells[5].innerText = phone;\r\n      } else {\r\n        \/\/ Add new employee\r\n        let table = document.getElementById(\"employeeTable\").getElementsByTagName(\"tbody\")[0];\r\n        let newRow = table.insertRow();\r\n\r\n        newRow.innerHTML = `\r\n          <td>CL-${Math.floor(Math.random()*1000)}<\/td>\r\n          <td>${firstName} ${lastName}<\/td>\r\n          <td>${department}<\/td>\r\n          <td><span class=\"badge ${position.toLowerCase()}\">${position.toUpperCase()}<\/span><\/td>\r\n          <td>${email}<\/td>\r\n          <td>${phone}<\/td>\r\n          <td>0<\/td>\r\n          <td>\r\n            <button class=\"btn btn-edit\" onclick=\"editEmployee(this)\">Edit<\/button>\r\n            <button class=\"btn btn-delete\" onclick=\"this.closest('tr').remove()\">Delete<\/button>\r\n          <\/td>\r\n        `;\r\n      }\r\n\r\n      closeModal();\r\n    }\r\n\r\n    function editEmployee(button) {\r\n      editingRow = button.closest(\"tr\");\r\n      let name = editingRow.cells[1].innerText.split(\" \");\r\n      document.getElementById(\"firstName\").value = name[0];\r\n      document.getElementById(\"lastName\").value = name[1] || \"\";\r\n      document.getElementById(\"department\").value = editingRow.cells[2].innerText;\r\n      document.getElementById(\"email\").value = editingRow.cells[4].innerText;\r\n      document.getElementById(\"phone\").value = editingRow.cells[5].innerText;\r\n      document.getElementById(\"position\").value = editingRow.cells[3].innerText.trim();\r\n\r\n      openModal(true);\r\n    }\r\n\r\n    function filterPosition() {\r\n      let filter = document.getElementById(\"positionFilter\").value.toLowerCase();\r\n      let rows = document.querySelectorAll(\"#employeeTable tbody tr\");\r\n\r\n      rows.forEach(row => {\r\n        let pos = row.cells[3].innerText.toLowerCase();\r\n        row.style.display = (filter === \"\" || pos.includes(filter)) ? \"\" : \"none\";\r\n      });\r\n    }\r\n\r\n    function searchTable() {\r\n      let query = document.getElementById(\"searchBox\").value.toLowerCase();\r\n      let rows = document.querySelectorAll(\"#employeeTable tbody tr\");\r\n\r\n      rows.forEach(row => {\r\n        let text = row.innerText.toLowerCase();\r\n        row.style.display = text.includes(query) ? \"\" : \"none\";\r\n      });\r\n    }\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2133445402\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2133445402\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-09022ae e-con-full e-flex e-con e-child\" data-id=\"09022ae\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bcc796 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2bcc796\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"client-history\">\r\n  <h2>Client History<\/h2>\r\n\r\n  <!-- Filter\/Search -->\r\n  <div class=\"history-filters\">\r\n    <label for=\"clientSelect\">Select Client:<\/label>\r\n    <select id=\"clientSelect\">\r\n      <option>-- Choose Client --<\/option>\r\n      <option>Juan Dela Cruz<\/option>\r\n      <option>Maria Santos<\/option>\r\n      <option>Carlos Reyes<\/option>\r\n    <\/select>\r\n\r\n    <input type=\"text\" placeholder=\"Search actions...\">\r\n  <\/div>\r\n\r\n  <!-- Timeline Table -->\r\n  <div class=\"history-table\">\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>Date<\/th>\r\n          <th>Action<\/th>\r\n          <th>By<\/th>\r\n          <th>Notes<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n        <tr>\r\n          <td>2025-09-20<\/td>\r\n          <td>Email updated<\/td>\r\n          <td>Admin<\/td>\r\n          <td>Changed email to juan@example.com<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>2025-09-15<\/td>\r\n          <td>Client moved to Corporate<\/td>\r\n          <td>Admin<\/td>\r\n          <td>Updated client type<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>2025-09-10<\/td>\r\n          <td>New Note Added<\/td>\r\n          <td>Support<\/td>\r\n          <td>Called client about billing inquiry<\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Employees Employees History Employees Employees PositionSupervisorManagerHeadOJTOther + Add Employee Export Ticket Name Department Position Email Phone No. Tickets Action CL-001 Carlos Alarcon Engineering Dept. HEAD calarcon@gmail.com 09564431589 3 Edit Delete New Employee First Name Last Name Email Phone Number Department Position Select PositionSupervisorManagerHeadOJTOther Save Cancel Client History Select Client: &#8212; Choose Client &#8212;Juan Dela CruzMaria [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-998","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/pages\/998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":8,"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/pages\/998\/revisions"}],"predecessor-version":[{"id":1016,"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/pages\/998\/revisions\/1016"}],"wp:attachment":[{"href":"https:\/\/helpdesk.costbook.ph\/index.php\/wp-json\/wp\/v2\/media?parent=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}