{"id":1693,"date":"2024-04-26T15:19:31","date_gmt":"2024-04-26T15:19:31","guid":{"rendered":"https:\/\/jupiterlogistics.group\/hk\/career\/"},"modified":"2024-08-02T04:13:38","modified_gmt":"2024-08-02T04:13:38","slug":"career","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/hk\/career\/","title":{"rendered":"\u52a0\u5165\u6211\u5011"},"content":{"rendered":"<div class=\"\">\n    <div class=\"relative min-h-52 md:min-h-60 lg:min-h-[322px] flex justify-center items-center \">\n                <img decoding=\"async\" class=\"absolute w-full h-full inset-0 object-cover\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/uploads\/sites\/5\/2024\/04\/jupiter-career-banner.jpg\"\n            alt=\"\" \/>\n        \n        <div class=\"container z-10  text-white\">\n            <div class='container-md '>\n                <h1 class=\"heading1 font-bold leading-[1.2] uppercase\"> \u52a0\u5165\u6211\u5011<\/h1>\n            <\/div>\n        <\/div>\n        <div class=\"absolute inset-0 w-full h-full  bg-banner-gradient \"><\/div>\n    <\/div>\n    <div>\n        <div class=\"h-[28px] w-full bg-primaryblue\"><\/div>\n        <div class=\"h-[6px] w-full bg-green\"><\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"breadcrumbs\">\n    <div class=\"container\">\n        <div class=\"container-md mt-1 py-5 3xl:py-6 font-medium\">\n            <div class=\"breadcrumb-items\">\n                <a class=\"page-link\" href=\"https:\/\/jupiterlogistics.group\/hk\">\u9996\u9801<\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"my-5 lg:mb-10 lg:mt-[30px]\" id=\"hkcJupiterCareer\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"wrapper\">\n                <div class=\"search-form\">\n                    <form id=\"searchForm\" action=\"https:\/\/jupiterlogistics.group\/hk\/career\/\" method=\"GET\">\n  <button class=\"filters-btn\" type=\"button\">\n    <svg class=\"size-6 align-middle overflow-hidden pointer-events-none\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M640 288a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 288z m123.456-96c-14.304-55.04-64-96-123.456-96s-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896V192h-132.544zM640 864a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 864m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64h-132.544c-14.304-55.04-64-96-123.456-96M384 576a64 64 0 1 1 0.032-128.032A64 64 0 0 1 384 576m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h132.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64H507.456c-14.304-55.04-64-96-123.456-96\" class=\"fill-primaryblue transition-all\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"dd-wrapper\">\n    <div class=\"dd-items\">\n              <div class=\"form-item\">\n          <label for=\"location\">\n            Location          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"location\" id=\"location\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"47\">\u4e2d\u570b\u5185\u5730<\/li>\n                                  <li data-value=\"48\">\u5370\u5c3c<\/li>\n                                  <li data-value=\"55\">\u53f0\u7063<\/li>\n                                  <li data-value=\"54\">\u65b0\u52a0\u5761<\/li>\n                                  <li data-value=\"49\">\u65e5\u672c<\/li>\n                                  <li data-value=\"58\">\u67ec\u57d4\u5be8<\/li>\n                                  <li data-value=\"56\">\u6cf0\u570b<\/li>\n                                  <li data-value=\"52\">\u7dec\u7538<\/li>\n                                  <li data-value=\"53\">\u83f2\u5f8b\u8cd3<\/li>\n                                  <li data-value=\"57\">\u8d8a\u5357<\/li>\n                                  <li data-value=\"50\">\u97d3\u570b<\/li>\n                                  <li data-value=\"91\">\u9999\u6e2f<\/li>\n                                  <li data-value=\"51\">\u99ac\u4f86\u897f\u4e9e<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"type\">\n            Type          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"type\" id=\"type\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"76\">\u5e02\u5834\u71df\u92b7<\/li>\n                                  <li data-value=\"77\">\u8ca1\u52d9<\/li>\n                                  <li data-value=\"78\">\u904b\u71df<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"function\">\n            Job Function          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"function\" id=\"function\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"74\">\u77ed\u671f<\/li>\n                                  <li data-value=\"75\">\u9577\u671f<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n\n  <div class=\"form-item\">\n    <div class=\"search-input\">\n      <div class=\"mr-2.5 flex-1\">\n        <label for=\"search\" aria-hidden=\"false\">Search<\/label>\n        <input type=\"text\" id=\"search\" name=\"search\" value=\"\"\n          placeholder=\"Search...\" \/>\n      <\/div>\n\n      <div class=\"flex items-center shrink-0\">\n        <label for=\"submit\" aria-hidden=\"false\">submit<\/label>\n        <button type=\"submit\" id=\"submit\" class=\"size-6 p-1\">\n          <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-search-icon.svg\" alt=\"Search Icon\"\n            class=\"size-full object-contain\" \/>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/form>                <\/div>\n\n                <div class=\"relative\">\n                    <div\n                        class=\"loading hidden absolute w-full h-full left-0 top-0 bg-[#ffffffCC] items-center justify-center z-[1]\">\n                        <p class=\"text-normal\">Loading&#8230;<\/p>\n                    <\/div>\n\n                    <div\n                        class=\"result-info my-5 md:my-8 xl:mb-10 xl:mt-12 text-primary heading6 hidden\">\n                        <h5 class=\"font-medium mb-2.5\">\n                            Search results about                            &#8220;<span class=\"searched-value\"><\/span>&#8221;\n                        <\/h5>\n                        <p class=\"font-normal\">\n                            <span class=\"total-result\">0<\/span>\n                            related results                        <\/p>\n                    <\/div>\n\n                    <div class=\"search-result relative mt-5 md:mt-8 xl:mt-12\">\n                                                    <h5 class=\"heading5 font-bold text-primaryblue my-5 md:mt-8 xl:mt-12\">\n                                No Results Found.                            <\/h5>\n                                                <\/div>\n\n                    <div class=\"pagination flex justify-center md:justify-end items-center mt-5 lg:mt-10 hidden\">\n  <button\n    class=\"prev-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\"\n    disabled>\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\n        d=\"M10.0053 2.68714C10.087 2.77085 10.1328 2.88323 10.1328 3.00026C10.1328 3.11729 10.087 3.22967 10.0053 3.31339L5.43682 7.99995L10.0053 12.6856C10.087 12.7693 10.1328 12.8817 10.1328 12.9987C10.1328 13.1157 10.087 13.2281 10.0053 13.3118C9.96552 13.3526 9.91799 13.3851 9.8655 13.4072C9.81301 13.4294 9.75661 13.4408 9.69964 13.4408C9.64266 13.4408 9.58626 13.4294 9.53377 13.4072C9.48128 13.3851 9.43376 13.3526 9.39401 13.3118L4.53589 8.32713C4.45056 8.2396 4.40281 8.12219 4.40281 7.99995C4.40281 7.8777 4.45056 7.7603 4.53589 7.67276L9.39401 2.68807C9.43376 2.64725 9.48128 2.6148 9.53377 2.59265C9.58626 2.5705 9.64266 2.55908 9.69964 2.55908C9.75661 2.55908 9.81301 2.5705 9.8655 2.59265C9.91799 2.6148 9.96552 2.64725 10.0053 2.68807V2.68714Z\"\n        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"pagination-number flex\"><\/div>\n\n  <button\n    class=\"next-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\">\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\n        d=\"M4.99474 2.68714C4.91297 2.77085 4.86719 2.88323 4.86719 3.00026C4.86719 3.11729 4.91297 3.22967 4.99474 3.31339L9.56318 7.99995L4.99474 12.6856C4.91297 12.7693 4.86719 12.8817 4.86719 12.9987C4.86719 13.1157 4.91297 13.2281 4.99474 13.3118C5.03448 13.3526 5.08201 13.3851 5.1345 13.4072C5.18699 13.4294 5.24339 13.4408 5.30036 13.4408C5.35734 13.4408 5.41374 13.4294 5.46623 13.4072C5.51872 13.3851 5.56624 13.3526 5.60599 13.3118L10.4641 8.32713C10.5494 8.2396 10.5972 8.12219 10.5972 7.99995C10.5972 7.8777 10.5494 7.7603 10.4641 7.67276L5.60599 2.68807C5.56624 2.64725 5.51872 2.6148 5.46623 2.59265C5.41374 2.5705 5.35734 2.55908 5.30036 2.55908C5.24339 2.55908 5.18699 2.5705 5.1345 2.59265C5.08201 2.6148 5.03448 2.64725 4.99474 2.68807V2.68714Z\"\n        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n<\/div>                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const per_page = 8;\n    let totalPages = 0;\n    let current = 1;\n    let totalPosts = 0;\n\n    document.addEventListener('DOMContentLoaded', function () {\n      const loading = document.querySelector('#hkcJupiterCareer .loading');\n      const form = document.querySelector('#hkcJupiterCareer .search-form form');\n      const paginationDiv = document.querySelector('#hkcJupiterCareer .pagination');\n      const paginationNumber = document.querySelector('#hkcJupiterCareer .pagination-number');\n      const prevBtn = document.querySelector('#hkcJupiterCareer .pagination .prev-btn');\n      const nextBtn = document.querySelector('#hkcJupiterCareer .pagination .next-btn');\n      const selectInputs = document.querySelectorAll('#hkcJupiterCareer form .custom-select .select-value');\n\n      selectInputs.forEach(select => {\n        select.addEventListener('change', function() {\n          current = 1;\n          submitForm();\n        });\n      });\n\n      if (prevBtn) {\n        prevBtn.addEventListener(\"click\", function () {\n          if (current - 1 > 0) {\n            current -= 1;\n            submitForm();\n\n            if (nextBtn.disabled) {\n              nextBtn.removeAttribute('disabled');\n            }\n\n            if (current - 1 < 1) {\n              prevBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (nextBtn) {\n        nextBtn.addEventListener(\"click\", function () {\n          if (current + 1 <= totalPages) {\n            current += 1;\n            submitForm();\n\n            if (prevBtn.disabled) {\n              prevBtn.removeAttribute('disabled');\n            }\n\n            if (current + 1 > totalPages) {\n              nextBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (form) {\n        form.addEventListener('submit', function (e) {\n          e.preventDefault();\n          current = 1;\n          submitForm();\n        });\n      }\n\n      if (paginationNumber) {\n        handlePagination();\n      }\n\n      \/**\n     * @param {Object} param\n     * @param {String} param.search \n     * @param {String} param.location\n     * @param {String} param.type\n     * @param {String} param.function\n     * @param {Number} param.current\n     * @param {Number} param.per_page\n     *\/\n      function searchPosts(param) {\n        if (loading) loading.style.display = \"flex\";\n        const baseUrl = 'https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/career';\n\n        const allQueryParam = Object.assign({}, param);\n        allQueryParam.order = \"desc\";\n        delete allQueryParam.current;\n        delete allQueryParam.per_page;\n\n\n        const allQueryString = Object.keys(allQueryParam).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(allQueryParam[key])).join('&');\n        const allQueryUrl = baseUrl + \"?\" + allQueryString;\n\n        fetch(allQueryUrl) \/\/ fetch total posts\n          .then(res => res.json())\n          .then(posts => {\n            if (loading) loading.style.display = \"none\";\n            totalPosts = posts.length;\n            totalPages = Math.ceil(posts.length \/ param.per_page);\n            \/* split posts for pagination *\/\n            const startIndex = param.current > 1 ? (param.current - 1) * param.per_page : 0;\n            const postsToDisplay = posts.slice(startIndex, startIndex + param.per_page);\n            \/\/ console.log(\"Posts => \", posts);\n            \/\/ console.log(\"StartIndex => \", startIndex);\n            \/\/ console.log(\"End Index => \", startIndex + param.per_page);\n            \/\/ console.log(\"postsToDisplay => \", postsToDisplay);\n            displayPost(postsToDisplay);\n            handlePagination();\n          })\n          .catch(e => {\n            console.log(e);\n          });\n\n        const currentUrl = window.location.href.split('?')[0];\n        const originalQueryString = Object.keys(param).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(param[key])).join('&');\n        const newUrl = `${currentUrl}?${originalQueryString}`;\n        window.history.replaceState({}, document.title, newUrl);\n      }\n\n      function displayPost(posts) {\n        const content = document.querySelector('#hkcJupiterCareer .search-result');\n        const resultInfo = document.querySelector('#hkcJupiterCareer .result-info');\n        const searchInputValue = document.querySelector('#hkcJupiterCareer .search-form input#search').value;\n        const searchedValue = resultInfo.querySelector('.searched-value');\n        const totalPost = resultInfo.querySelector('.total-result');\n\n        if (content) {\n          content.innerHTML = \"\";\n          const updateHTML = [];\n          if (posts.length) {\n            if (searchInputValue.length) {\n              if (resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.remove('hidden');\n              }\n            } else {\n              if (!resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.add('hidden');\n              }\n            }\n\n            if (paginationDiv.classList.contains('hidden')) {\n              paginationDiv.classList.remove('hidden');\n            }\n\n            searchedValue.innerText = searchInputValue;\n            totalPost.innerText = totalPosts;\n            posts.forEach((post, index) => {\n              const html = `\n              <div class=\"relative group gap-6 career-card py-8 first:pt-0 border-b-[1px] border-[#BDBDBD]\">\n                <div class=\"flex justify-between items-start\">\n                  <div class=\"w-full flex flex-col\">\n                    <p class=\"mb-2.5 body text-[#777777] font-normal\">Published on ${formatDate(new Date(post.date))}<\/p>\n                    <h4 class=\"heading3 text-darkgrey font-medium mb-6\">${post.title.rendered}<\/h4>\n                    <div class=\"flex flex-wrap justify-start items-center gap-2\">\n                      ${post.career_location ? (\n                        `<div class=\"flex py-2 px-3 md:py-3 md:px-5 bg-[#E8EEFF] rounded-3xl\">\n                          <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/icons\/location-marker.svg\" alt=\"\" class=\"\" \/>\n                          <p class=\"ml-[10px] rounded-3xl text-darkgrey body font-normal\">\n                            ${post.career_location}\n                          <\/p>\n                        <\/div>`\n                      ) : ''}\n\n                      ${post.career_type ? (\n                        `<div class=\"flex py-2 px-3 md:py-3 md:px-5 bg-[#E8EEFF] rounded-3xl\">\n                          <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/icons\/office-chair.svg\" alt=\"\" class=\"\" \/>\n                          <p class=\"ml-[10px] rounded-3xl text-darkgrey body font-normal\">\n                            ${post.career_type}\n                          <\/p>\n                        <\/div>`\n                      ) : ''}\n\n                      ${post.career_function ? (\n                        `<div class=\"flex py-2 px-3 md:py-3 md:px-5 bg-[#E8EEFF] rounded-3xl\">\n                          <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/hk\/wp-content\/themes\/jupiter-group\/public\/images\/icons\/case.svg\" alt=\"\" class=\"\" \/>\n                          <p class=\"ml-[10px] rounded-3xl text-darkgrey body font-normal\">\n                            ${post.career_function}\n                          <\/p>\n                        <\/div>`\n                      ) : ''}\n                    <\/div>\n                  <\/div>\n\n                  <span class=\"cursor-pointer career-content-btn size-5 md:size-7 xl:size-9\" data-target=\"${post.id}\">\n                    <svg class=\"pointer-events-none\" id=\"icon-${post.id}\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 36 36\"\n                      fill=\"none\">\n                      ${index == 0 ? (\n                        `<path\n                          d=\"M32.2656 18C32.2656 18.4476 32.0878 18.8768 31.7714 19.1932C31.4549 19.5097 31.0257 19.6875 30.5781 19.6875H5.82812C5.38057 19.6875 4.95135 19.5097 4.63488 19.1932C4.31841 18.8768 4.14062 18.4476 4.14062 18C4.14062 17.5524 4.31841 17.1232 4.63488 16.8068C4.95135 16.4903 5.38057 16.3125 5.82812 16.3125H30.5781C31.0257 16.3125 31.4549 16.4903 31.7714 16.8068C32.0878 17.1232 32.2656 17.5524 32.2656 18Z\"\n                          fill=\"#18357A\" \/>`\n                      ) : (\n                        `<path\n                          d=\"M32.0625 18C32.0625 18.4476 31.8847 18.8768 31.5682 19.1932C31.2518 19.5097 30.8226 19.6875 30.375 19.6875H19.6875V30.375C19.6875 30.8226 19.5097 31.2518 19.1932 31.5682C18.8768 31.8847 18.4476 32.0625 18 32.0625C17.5524 32.0625 17.1232 31.8847 16.8068 31.5682C16.4903 31.2518 16.3125 30.8226 16.3125 30.375V19.6875H5.625C5.17745 19.6875 4.74822 19.5097 4.43176 19.1932C4.11529 18.8768 3.9375 18.4476 3.9375 18C3.9375 17.5524 4.11529 17.1232 4.43176 16.8068C4.74822 16.4903 5.17745 16.3125 5.625 16.3125H16.3125V5.625C16.3125 5.17745 16.4903 4.74822 16.8068 4.43176C17.1232 4.11529 17.5524 3.9375 18 3.9375C18.4476 3.9375 18.8768 4.11529 19.1932 4.43176C19.5097 4.74822 19.6875 5.17745 19.6875 5.625V16.3125H30.375C30.8226 16.3125 31.2518 16.4903 31.5682 16.8068C31.8847 17.1232 32.0625 17.5524 32.0625 18Z\"\n                          fill=\"#18357A\" \/>`\n                      )}\n                    <\/svg>\n                  <\/span>\n                <\/div>\n\n                <div class=\"career-content transition-all overflow-hidden max-h-0\" id=\"accordion-content-${post.id}\">\n                  <div class=\"py-[28px] flex flex-col gap-[19px] items-start\">\n                    <div class=\"\">\n                      <h4 class=\"text-darkgrey heading5 font-medium mb-[10px]\">\n                        Job Highlights                      <\/h4>\n                      <div class=\"text-darkgrey heading5 font-normal\">${post.jobHighLights}<\/div>\n                    <\/div>\n                    <div class=\"\">\n                      <h4 class=\"text-darkgrey heading5 font-medium mb-[10px]\">\n                        Job Responsibilities                      <\/h4>\n                      <div class=\"text-darkgrey heading5 font-normal\">${post.jobResponsibilities}<\/div>\n                    <\/div>\n                    <div class=\"\">\n                      <h4 class=\"text-darkgrey heading5 font-medium mb-[10px]\">\n                        Job Requirements                      <\/h4>\n                      <div class=\"text-darkgrey heading5 font-normal\">${post.jobRequirements}<\/div>\n                    <\/div>\n\n                  <\/div>\n                  ${post.careerApplyEmail ? (\n                    `<a href=\"mailto:${post.careerApplyEmail}?subject=Application for ${post.title.rendered}\"\n                      class=\"inline-block heading5 bg-primaryblue hover:bg-green duration-300 hover:text-primaryblue font-bold py-3 px-6 md:px-8 rounded-[30px] text-white\">\n                      <span class=\"flex items-center gap-[10px]\">\n                        <svg class=\"mt-[2px]\" width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                          <path\n                            d=\"M16.0378 3.33337H4.37109C3.70805 3.33337 3.07217 3.59677 2.60333 4.06561C2.13449 4.53445 1.87109 5.17033 1.87109 5.83337V14.1667C1.87109 14.8297 2.13449 15.4656 2.60333 15.9345C3.07217 16.4033 3.70805 16.6667 4.37109 16.6667H16.0378C16.7008 16.6667 17.3367 16.4033 17.8055 15.9345C18.2744 15.4656 18.5378 14.8297 18.5378 14.1667V5.83337C18.5378 5.17033 18.2744 4.53445 17.8055 4.06561C17.3367 3.59677 16.7008 3.33337 16.0378 3.33337ZM16.0378 5.00004L10.6211 8.72504C10.4944 8.79818 10.3507 8.83669 10.2044 8.83669C10.0581 8.83669 9.91444 8.79818 9.78776 8.72504L4.37109 5.00004H16.0378Z\"\n                            fill=\"white\" \/>\n                        <\/svg>Apply Now                      <\/span>\n                    <\/a>`\n                  ) : ''}\n                <\/div>\n              <\/div>`;\n              updateHTML.push(html);\n            });\n          } else {\n            if (!resultInfo.classList.contains('hidden')) {\n              resultInfo.classList.add('hidden');\n            }\n\n            if (!paginationDiv.classList.contains('hidden')) {\n              paginationDiv.classList.add('hidden');\n            }\n\n            updateHTML.push(`\n            <h5 class=\"heading5 font-bold text-primaryblue my-5 md:mt-8 xl:mt-12\">No Results Found.<\/h5>`);\n          }\n          content.innerHTML = updateHTML.join('');\n        }\n      }\n\n      function formatDate(date) {\n        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n        const day = date.getDate();\n        const month = months[date.getMonth()];\n        const year = date.getFullYear();\n        return `${day} ${month} ${year}`;\n      }\n\n      function removeTagsAndEscape(input) {\n        \/\/ Remove HTML tags\n        const withoutTags = input.replace(\/<[^>]*>\/g, '');\n        \/\/ Remove escape characters such as '\\n'\n        const cleanText = withoutTags.replace(\/\\\\n\/g, '');\n\n        return cleanText;\n      }\n\n      function generatePaginationBtn(i) {\n        const btn = document.createElement('button');\n        btn.setAttribute('data-page', i);\n        return btn;\n      }\n\n      function generateFoldSpan() {\n        const span = document.createElement('span');\n        span.className = \"size-5 flex items-center justify-center text-large font-semibold mr-2.5 md:mr-5 text-[rgba(93,102,110,0.70)] cursor-default\";\n        span.innerText = \"...\"\n        return span;\n      }\n\n      function handlePagination() {\n        paginationNumber.innerHTML = \"\";\n\n        let prevFolded = false;\n        let nextFolded = false;\n        for (let i = 1; i <= totalPages; i++) {\n          const btn = generatePaginationBtn(i);\n          if (i == current) {\n            btn.classList.add('active');\n          }\n          btn.innerText = i;\n\n          btn.addEventListener(\"click\", function () {\n            current = parseInt(btn.dataset.page);\n            const activeBtn = document.querySelector('#hkcJupiterCareer .pagination-number button.active');\n            activeBtn.classList.remove('active');\n            this.classList.add('active');\n\n            submitForm();\n\n            if (current == totalPages) {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              nextBtn.setAttribute(\"disabled\", true)\n            } else if (current == 1) {\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n              prevBtn.setAttribute(\"disabled\", true);\n            } else {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n            }\n          });\n\n          if (i == 1 || i == totalPages || i == current) {\n            paginationNumber.appendChild(btn);\n          } else if (i < current) {\n            let nextThreshold = current == totalPages ? 3 : 2;\n            if (i > current - nextThreshold) {\n              paginationNumber.appendChild(btn);\n            } else {\n              let maxLength = 3;\n              if (current > totalPages - maxLength) {\n                if (totalPages - current > 1) {\n                  maxLength = 4;\n                } else {\n                  maxLength = 5;\n                }\n              }\n\n              const currentLength = paginationNumber.children.length;\n              if (i < maxLength) {\n                if (currentLength < maxLength) {\n                  paginationNumber.appendChild(btn);\n                }\n              } else if (!prevFolded) {\n                prevFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              }\n            }\n          } else {\n            const nextMax = current == 1 ? 4 : current == 2 ? 3 : 2;\n            if (i < current + nextMax) {\n              paginationNumber.appendChild(btn);\n            } else {\n              if (!nextFolded) {\n                nextFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              } else {\n                const lastThreshold = totalPages - 3;\n                const maxLength = 7;\n                const currentLength = paginationNumber.children.length;\n                if (i > lastThreshold && currentLength < maxLength) {\n                  if (totalPages - i == maxLength - currentLength) {\n                    paginationNumber.appendChild(btn);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      function submitForm() {\n        if(form) {\n          const formData = Object.fromEntries(new FormData(form).entries());\n\n          searchPosts({\n            search: formData.search,\n            location: formData.location,\n            type: formData.type,\n            function: formData.function,\n            current: current,\n            per_page: per_page\n          });\n        }\n      }\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"enquiry_type":[],"class_list":["post-1693","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages\/1693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/comments?post=1693"}],"version-history":[{"count":5,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages\/1693\/revisions"}],"predecessor-version":[{"id":1991,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/pages\/1693\/revisions\/1991"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/media?parent=1693"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/hk\/wp-json\/wp\/v2\/enquiry_type?post=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}