Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap&font-display=swap\" rel=\"stylesheet\">\n <style>\n .page-container {\n margin-left: 50px; \/* Th\u1ee5t l\u1ec1 50px cho m\u00e1y t\u00ednh v\u00e0 tablet *\/\n margin-right: 50px; \/* Th\u1ee5t l\u1ec1 50px cho m\u00e1y t\u00ednh v\u00e0 tablet *\/\n }\n\n @media (max-width: 768px) {\n .page-container {\n margin-left: 5px; \n margin-right: 5px; \n }\n }\n\n .job-listing-page body {\n font-family: 'Roboto', sans-serif;\n margin: 20px;\n }\n .job-listing-page .search-container {\n background-color: #085870;\n padding: 20px;\n border-radius: 5px;\n margin-bottom: 20px;\n }\n .job-listing-page .search-bar {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n .job-listing-page .search-bar input, .job-listing-page .search-bar select, .job-listing-page .search-bar button {\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 20px;\n margin-bottom: 10px;\n height: 45px;\n }\n .job-listing-page .search-bar input, .job-listing-page .search-bar select {\n width: calc(100% \/ 4 - 10px);\n }\n .job-listing-page .search-bar button {\n width: calc(100% \/ 4 - 10px);\n background-color: white;\n color: #085870;\n cursor: pointer;\n border-radius: 20px;\n height: 45px;\n transition: background-color 0.3s, color 0.3s;\n }\n .job-listing-page .search-bar button:hover {\n background-color: #085870;\n color: white;\n }\n .job-listing-page .job-listing {\n position: relative;\n margin-bottom: 20px;\n border: 1px solid #085870;\n padding: 20px;\n padding-left: 25px; \/* C\u0103n l\u1ec1 tr\u00e1i *\/\n padding-right: 25px; \/* C\u0103n l\u1ec1 ph\u1ea3i *\/\n overflow: hidden;\n background-color: white;\n border-radius: 5px;\n }\n .job-listing-page .job-listing h1 {\n color: #085870;\n display: inline-block;\n margin-right: 20px;\n }\n .job-listing-page h1 {\n color: #085870;\n }\n .job-listing-page h3 {\n color: #eb1018;\n }\n .job-listing-page .job-listing p {\n margin: 5px 0;\n }\n .job-listing-page .job-detail {\n color: #085870;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n }\n .job-listing-page .job-info {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: flex-start; \n }\n .job-listing-page .job-info > div {\n flex: 1;\n min-width: 150px;\n margin-right: 10px;\n margin-bottom: 5px; \n color: #666666; \/* M\u00e0u ch\u1eef ph\u1ea7n th\u00f4ng tin *\/\n }\n .job-listing-page .job-info > div:last-child {\n margin-right: 0;\n }\n\n \n .job-listing-page .job-info > div span {\n display: -webkit-box;\n -webkit-line-clamp: 3; \/* Hi\u1ec3n th\u1ecb t\u1ed1i \u0111a 3 d\u00f2ng *\/\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .job-listing-page .detail-button {\n background-color: #FFFFFF;\n color: #085870;\n padding: 5px 15px;\n text-align: center;\n display: inline-block;\n cursor: pointer;\n border: 1px solid #085870;\n border-radius: 30px;\n transition: background-color 0.3s;\n margin-bottom: 10px;\n position: absolute;\n right: 15px;\n }\n .job-listing-page .detail-button:hover {\n background-color: #085870;\n color: white;\n }\n .job-listing-page .view-all-button {\n display: block;\n width: 200px;\n margin: 20px auto;\n padding: 10px 20px;\n background-color: #085870;\n color: white;\n text-align: center;\n cursor: pointer;\n border-radius: 30px;\n transition: background-color 0.3s;\n }\n .job-listing-page .view-all-button:hover {\n background-color: #085870;\n }\n @media (max-width: 768px) {\n .job-listing-page .search-bar {\n flex-direction: column;\n }\n .job-listing-page .search-bar input, .job-listing-page .search-bar select, .job-listing-page .search-bar button {\n width: 100%;\n margin-right: 0;\n margin-bottom: 5px;\n height: 40px;\n }\n .job-listing-page .search-bar button {\n width: 100%;\n height: 45px;\n }\n .job-listing-page .job-detail {\n flex-direction: column;\n align-items: flex-start;\n white-space: normal;\n }\n .job-listing-page .job-info {\n flex-direction: column;\n align-items: flex-start;\n }\n .job-listing-page .job-info > div {\n display: inline-block; \n margin-right: 0;\n margin-bottom: 5px;\n }\n .job-listing-page .job-info > div > strong {\n display: inline; \n }\n .job-listing-page .job-info > div br {\n display: none; \n }\n .job-listing-page .detail-button {\n position: static;\n margin-top: 10px;\n width: 100%;\n max-width: none;\n }\n\n \/* \u0110i\u1ec1u ch\u1ec9nh margin c\u1ee7a popup tr\u00ean \u0111i\u1ec7n tho\u1ea1i *\/\n .popup-content {\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n .job-listing-page .popup {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n .job-listing-page .popup-content {\n color: #063151;\n background-color: white;\n padding: 25px;\n padding-bottom: 85px;\n border-radius: 0px;\n max-width: 1080px;\n width: 100%;\n height: 100vh;\n overflow-y: auto;\n position: relative;\n margin-bottom: 0px;\n }\n .job-details-table {\n width: 100%;\n border-collapse: collapse;\n }\n .job-details-table th, .job-details-table td {\n border: 0.5px solid #ccc; \/* M\u00e0u x\u00e1m nh\u1ea1t v\u00e0 \u0111\u1ed9 d\u00e0y vi\u1ec1n *\/\n padding: 8px;\n vertical-align: top;\n }\n .job-details-table th {\n background-color: #f9f9f9;\n width: 30%; \/* \u0110\u1eb7t \u0111\u1ed9 r\u1ed9ng c\u1ed9t ti\u00eau \u0111\u1ec1 *\/\n font-weight: bold;\n text-align: left;\n text-transform: none; \/* Kh\u00f4ng in hoa, ch\u1ec9 t\u00f4 \u0111\u1eadm *\/\n }\n .job-details-table td {\n width: 70%; \/* \u0110\u1eb7t \u0111\u1ed9 r\u1ed9ng c\u1ed9t n\u1ed9i dung *\/\n }\n .job-listing-page .action-buttons {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 15px;\n background-color: white;\n border-top: 1px solid #ccc;\n box-shadow: 0 -2px 5px rgba(0,0,0,0.1);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n text-align: center;\n }\n .job-listing-page .action-buttons button {\n background-color: #eb1018;\n color: white;\n padding: 10px 20px;\n text-align: center;\n display: inline-block;\n cursor: pointer;\n border-radius: 30px;\n transition: background-color 0.3s;\n margin: 0 10px;\n }\n .job-listing-page .action-buttons button.close-button {\n background-color: #085870;\n }\n .job-listing-page .action-buttons button.close-button:hover {\n background-color: #085870;\n }\n .job-listing-page .action-buttons button.apply-button:hover {\n background-color: #eb1018;\n }\n body.popup-open {\n overflow: hidden;\n }\n .job-listing-page .job-count {\n margin-bottom: 20px;\n font-weight: bold;\n color: #eb1018;\n font-size: 16px;\n text-align: left;\n padding-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page-container\"> \n <div class=\"job-listing-page\">\n <h1>C\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m<\/h1>\n <p>H\u00e0ng ng\u00e0n vi\u1ec7c l\u00e0m v\u1edbi m\u1ee9c l\u01b0\u01a1ng cao v\u00e0 ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9 c\u1ef1c t\u1ed1t \u0111ang ch\u1edd b\u1ea1n!<\/p>\n <div class=\"search-container\">\n <div class=\"search-bar\">\n <input type=\"text\" id=\"keyword\" placeholder=\"T\u00ean c\u00f4ng vi\u1ec7c\">\n <select id=\"industry\">\n <option value=\"\">Ng\u00e0nh ngh\u1ec1<\/option>\n <\/select>\n <select id=\"location\">\n <option value=\"\">N\u01a1i l\u00e0m vi\u1ec7c<\/option>\n <\/select>\n <button onclick=\"searchJobs()\">T\u00ccM KI\u1ebeM<\/button>\n <\/div>\n <\/div>\n <div id=\"job-count\" class=\"job-count\"><\/div>\n <div id=\"job-list\"><\/div>\n <div id=\"view-all-container\" style=\"display: none;\">\n <button class=\"view-all-button\" onclick=\"showAllJobs()\">Xem t\u1ea5t c\u1ea3<\/button>\n <\/div>\n <div class=\"popup\" id=\"job-popup\">\n <div class=\"popup-content\">\n <h3 id=\"popup-tendonhang\"><\/h3> \n <table class=\"job-details-table\">\n <tr>\n <th>M\u00e3 c\u00f4ng vi\u1ec7c:<\/th>\n <td id=\"popup-jobcode\"><\/td>\n <\/tr>\n <tr>\n <th>Ng\u00e0nh ngh\u1ec1:<\/th>\n <td id=\"popup-nghanhnghe\"><\/td>\n <\/tr>\n <tr>\n <th>\u0110\u1ecba \u0111i\u1ec3m:<\/th>\n <td id=\"popup-noilamviec\"><\/td>\n <\/tr>\n <tr>\n <th>M\u1ee9c l\u01b0\u01a1ng:<\/th>\n <td id=\"popup-luong\"><\/td>\n <\/tr>\n <tr>\n <th>tr\u1ee3 c\u1eadp l\u00e0m th\u00eam gi\u1edd:<\/th>\n <td id=\"popup-trocap\"><\/td>\n <\/tr>\n <tr>\n <th>M\u00f4 t\u1ea3 c\u00f4ng vi\u1ec7c:<\/th>\n <td id=\"popup-tencv\"><\/td>\n <\/tr>\n <tr>\n <th>S\u1ed1 l\u01b0\u1ee3ng tuy\u1ec3n:<\/th>\n <td id=\"popup-sltuyen\"><\/td>\n <\/tr>\n <tr>\n <th>Ti\u1ec1n nh\u00e0, \u0111i\u1ec7n n\u01b0\u1edbc:<\/th>\n <td id=\"popup-tiennha\"><\/td>\n <\/tr>\n <tr>\n <th>Ng\u00e0y ngh\u1ec9:<\/th>\n <td id=\"popup-ngaynghi\"><\/td>\n <\/tr>\n <tr>\n <th>Th\u1eddi gian l\u00e0m vi\u1ec7c:<\/th>\n <td id=\"popup-thoigianlv\"><\/td>\n <\/tr>\n <tr>\n <th>D\u1ef1 ki\u1ebfn thi tuy\u1ec3n:<\/th>\n <td id=\"popup-dukientt\"><\/td>\n <\/tr>\n <tr>\n <th>D\u1ef1 ki\u1ebfn xu\u1ea5t c\u1ea3nh:<\/th>\n <td id=\"popup-dukienxc\"><\/td>\n <\/tr>\n <tr>\n <th>Y\u00eau c\u1ea7u kinh nghi\u1ec7m:<\/th>\n <td id=\"popup-yctuyen\"><\/td>\n <\/tr>\n <tr>\n <th>Ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9:<\/th>\n <td id=\"popup-chedodaingo\"><\/td>\n <\/tr>\n <tr>\n <th>Ng\u00e0y t\u1ea1o:<\/th>\n <td id=\"popup-creatdate\"><\/td>\n <\/tr>\n <\/table>\n <\/div>\n <div class=\"action-buttons\">\n <button class=\"close-button\" onclick=\"closePopup()\">\u0110\u00f3ng<\/button>\n <button class=\"apply-button\" onclick=\"applyNow()\">\u1ee8ng tuy\u1ec3n ngay<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <script>\n let allJobs = [];\n let showingAllJobs = false;\n \n document.addEventListener(\"DOMContentLoaded\", function() {\n \n const cachedJobs = sessionStorage.getItem('allJobs');\n if (cachedJobs) {\n \n allJobs = JSON.parse(cachedJobs);\n populateFilters(allJobs);\n displayJobs(allJobs);\n } else {\n \/\/ N\u1ebfu ch\u01b0a c\u00f3, t\u1ea3i d\u1eef li\u1ec7u t\u1eeb API\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxGV7c4ihJyOfays40GRUOStrurZNSNvg6GoFnRy_-oqjv8gwXm-Q1FvFSdu0gw7UTSfQ\/exec')\n .then(response => response.json())\n .then(jobs => {\n allJobs = jobs;\n sessionStorage.setItem('allJobs', JSON.stringify(jobs));\n populateFilters(jobs);\n displayJobs(jobs);\n })\n .catch(error => console.error('Error:', error));\n }\n });\n\n function formatDate(dateString) {\n const date = new Date(dateString);\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n return `${day}\/${month}\/${year}`;\n }\n\n function populateFilters(jobs) {\n const industrySelect = document.getElementById('industry');\n const locationSelect = document.getElementById('location'); \n const industries = [...new Set(jobs.map(job => job.nghanhnghe))];\n const locations = [...new Set(jobs.flatMap(job => job.noilamviec.split(',').map(loc => loc.trim())))];\n\n industries.forEach(industry => {\n const option = document.createElement('option');\n option.value = industry;\n option.textContent = industry;\n industrySelect.appendChild(option);\n });\n\n locations.forEach(location => {\n const option = document.createElement('option');\n option.value = location;\n option.textContent = location;\n locationSelect.appendChild(option);\n });\n }\n\n function displayJobs(jobs) {\n jobs.sort((a, b) => new Date(b.creatdate) - new Date(a.creatdate));\n const container = document.getElementById('job-list');\n const viewAllContainer = document.getElementById('view-all-container');\n const jobCount = document.getElementById('job-count');\n container.innerHTML = '';\n\n const totalJobs = jobs.length;\n const jobsToShow = showingAllJobs ? jobs : jobs.slice(0, 15);\n\n jobCount.textContent = `Hi\u1ec3n th\u1ecb 1-${jobsToShow.length} c\u1ee7a t\u1ed5ng s\u1ed1 ${totalJobs} vi\u1ec7c l\u00e0m`;\n\n jobsToShow.forEach(job => {\n const jobElement = document.createElement('div');\n jobElement.classList.add('job-listing');\n jobElement.innerHTML = `\n <div class=\"job-detail\">\n <h3>${job.tendonhang}<\/h3>\n <\/div>\n <div class=\"job-info\">\n <div><strong>M\u00e3 c\u00f4ng vi\u1ec7c: <\/strong><br> ${job.jobcode}<\/div>\n <div><strong>\u0110\u1ecba \u0111i\u1ec3m: <\/strong> <br>${job.noilamviec}<\/div>\n <div><strong>M\u1ee9c l\u01b0\u01a1ng: <\/strong><br> <span>${job.luong}<\/span><\/div>\n <div><strong>Ng\u00e0y c\u1eadp nh\u1eadt: <\/strong><br> ${formatDate(job.creatdate)}<\/div>\n <div><button class=\"detail-button\" onclick=\"showJobDetails('${job.jobcode}')\">Xem chi ti\u1ebft<\/button><\/div>\n <\/div>\n `;\n container.appendChild(jobElement);\n });\n\n if (!showingAllJobs && jobs.length > 15) {\n viewAllContainer.style.display = 'block';\n } else {\n viewAllContainer.style.display = 'none';\n }\n }\n\n function searchJobs() {\n const keyword = document.getElementById('keyword').value.toLowerCase();\n const industry = document.getElementById('industry').value;\n const location = document.getElementById('location').value.toLowerCase();\n\n const filteredJobs = allJobs.filter(job => {\n const matchesKeyword = job.tendonhang.toLowerCase().includes(keyword);\n const matchesIndustry = !industry || job.nghanhnghe.includes(industry);\n const matchesLocation = !location || job.noilamviec.split(',').map(loc => loc.trim().toLowerCase()).includes(location);\n return matchesKeyword && matchesIndustry && matchesLocation;\n });\n\n displayJobs(filteredJobs);\n }\n\n function showJobDetails(jobcode) {\n const job = allJobs.find(job => job.jobcode === jobcode);\n if (job) {\n document.getElementById('popup-tendonhang').textContent = job.tendonhang;\n document.getElementById('popup-jobcode').textContent = job.jobcode;\n document.getElementById('popup-nghanhnghe').textContent = job.nghanhnghe;\n document.getElementById('popup-noilamviec').textContent = job.noilamviec;\n document.getElementById('popup-luong').innerHTML = job.luong;\n document.getElementById('popup-trocap').innerHTML = job.trocap;\n document.getElementById('popup-tencv').innerHTML = job.tencv;\n document.getElementById('popup-yctuyen').innerHTML = job.kinhnghiem;\n document.getElementById('popup-sltuyen').innerHTML = job.sltuyen;\n document.getElementById('popup-tiennha').innerHTML = job.tiennha;\n document.getElementById('popup-ngaynghi').innerHTML = job.ngaynghi;\n document.getElementById('popup-thoigianlv').innerHTML = job.thoigianlv;\n document.getElementById('popup-dukientt').innerHTML = job.dukientt;\n document.getElementById('popup-dukienxc').innerHTML = job.dukienxc;\n document.getElementById('popup-chedodaingo').innerHTML = job.chedodaingo;\n document.getElementById('popup-creatdate').innerHTML = formatDate(job.creatdate);\n document.getElementById('job-popup').style.display = 'flex';\n document.body.classList.add('popup-open');\n sessionStorage.setItem('jobcode', job.jobcode);\n }\n }\n\n function closePopup() {\n document.getElementById('job-popup').style.display = 'none';\n document.body.classList.remove('popup-open');\n }\n\n function applyNow() {\n const jobcode = sessionStorage.getItem('jobcode');\n const jobApplyLink = 'https:\/\/m.me\/thanhthao.tokutei?ref=w28935462';\n window.open(jobApplyLink, '_blank');\n }\n\n function showAllJobs() {\n showingAllJobs = true;\n displayJobs(allJobs);\n }\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Danh s\u00e1ch c\u00f4ng vi\u1ec7c C\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m H\u00e0ng ng\u00e0n vi\u1ec7c l\u00e0m v\u1edbi m\u1ee9c l\u01b0\u01a1ng cao v\u00e0 ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9 c\u1ef1c t\u1ed1t \u0111ang ch\u1edd b\u1ea1n! Ng\u00e0nh ngh\u1ec1 N\u01a1i l\u00e0m vi\u1ec7c T\u00ccM KI\u1ebeM Xem t\u1ea5t c\u1ea3 M\u00e3 c\u00f4ng vi\u1ec7c: Ng\u00e0nh ngh\u1ec1: \u0110\u1ecba \u0111i\u1ec3m: M\u1ee9c l\u01b0\u01a1ng: tr\u1ee3 c\u1eadp l\u00e0m th\u00eam gi\u1edd: M\u00f4 t\u1ea3 c\u00f4ng vi\u1ec7c: S\u1ed1 l\u01b0\u1ee3ng tuy\u1ec3n: Ti\u1ec1n nh\u00e0, \u0111i\u1ec7n n\u01b0\u1edbc: Ng\u00e0y ngh\u1ec9: Th\u1eddi gian l\u00e0m vi\u1ec7c: D\u1ef1 ki\u1ebfn thi tuy\u1ec3n: D\u1ef1 ki\u1ebfn xu\u1ea5t c\u1ea3nh: Y\u00eau c\u1ea7u kinh nghi\u1ec7m: Ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9: Ng\u00e0y t\u1ea1o: \u0110\u00f3ng \u1ee8ng tuy\u1ec3n ngay<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":86,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":5073,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/222\/revisions\/5073"}],"wp:attachment":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap&font-display=swap\" rel=\"stylesheet\">\n <style>\n .page-container {\n margin-left: 50px; \/* Th\u1ee5t l\u1ec1 50px cho m\u00e1y t\u00ednh v\u00e0 tablet *\/\n margin-right: 50px; \/* Th\u1ee5t l\u1ec1 50px cho m\u00e1y t\u00ednh v\u00e0 tablet *\/\n }\n\n @media (max-width: 768px) {\n .page-container {\n margin-left: 5px; \n margin-right: 5px; \n }\n }\n\n .job-listing-page body {\n font-family: 'Roboto', sans-serif;\n margin: 20px;\n }\n .job-listing-page .search-container {\n background-color: #085870;\n padding: 20px;\n border-radius: 5px;\n margin-bottom: 20px;\n }\n .job-listing-page .search-bar {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n .job-listing-page .search-bar input, .job-listing-page .search-bar select, .job-listing-page .search-bar button {\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 20px;\n margin-bottom: 10px;\n height: 45px;\n }\n .job-listing-page .search-bar input, .job-listing-page .search-bar select {\n width: calc(100% \/ 4 - 10px);\n }\n .job-listing-page .search-bar button {\n width: calc(100% \/ 4 - 10px);\n background-color: white;\n color: #085870;\n cursor: pointer;\n border-radius: 20px;\n height: 45px;\n transition: background-color 0.3s, color 0.3s;\n }\n .job-listing-page .search-bar button:hover {\n background-color: #085870;\n color: white;\n }\n .job-listing-page .job-listing {\n position: relative;\n margin-bottom: 20px;\n border: 1px solid #085870;\n padding: 20px;\n padding-left: 25px; \/* C\u0103n l\u1ec1 tr\u00e1i *\/\n padding-right: 25px; \/* C\u0103n l\u1ec1 ph\u1ea3i *\/\n overflow: hidden;\n background-color: white;\n border-radius: 5px;\n }\n .job-listing-page .job-listing h1 {\n color: #085870;\n display: inline-block;\n margin-right: 20px;\n }\n .job-listing-page h1 {\n color: #085870;\n }\n .job-listing-page h3 {\n color: #eb1018;\n }\n .job-listing-page .job-listing p {\n margin: 5px 0;\n }\n .job-listing-page .job-detail {\n color: #085870;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n }\n .job-listing-page .job-info {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: flex-start; \n }\n .job-listing-page .job-info > div {\n flex: 1;\n min-width: 150px;\n margin-right: 10px;\n margin-bottom: 5px; \n color: #666666; \/* M\u00e0u ch\u1eef ph\u1ea7n th\u00f4ng tin *\/\n }\n .job-listing-page .job-info > div:last-child {\n margin-right: 0;\n }\n\n \n .job-listing-page .job-info > div span {\n display: -webkit-box;\n -webkit-line-clamp: 3; \/* Hi\u1ec3n th\u1ecb t\u1ed1i \u0111a 3 d\u00f2ng *\/\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .job-listing-page .detail-button {\n background-color: #FFFFFF;\n color: #085870;\n padding: 5px 15px;\n text-align: center;\n display: inline-block;\n cursor: pointer;\n border: 1px solid #085870;\n border-radius: 30px;\n transition: background-color 0.3s;\n margin-bottom: 10px;\n position: absolute;\n right: 15px;\n }\n .job-listing-page .detail-button:hover {\n background-color: #085870;\n color: white;\n }\n .job-listing-page .view-all-button {\n display: block;\n width: 200px;\n margin: 20px auto;\n padding: 10px 20px;\n background-color: #085870;\n color: white;\n text-align: center;\n cursor: pointer;\n border-radius: 30px;\n transition: background-color 0.3s;\n }\n .job-listing-page .view-all-button:hover {\n background-color: #085870;\n }\n @media (max-width: 768px) {\n .job-listing-page .search-bar {\n flex-direction: column;\n }\n .job-listing-page .search-bar input, .job-listing-page .search-bar select, .job-listing-page .search-bar button {\n width: 100%;\n margin-right: 0;\n margin-bottom: 5px;\n height: 40px;\n }\n .job-listing-page .search-bar button {\n width: 100%;\n height: 45px;\n }\n .job-listing-page .job-detail {\n flex-direction: column;\n align-items: flex-start;\n white-space: normal;\n }\n .job-listing-page .job-info {\n flex-direction: column;\n align-items: flex-start;\n }\n .job-listing-page .job-info > div {\n display: inline-block; \n margin-right: 0;\n margin-bottom: 5px;\n }\n .job-listing-page .job-info > div > strong {\n display: inline; \n }\n .job-listing-page .job-info > div br {\n display: none; \n }\n .job-listing-page .detail-button {\n position: static;\n margin-top: 10px;\n width: 100%;\n max-width: none;\n }\n\n \/* \u0110i\u1ec1u ch\u1ec9nh margin c\u1ee7a popup tr\u00ean \u0111i\u1ec7n tho\u1ea1i *\/\n .popup-content {\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n .job-listing-page .popup {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n .job-listing-page .popup-content {\n color: #063151;\n background-color: white;\n padding: 25px;\n padding-bottom: 85px;\n border-radius: 0px;\n max-width: 1080px;\n width: 100%;\n height: 100vh;\n overflow-y: auto;\n position: relative;\n margin-bottom: 0px;\n }\n .job-details-table {\n width: 100%;\n border-collapse: collapse;\n }\n .job-details-table th, .job-details-table td {\n border: 0.5px solid #ccc; \/* M\u00e0u x\u00e1m nh\u1ea1t v\u00e0 \u0111\u1ed9 d\u00e0y vi\u1ec1n *\/\n padding: 8px;\n vertical-align: top;\n }\n .job-details-table th {\n background-color: #f9f9f9;\n width: 30%; \/* \u0110\u1eb7t \u0111\u1ed9 r\u1ed9ng c\u1ed9t ti\u00eau \u0111\u1ec1 *\/\n font-weight: bold;\n text-align: left;\n text-transform: none; \/* Kh\u00f4ng in hoa, ch\u1ec9 t\u00f4 \u0111\u1eadm *\/\n }\n .job-details-table td {\n width: 70%; \/* \u0110\u1eb7t \u0111\u1ed9 r\u1ed9ng c\u1ed9t n\u1ed9i dung *\/\n }\n .job-listing-page .action-buttons {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 15px;\n background-color: white;\n border-top: 1px solid #ccc;\n box-shadow: 0 -2px 5px rgba(0,0,0,0.1);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n text-align: center;\n }\n .job-listing-page .action-buttons button {\n background-color: #eb1018;\n color: white;\n padding: 10px 20px;\n text-align: center;\n display: inline-block;\n cursor: pointer;\n border-radius: 30px;\n transition: background-color 0.3s;\n margin: 0 10px;\n }\n .job-listing-page .action-buttons button.close-button {\n background-color: #085870;\n }\n .job-listing-page .action-buttons button.close-button:hover {\n background-color: #085870;\n }\n .job-listing-page .action-buttons button.apply-button:hover {\n background-color: #eb1018;\n }\n body.popup-open {\n overflow: hidden;\n }\n .job-listing-page .job-count {\n margin-bottom: 20px;\n font-weight: bold;\n color: #eb1018;\n font-size: 16px;\n text-align: left;\n padding-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page-container\"> \n <div class=\"job-listing-page\">\n <h1>C\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m<\/h1>\n <p>H\u00e0ng ng\u00e0n vi\u1ec7c l\u00e0m v\u1edbi m\u1ee9c l\u01b0\u01a1ng cao v\u00e0 ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9 c\u1ef1c t\u1ed1t \u0111ang ch\u1edd b\u1ea1n!<\/p>\n <div class=\"search-container\">\n <div class=\"search-bar\">\n <input type=\"text\" id=\"keyword\" placeholder=\"T\u00ean c\u00f4ng vi\u1ec7c\">\n <select id=\"industry\">\n <option value=\"\">Ng\u00e0nh ngh\u1ec1<\/option>\n <\/select>\n <select id=\"location\">\n <option value=\"\">N\u01a1i l\u00e0m vi\u1ec7c<\/option>\n <\/select>\n <button onclick=\"searchJobs()\">T\u00ccM KI\u1ebeM<\/button>\n <\/div>\n <\/div>\n <div id=\"job-count\" class=\"job-count\"><\/div>\n <div id=\"job-list\"><\/div>\n <div id=\"view-all-container\" style=\"display: none;\">\n <button class=\"view-all-button\" onclick=\"showAllJobs()\">Xem t\u1ea5t c\u1ea3<\/button>\n <\/div>\n <div class=\"popup\" id=\"job-popup\">\n <div class=\"popup-content\">\n <h3 id=\"popup-tendonhang\"><\/h3> \n <table class=\"job-details-table\">\n <tr>\n <th>M\u00e3 c\u00f4ng vi\u1ec7c:<\/th>\n <td id=\"popup-jobcode\"><\/td>\n <\/tr>\n <tr>\n <th>Ng\u00e0nh ngh\u1ec1:<\/th>\n <td id=\"popup-nghanhnghe\"><\/td>\n <\/tr>\n <tr>\n <th>\u0110\u1ecba \u0111i\u1ec3m:<\/th>\n <td id=\"popup-noilamviec\"><\/td>\n <\/tr>\n <tr>\n <th>M\u1ee9c l\u01b0\u01a1ng:<\/th>\n <td id=\"popup-luong\"><\/td>\n <\/tr>\n <tr>\n <th>tr\u1ee3 c\u1eadp l\u00e0m th\u00eam gi\u1edd:<\/th>\n <td id=\"popup-trocap\"><\/td>\n <\/tr>\n <tr>\n <th>M\u00f4 t\u1ea3 c\u00f4ng vi\u1ec7c:<\/th>\n <td id=\"popup-tencv\"><\/td>\n <\/tr>\n <tr>\n <th>S\u1ed1 l\u01b0\u1ee3ng tuy\u1ec3n:<\/th>\n <td id=\"popup-sltuyen\"><\/td>\n <\/tr>\n <tr>\n <th>Ti\u1ec1n nh\u00e0, \u0111i\u1ec7n n\u01b0\u1edbc:<\/th>\n <td id=\"popup-tiennha\"><\/td>\n <\/tr>\n <tr>\n <th>Ng\u00e0y ngh\u1ec9:<\/th>\n <td id=\"popup-ngaynghi\"><\/td>\n <\/tr>\n <tr>\n <th>Th\u1eddi gian l\u00e0m vi\u1ec7c:<\/th>\n <td id=\"popup-thoigianlv\"><\/td>\n <\/tr>\n <tr>\n <th>D\u1ef1 ki\u1ebfn thi tuy\u1ec3n:<\/th>\n <td id=\"popup-dukientt\"><\/td>\n <\/tr>\n <tr>\n <th>D\u1ef1 ki\u1ebfn xu\u1ea5t c\u1ea3nh:<\/th>\n <td id=\"popup-dukienxc\"><\/td>\n <\/tr>\n <tr>\n <th>Y\u00eau c\u1ea7u kinh nghi\u1ec7m:<\/th>\n <td id=\"popup-yctuyen\"><\/td>\n <\/tr>\n <tr>\n <th>Ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9:<\/th>\n <td id=\"popup-chedodaingo\"><\/td>\n <\/tr>\n <tr>\n <th>Ng\u00e0y t\u1ea1o:<\/th>\n <td id=\"popup-creatdate\"><\/td>\n <\/tr>\n <\/table>\n <\/div>\n <div class=\"action-buttons\">\n <button class=\"close-button\" onclick=\"closePopup()\">\u0110\u00f3ng<\/button>\n <button class=\"apply-button\" onclick=\"applyNow()\">\u1ee8ng tuy\u1ec3n ngay<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <script>\n let allJobs = [];\n let showingAllJobs = false;\n \n document.addEventListener(\"DOMContentLoaded\", function() {\n \n const cachedJobs = sessionStorage.getItem('allJobs');\n if (cachedJobs) {\n \n allJobs = JSON.parse(cachedJobs);\n populateFilters(allJobs);\n displayJobs(allJobs);\n } else {\n \/\/ N\u1ebfu ch\u01b0a c\u00f3, t\u1ea3i d\u1eef li\u1ec7u t\u1eeb API\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxGV7c4ihJyOfays40GRUOStrurZNSNvg6GoFnRy_-oqjv8gwXm-Q1FvFSdu0gw7UTSfQ\/exec')\n .then(response => response.json())\n .then(jobs => {\n allJobs = jobs;\n sessionStorage.setItem('allJobs', JSON.stringify(jobs));\n populateFilters(jobs);\n displayJobs(jobs);\n })\n .catch(error => console.error('Error:', error));\n }\n });\n\n function formatDate(dateString) {\n const date = new Date(dateString);\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n return `${day}\/${month}\/${year}`;\n }\n\n function populateFilters(jobs) {\n const industrySelect = document.getElementById('industry');\n const locationSelect = document.getElementById('location'); \n const industries = [...new Set(jobs.map(job => job.nghanhnghe))];\n const locations = [...new Set(jobs.flatMap(job => job.noilamviec.split(',').map(loc => loc.trim())))];\n\n industries.forEach(industry => {\n const option = document.createElement('option');\n option.value = industry;\n option.textContent = industry;\n industrySelect.appendChild(option);\n });\n\n locations.forEach(location => {\n const option = document.createElement('option');\n option.value = location;\n option.textContent = location;\n locationSelect.appendChild(option);\n });\n }\n\n function displayJobs(jobs) {\n jobs.sort((a, b) => new Date(b.creatdate) - new Date(a.creatdate));\n const container = document.getElementById('job-list');\n const viewAllContainer = document.getElementById('view-all-container');\n const jobCount = document.getElementById('job-count');\n container.innerHTML = '';\n\n const totalJobs = jobs.length;\n const jobsToShow = showingAllJobs ? jobs : jobs.slice(0, 15);\n\n jobCount.textContent = `Hi\u1ec3n th\u1ecb 1-${jobsToShow.length} c\u1ee7a t\u1ed5ng s\u1ed1 ${totalJobs} vi\u1ec7c l\u00e0m`;\n\n jobsToShow.forEach(job => {\n const jobElement = document.createElement('div');\n jobElement.classList.add('job-listing');\n jobElement.innerHTML = `\n <div class=\"job-detail\">\n <h3>${job.tendonhang}<\/h3>\n <\/div>\n <div class=\"job-info\">\n <div><strong>M\u00e3 c\u00f4ng vi\u1ec7c: <\/strong><br> ${job.jobcode}<\/div>\n <div><strong>\u0110\u1ecba \u0111i\u1ec3m: <\/strong> <br>${job.noilamviec}<\/div>\n <div><strong>M\u1ee9c l\u01b0\u01a1ng: <\/strong><br> <span>${job.luong}<\/span><\/div>\n <div><strong>Ng\u00e0y c\u1eadp nh\u1eadt: <\/strong><br> ${formatDate(job.creatdate)}<\/div>\n <div><button class=\"detail-button\" onclick=\"showJobDetails('${job.jobcode}')\">Xem chi ti\u1ebft<\/button><\/div>\n <\/div>\n `;\n container.appendChild(jobElement);\n });\n\n if (!showingAllJobs && jobs.length > 15) {\n viewAllContainer.style.display = 'block';\n } else {\n viewAllContainer.style.display = 'none';\n }\n }\n\n function searchJobs() {\n const keyword = document.getElementById('keyword').value.toLowerCase();\n const industry = document.getElementById('industry').value;\n const location = document.getElementById('location').value.toLowerCase();\n\n const filteredJobs = allJobs.filter(job => {\n const matchesKeyword = job.tendonhang.toLowerCase().includes(keyword);\n const matchesIndustry = !industry || job.nghanhnghe.includes(industry);\n const matchesLocation = !location || job.noilamviec.split(',').map(loc => loc.trim().toLowerCase()).includes(location);\n return matchesKeyword && matchesIndustry && matchesLocation;\n });\n\n displayJobs(filteredJobs);\n }\n\n function showJobDetails(jobcode) {\n const job = allJobs.find(job => job.jobcode === jobcode);\n if (job) {\n document.getElementById('popup-tendonhang').textContent = job.tendonhang;\n document.getElementById('popup-jobcode').textContent = job.jobcode;\n document.getElementById('popup-nghanhnghe').textContent = job.nghanhnghe;\n document.getElementById('popup-noilamviec').textContent = job.noilamviec;\n document.getElementById('popup-luong').innerHTML = job.luong;\n document.getElementById('popup-trocap').innerHTML = job.trocap;\n document.getElementById('popup-tencv').innerHTML = job.tencv;\n document.getElementById('popup-yctuyen').innerHTML = job.kinhnghiem;\n document.getElementById('popup-sltuyen').innerHTML = job.sltuyen;\n document.getElementById('popup-tiennha').innerHTML = job.tiennha;\n document.getElementById('popup-ngaynghi').innerHTML = job.ngaynghi;\n document.getElementById('popup-thoigianlv').innerHTML = job.thoigianlv;\n document.getElementById('popup-dukientt').innerHTML = job.dukientt;\n document.getElementById('popup-dukienxc').innerHTML = job.dukienxc;\n document.getElementById('popup-chedodaingo').innerHTML = job.chedodaingo;\n document.getElementById('popup-creatdate').innerHTML = formatDate(job.creatdate);\n document.getElementById('job-popup').style.display = 'flex';\n document.body.classList.add('popup-open');\n sessionStorage.setItem('jobcode', job.jobcode);\n }\n }\n\n function closePopup() {\n document.getElementById('job-popup').style.display = 'none';\n document.body.classList.remove('popup-open');\n }\n\n function applyNow() {\n const jobcode = sessionStorage.getItem('jobcode');\n const jobApplyLink = 'https:\/\/m.me\/thanhthao.tokutei?ref=w28935462';\n window.open(jobApplyLink, '_blank');\n }\n\n function showAllJobs() {\n showingAllJobs = true;\n displayJobs(allJobs);\n }\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Danh s\u00e1ch c\u00f4ng vi\u1ec7c C\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m H\u00e0ng ng\u00e0n vi\u1ec7c l\u00e0m v\u1edbi m\u1ee9c l\u01b0\u01a1ng cao v\u00e0 ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9 c\u1ef1c t\u1ed1t \u0111ang ch\u1edd b\u1ea1n! Ng\u00e0nh ngh\u1ec1 N\u01a1i l\u00e0m vi\u1ec7c T\u00ccM KI\u1ebeM Xem t\u1ea5t c\u1ea3 M\u00e3 c\u00f4ng vi\u1ec7c: Ng\u00e0nh ngh\u1ec1: \u0110\u1ecba \u0111i\u1ec3m: M\u1ee9c l\u01b0\u01a1ng: tr\u1ee3 c\u1eadp l\u00e0m th\u00eam gi\u1edd: M\u00f4 t\u1ea3 c\u00f4ng vi\u1ec7c: S\u1ed1 l\u01b0\u1ee3ng tuy\u1ec3n: Ti\u1ec1n nh\u00e0, \u0111i\u1ec7n n\u01b0\u1edbc: Ng\u00e0y ngh\u1ec9: Th\u1eddi gian l\u00e0m vi\u1ec7c: D\u1ef1 ki\u1ebfn thi tuy\u1ec3n: D\u1ef1 ki\u1ebfn xu\u1ea5t c\u1ea3nh: Y\u00eau c\u1ea7u kinh nghi\u1ec7m: Ch\u1ebf \u0111\u1ed9 \u0111\u00e3i ng\u1ed9: Ng\u00e0y t\u1ea1o: \u0110\u00f3ng \u1ee8ng tuy\u1ec3n ngay<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":86,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":5073,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/222\/revisions\/5073"}],"wp:attachment":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}