{"id":4116,"date":"2024-09-12T04:31:20","date_gmt":"2024-09-12T04:31:20","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/zama\/careers\/"},"modified":"2024-10-18T03:01:03","modified_gmt":"2024-10-18T03:01:03","slug":"careers","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/zama\/cn\/careers\/","title":{"rendered":"\u804c\u4e1a\u751f\u6daf"},"content":{"rendered":"\n<section block-name=\"sub-banner\" class=\"bg-grey\">\n    <div class=\"relative\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-careers-scaled.jpg\" alt=\"banner\"\n            class=\"aspect-[360\/260] object-cover md:aspect-[768\/260] lg:aspect-[1920\/460] w-full \" \/>\n\n\n                <!-- <div class=\"\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope.png\"\n                class=\"absolute bottom-[-1px] left-0 w-full hidden md:block\" \/>\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-banner-slope.png\"\n                class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n        <\/div> -->\n\n                    <div class=\"\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope.png\"\n                    class=\"absolute bottom-[-1px] left-0 w-full hidden md:block\" \/>\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-banner-slope.png\"\n                    class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n            <\/div>\n                <div class=\"absolute left-0 transform top-[60%] -translate-y-[50%] container \">\n            <div class=\"container-sm\">\n                <div class=\" md:max-w-[80%] 4xl:max-w-[1000px]\">\n                    <h1 class=\"heading1 text-white uppercase\">\u804c\u4e1a\u751f\u6daf<\/h1>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <ul class=\"banner-breadcrumb\">\n                <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/devwp02.visibleone.io\/zama\/cn\/\">\u9996\u9875<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">\u804c\u4e1a\u751f\u6daf<\/a><\/li>            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"home-introduction\" class=\"bg-grey\">\n    <div class=\"container py-10 md:py-20\">\n        <div class=\"container-md\">\n            <div class=\"md:grid md:grid-cols-2 xl:gap-[80px] items-center\">\n                <div class=\"pb-10 md:pb-0\">\n                    <div class=\" pb-5\">\n                        <h2 class=\"title-withline pb-5\">\n                            \u9a8f\u9a6c\u7684\u804c\u4e1a\u751f\u6daf                        <\/h2>\n                    <\/div>\n\n\n                    <p class=\"text-body text-black-37 pb-7 md:pb-12\">\n                        \u5728\u9a8f\u9a6c\uff0c\u4eba\u662f\u6211\u4eec\u6700\u91cd\u8981\u7684\u8d44\u6e90\u3002\u6211\u4eec\u901a\u8fc7\u63d0\u4f9b\u4e00\u5957\u65e2\u5b9a\u7684\u4e2a\u4eba\u548c\u6301\u7eed\u7684\u5b66\u4e60\u8ba1\u5212\uff0c\u8d4b\u4e88\u5458\u5de5\u4ee5\u9053\u5fb7\u548c\u8d1f\u8d23\u4efb\u7684\u65b9\u5f0f\u884c\u4e8b\u7684\u81ea\u7531\u3002\u6211\u4eec\u5458\u5de5\u7684\u4e13\u4e1a\u53d1\u5c55\u3002                    <\/p>\n                    \n                <\/div>\n\n                <div class=\"flex items-end relative mb-10 md:mb-0\">\n                    <div class=\"relative left-0 md:left-2 6xl:left-4 top-[2.2rem] sm:top-12 w-1\/2 md:w-[40%]\">\n                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/People-working-at-ZAMA-1-scaled.jpg\" alt=\"\"\n                            class=\"object-cover aspect-[360\/360] md:max-w-[150px] lg:max-w-[200px] xl:max-w-[250px] 5xl:max-w-[360px] rounded-xl\">\n                    <\/div>\n                    <div class=\"w-1\/2 md:w-[60%]\">\n                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/People-working-at-ZAMA-2-1-scaled.jpg\" alt=\"\"\n                            class=\"object-cover aspect-[420\/560] max-w-[420px] rounded-xl w-full\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"life-at-slider\">\n    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/fa-and-f-slope.svg\" class=\"w-full\" \/>\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"pt-20\">\n                <div class=\"pb-10 text-center\">\n                    <h2 class=\"title-withline  pb-5\">Life at ZAMA<\/h2>\n                <\/div>\n\n                <div class=\"swiper life-at-slider\">\n                    <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zh-people-1-scaled.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Lovely faces from our annual party game champion team in Hong Kong<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zh-people-2-scaled.jpeg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">New beginnings celebrated with joy and smiles. Excited to be part of the HK Science Park community <\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zc-people-2-Internal-Trainee-Program-in-HuizhouChina-scaled.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Internal trainee program team in Huizhou<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zc-people-1-Tug-of-War-Competition-in-HuizhouChina-scaled.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Tug of War Competition in Huizhou<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zu-people-2-Food-Drive-2024-scaled.jpeg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Community Food Drive at Zama US<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zu-people-1-Escape-Room-Outing.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Escape room outing with US team<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zp-people-1-Sports-Day-scaled.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Sports Day at ZAMA Phillipines<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/fakeimg.pl\/379x220\/\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Team Building at Zama Phillipines<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zj-people-1-testing-scaled.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">Safety first! Preparation for safety training at ZAMA Japan <\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <!-- <a href=\"\" target=\"_self\"> -->\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/zj-people-2-enjoy-snow-scaled.jpg\"\n                                class=\"rounded-[15px] aspect-[1\/1] w-full object-cover\" \/>\n                            <h5 class=\"heading5 text-black-000 mt-5\">ZAMA engineer enjoying Iwate&#039;s snow<\/h5>\n                            <!-- <\/a> -->\n                        <\/div>\n                                                                    <\/div>\n                    <div class=\"flex relative max-w-[140px] mx-auto h-[55px] mt-10 min-h-[56px]\">\n                        <div class=\"swiper-button-next  bg-grey-000 hover:bg-black-000\"><\/div>\n                        <div class=\"swiper-button-prev  bg-grey-000 hover:bg-black-000\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slope-straight.svg\" \/>\n<\/section>\n\n<section block-name=\"open-position\" class=\"bg-[#FAFAFA] zama-career\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div x-data=\"zama_careers\" class=\"pt-20 md:pb-[140px] pb-20\">\n                <div class=\"sm:pb-10\">\n                    <div class=\"pb-10\">\n                        <h2 class=\"title-withline pb-5 \">Open Positions<\/h2>\n                    <\/div>\n\n                    <form class=\"flex flex-col md:flex-row gap-4 items-center pb-10\" x-on:submit.prevent=\"getPosts\">\n    <div class=\"w-full md:w-[200px] \">\n        <label for=\"\" class=\"mb-3 text-body text-black-000\">Category<\/label>\n          <div class=\"relative mt-2.5\" x-data=\"zama_category\">\n    <input type=\"text\" id=\"s_category\" name=\"s_category\" x-model=\"s_category\" class=\"hidden\"\n      aria-hidden=\"false\" \/>\n\n    <div class=\"zama_category px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n      :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n      <label for=\"s_category\" class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n        :class=\"!s_category ? '' : ''\" x-text=\"d_category\"><\/label>\n      <span class=\"ml-auto shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrow-down.svg\" alt=\"Down Arrow Svg\"\n          class=\" transition-all pointer-events-none\" :class=\"dropdownOpened ? 'rotate-180' : ''\" \/>\n      <\/span>\n    <\/div>\n\n    <ul\n      class=\"absolute rounded-lg min-w-max w-full -bottom-[3px] left-0 translate-y-full z-10 bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border \"\n      x-ref=\"dropdown\" :class=\"dropdownOpened ? 'border-black-000' : 'border-grey'\">\n      <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n        :class=\"d_category == 'All' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n        @click=\"onOptionClick('', 'All')\">\n        All      <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_category == 'Expert\/Professional' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('72', 'Expert\/Professional')\">\n          Expert\/Professional        <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_category == 'Graduates' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('74', 'Graduates')\">\n          Graduates        <\/li>\n          <\/ul>\n  <\/div>\n  <script>\n    (function () {\n      document.addEventListener('alpine:init', function () {\n        Alpine.data('zama_category', () => ({\n          handleClickAwayBound: null,\n          dropdownOpened: false,\n          toggleDropdown: function () {\n            if (this.dropdownOpened) {\n              this.dropdownOpened = false;\n              this.hideDropdown();\n            } else {\n              this.dropdownOpened = true;\n              this.showDropdown();\n            }\n          },\n          showDropdown: function () {\n            const dropdown = this.$refs.dropdown;\n            let maxHeight = 0;\n            Array.from(dropdown.children).forEach(child => {\n              maxHeight += child.clientHeight;\n            });\n            dropdown.style.setProperty('max-height', maxHeight + 'px');\n            this.handleClickAwayBound = this.handleClickAway.bind(\n              this\n            ); \/\/ using extra var to make function in state when removing listener\n            document.addEventListener('click', this.handleClickAwayBound);\n          },\n          hideDropdown: function () {\n            const dropdown = this.$refs.dropdown;\n            dropdown.style.removeProperty('max-height');\n            document.removeEventListener('click', this.handleClickAwayBound);\n          },\n          onOptionClick: function (search, display) {\n            this['s_category'] = search;\n            this['d_category'] = display;\n            this.toggleDropdown();\n            this.getPosts();\n          },\n          handleClickAway: function (e) {\n            if (!e.target.closest('.zama_category') && this.dropdownOpened) {\n              this.toggleDropdown();\n            }\n          },\n        }));\n      });\n    })();\n  <\/script>\n      <\/div>\n\n    <div class=\"w-full md:w-[200px] \">\n        <label for=\"\" class=\"mb-3 text-body text-black-000\">Location<\/label>\n          <div class=\"relative mt-2.5\" x-data=\"zama_location\">\n    <input type=\"text\" id=\"s_location\" name=\"s_location\" x-model=\"s_location\" class=\"hidden\"\n      aria-hidden=\"false\" \/>\n\n    <div class=\"zama_location px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n      :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n      <label for=\"s_location\" class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n        :class=\"!s_location ? '' : ''\" x-text=\"d_location\"><\/label>\n      <span class=\"ml-auto shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrow-down.svg\" alt=\"Down Arrow Svg\"\n          class=\" transition-all pointer-events-none\" :class=\"dropdownOpened ? 'rotate-180' : ''\" \/>\n      <\/span>\n    <\/div>\n\n    <ul\n      class=\"absolute rounded-lg min-w-max w-full -bottom-[3px] left-0 translate-y-full z-10 bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border \"\n      x-ref=\"dropdown\" :class=\"dropdownOpened ? 'border-black-000' : 'border-grey'\">\n      <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n        :class=\"d_location == 'All' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n        @click=\"onOptionClick('', 'All')\">\n        All      <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_location == 'HONGKONG' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('78', 'HONGKONG')\">\n          HONGKONG        <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_location == 'Huizhou, China' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('75', 'Huizhou, China')\">\n          Huizhou, China        <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_location == 'JAPAN' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('77', 'JAPAN')\">\n          JAPAN        <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_location == 'USA' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('76', 'USA')\">\n          USA        <\/li>\n              <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n          :class=\"d_location == '\u83f2\u5f8b\u5bbe' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n          @click=\"onOptionClick('73', '\u83f2\u5f8b\u5bbe')\">\n          \u83f2\u5f8b\u5bbe        <\/li>\n          <\/ul>\n  <\/div>\n  <script>\n    (function () {\n      document.addEventListener('alpine:init', function () {\n        Alpine.data('zama_location', () => ({\n          handleClickAwayBound: null,\n          dropdownOpened: false,\n          toggleDropdown: function () {\n            if (this.dropdownOpened) {\n              this.dropdownOpened = false;\n              this.hideDropdown();\n            } else {\n              this.dropdownOpened = true;\n              this.showDropdown();\n            }\n          },\n          showDropdown: function () {\n            const dropdown = this.$refs.dropdown;\n            let maxHeight = 0;\n            Array.from(dropdown.children).forEach(child => {\n              maxHeight += child.clientHeight;\n            });\n            dropdown.style.setProperty('max-height', maxHeight + 'px');\n            this.handleClickAwayBound = this.handleClickAway.bind(\n              this\n            ); \/\/ using extra var to make function in state when removing listener\n            document.addEventListener('click', this.handleClickAwayBound);\n          },\n          hideDropdown: function () {\n            const dropdown = this.$refs.dropdown;\n            dropdown.style.removeProperty('max-height');\n            document.removeEventListener('click', this.handleClickAwayBound);\n          },\n          onOptionClick: function (search, display) {\n            this['s_location'] = search;\n            this['d_location'] = display;\n            this.toggleDropdown();\n            this.getPosts();\n          },\n          handleClickAway: function (e) {\n            if (!e.target.closest('.zama_location') && this.dropdownOpened) {\n              this.toggleDropdown();\n            }\n          },\n        }));\n      });\n    })();\n  <\/script>\n      <\/div>\n<\/form>                    <div class=\"zama-career-content\">\n                        <ul>\n                            \n<li class=\"pos-item active\">\n    <div class=\"flex items-start justify-between\">\n        <div>\n            <p class=\"text-eyebrow uppercase text-black-200 pb-3\">Published on Dec-04-2024<\/p>\n            <h4 class=\"heading4 text-black-000\">QA<\/h4>\n        <\/div>\n        <div class=\"icon\"><\/div>\n    <\/div>\n    <div class=\"py-6 flex flex-wrap gap-2.5 items-center\">\n                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">HONGKONG<\/span>\n        <\/div>\n                <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Huizhou, China<\/span>\n        <\/div>\n                                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Expert\/Professional<\/span>\n        <\/div>\n                <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Graduates<\/span>\n        <\/div>\n                \n    <\/div>\n    <div class=\"pos-content opacity-0 overflow-hidden rounded-[12px]\">\n        <div class=\"bg-white rounded-[12px] p-7\">\n            <div class=\"content-wrapper\">\n                <p><strong>Resposibilities:<\/strong><\/p>\n<p>Main aim of job<\/p>\n<p>Under the direct supervision of the QA Assistant Manager, the Assembly QA Engineer shall ensure that customer and related interested parties satisfaction is achieved. All specified internal and external requirements and targets must be met, and if necessary, improvements shall take place. He\/She is also responsible for the strategic leadership of the quality control system of the manufacturing plant.<\/p>\n<p>&nbsp;<\/p>\n<h6>Qualifications:<\/h6>\n<p>&gt; Formal education \/ course of study<\/p>\n<p>Graduate of any Engineering course<\/p>\n<p>with professional license is a plus<\/p>\n<p>&nbsp;<\/p>\n<p>&gt; Professional experience (years, function)<\/p>\n<p>3-5 Years experience in Quality Assurance Supervisory or specialist position<\/p>\n<p>&nbsp;<\/p>\n<p>&gt; Specialized knowledge and skills<\/p>\n<p>With strong problem solving and analytical skills. Above average decision making ability.\u00a0 Fair, objective and good public relations skills required. Good analytical ability required. Quick correlation of cause and effect and improvisation of corrective measures meet unexpected developments needed. Good snap judgment and decisiveness a must.<\/p>\n            <\/div>\n            <a href=\"mailto:mailto:president@zamacorp.com\"\n                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 inline-block hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-7\">\n                Apply Now            <\/a>\n        <\/div>\n    <\/div>\n<\/li>\n\n<li class=\"pos-item \">\n    <div class=\"flex items-start justify-between\">\n        <div>\n            <p class=\"text-eyebrow uppercase text-black-200 pb-3\">Published on Oct-09-2024<\/p>\n            <h4 class=\"heading4 text-black-000\">Production Manager<\/h4>\n        <\/div>\n        <div class=\"icon\"><\/div>\n    <\/div>\n    <div class=\"py-6 flex flex-wrap gap-2.5 items-center\">\n                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">\u83f2\u5f8b\u5bbe<\/span>\n        <\/div>\n                                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Expert\/Professional<\/span>\n        <\/div>\n                \n    <\/div>\n    <div class=\"pos-content opacity-0 overflow-hidden rounded-[12px]\">\n        <div class=\"bg-white rounded-[12px] p-7\">\n            <div class=\"content-wrapper\">\n                <h6>Resposibilities:<\/h6>\n<ol>\n<li>Responsible for the produuction team&#8217;s performance and is accountable for maintainingthe applicable standards of the plant<\/li>\n<li>Responsible to ensure the quality of work meet or exceeds all standards of the organization<\/li>\n<li>Responsible for the productivity improvement projects<\/li>\n<li>Responsible to maximize the level of output of the manufacturing department by ensuring operating costs of the department are minimized through a lean manufacturing environment<\/li>\n<li>Responsible for the health and safety of directly reporting employees<\/li>\n<li>Ensure that the processes are delivering their intended output<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n<h6>Qualifications:<\/h6>\n<ol>\n<li>Candidate must posses a professional license in Engineering or equivalent<\/li>\n<li>At least 10 years of experience in a related field<\/li>\n<li>Able to provide strategic direction in implementing production related programs and lead the manufacturing team to achieve targets<\/li>\n<li>Preferrably Assistant Manager \/ Manager specialized in Manufacturing Operations or equivalent<\/li>\n<\/ol>\n            <\/div>\n            <a href=\"mailto:mailto:president@zamacorp.com\"\n                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 inline-block hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-7\">\n                Apply Now            <\/a>\n        <\/div>\n    <\/div>\n<\/li>\n\n<li class=\"pos-item \">\n    <div class=\"flex items-start justify-between\">\n        <div>\n            <p class=\"text-eyebrow uppercase text-black-200 pb-3\">Published on Oct-09-2024<\/p>\n            <h4 class=\"heading4 text-black-000\">QA Engineer<\/h4>\n        <\/div>\n        <div class=\"icon\"><\/div>\n    <\/div>\n    <div class=\"py-6 flex flex-wrap gap-2.5 items-center\">\n                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">\u83f2\u5f8b\u5bbe<\/span>\n        <\/div>\n                                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Expert\/Professional<\/span>\n        <\/div>\n                \n    <\/div>\n    <div class=\"pos-content opacity-0 overflow-hidden rounded-[12px]\">\n        <div class=\"bg-white rounded-[12px] p-7\">\n            <div class=\"content-wrapper\">\n                <ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li><strong>Resposibilities:<\/strong>\n<p>Main aim of job Under the direct supervision of the QA Assistant Manager, the Assembly QA Engineer shall ensure that customer and related interested parties satisfaction is achieved. All specified internal and external requirements and targets must be met, and if necessary, improvements shall take place. He\/She is also responsible for the strategic leadership of the quality control system of the manufacturing plant.<\/p>\n<p>> Specific duties and responsibilities (maximum 10) 1. Responsible to ensure utmost customer satisfaction within the area of quality and services. 2. Establishes quality plan, quality control standards and directs the implementation of policies and procedures to ensure that sufficient controls are in place to meet customer, system, regulatory and internal requirements. 3. Responsible in establishing \/ translating drawing checksheets 4. Ensures that quality, safety and health systems are implemented, maintained and continuously being improved. 5. Reports periodically to the management and team, the performance of the quality system related in assigned task. 6. Has the authority to discontinue production to correct quality problems. 7. Sits in discussion involving engineering or quality problems and provides technical inputs in order to provide long term solutions to such. 8. Identify system issues within the manufacturing areas and take appropriate actions to address it. 9. Active participation in customer incidents through timely root cause analysis and corrective actions and ensure its implementation. 10. Initiates improvement activities both in manufacturing and transactional areas. 11. Supervises and monitors QA Technician in order to ensure the evaluation and analysis result related to Quality issues are performed. 12. Develop skill matrix and identify required coaching program for all QA technician to increase skill and efficiency. 13. Provides quality related trainings. 14.Provides all support needed by manufacturing, management and other services group related to quality matters. 15. Other duties and responsibilities: a. Internal Quality Auditor b. 8D Coordinator 16. Performs other duties as maybe assigned by the QA Assistant Manager or QA Department Manager after due training\/ qualification. In case of absence: The QA Assistant Manager will take over the responsibility in decision-making.<\/p>\n<p><strong>Qualifications:<\/strong><\/p>\n<p>\u00a0<\/p>\n<p>> Formal education \/ course of study Graduate of any Engineering course with professional license is a plus<\/p>\n<p>> Professional experience (years, function) 3-5 Years experience in Quality Assurance Supervisory or specialist position<\/p>\n<p>> Specialized knowledge and skills With strong problem solving and analytical skills. Above average decision making ability. Fair, objective and good public relations skills required. Good analytical ability required. Quick correlation of cause and effect and improvisation of corrective measures meet unexpected developments needed. Good snap judgment and decisiveness a must.<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n            <\/div>\n            <a href=\"mailto:mailto:president@zamacorp.com\"\n                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 inline-block hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-7\">\n                Apply Now            <\/a>\n        <\/div>\n    <\/div>\n<\/li>\n\n<li class=\"pos-item \">\n    <div class=\"flex items-start justify-between\">\n        <div>\n            <p class=\"text-eyebrow uppercase text-black-200 pb-3\">Published on Oct-09-2024<\/p>\n            <h4 class=\"heading4 text-black-000\">Production Supervisor<\/h4>\n        <\/div>\n        <div class=\"icon\"><\/div>\n    <\/div>\n    <div class=\"py-6 flex flex-wrap gap-2.5 items-center\">\n                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">\u83f2\u5f8b\u5bbe<\/span>\n        <\/div>\n                                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Expert\/Professional<\/span>\n        <\/div>\n                \n    <\/div>\n    <div class=\"pos-content opacity-0 overflow-hidden rounded-[12px]\">\n        <div class=\"bg-white rounded-[12px] p-7\">\n            <div class=\"content-wrapper\">\n                <h6>Resposibilities:<\/h6>\n<p>>  Main aim of job Oversee production operations. Ensure that production is running and producing products within set quality standards with high machine efficiency and lowest possible scrap rate.<\/p>\n<p>\u00a0<\/p>\n<p>>  Specific duties and responsibilities (maximum 10)<\/p>\n<ol>\n<li>Ensure that working area for the people is safe.<\/li>\n<li>Ensure that the daily \/ monthly goal of production will be met.<\/li>\n<li>Organize workflow for by checking and reviewing production schedules.<\/li>\n<li>Improve the NG ratio.<\/li>\n<li>Review and analyze working hours.<\/li>\n<li>Submit daily reports and progress of production.<\/li>\n<li>Identify issues and provide improvement.<\/li>\n<li>Oversee, coach, and train new employees.<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n<h6>Qualifications:<\/h6>\n<p>>  Formal education \/ course of study Graduate of any Technical\/ Engineering Course<\/p>\n<p>\u00a0<\/p>\n<p>>  Professional experience (years, function) at least 5years&#8217; experience people handling experience in Manufacturing Industry<\/p>\n<p>\u00a0<\/p>\n<p>>  Specialized knowledge and skills<\/p>\n<ol>\n<li>Production management skill<\/li>\n<li>Good communication and interpersonal skill<\/li>\n<li>Good problem solving skills<\/li>\n<li>Self-motivated and result oriented<\/li>\n<li>Good in MS Office software<\/li>\n<li>Have good report creation skills<\/li>\n<\/ol>\n            <\/div>\n            <a href=\"mailto:mailto:president@zamacorp.com\"\n                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 inline-block hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-7\">\n                Apply Now            <\/a>\n        <\/div>\n    <\/div>\n<\/li>\n\n<li class=\"pos-item \">\n    <div class=\"flex items-start justify-between\">\n        <div>\n            <p class=\"text-eyebrow uppercase text-black-200 pb-3\">Published on Oct-09-2024<\/p>\n            <h4 class=\"heading4 text-black-000\">Facilities and Maintenance Technician<\/h4>\n        <\/div>\n        <div class=\"icon\"><\/div>\n    <\/div>\n    <div class=\"py-6 flex flex-wrap gap-2.5 items-center\">\n                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">\u83f2\u5f8b\u5bbe<\/span>\n        <\/div>\n                                        <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n            <span class=\"text-eyebrow text-black-000 uppercase\">Graduates<\/span>\n        <\/div>\n                \n    <\/div>\n    <div class=\"pos-content opacity-0 overflow-hidden rounded-[12px]\">\n        <div class=\"bg-white rounded-[12px] p-7\">\n            <div class=\"content-wrapper\">\n                <h6>Resposibilities:<\/h6>\n<p>>  Main aim of job<\/p>\n<ol>\n<li>Administration and execution of Maintenance program of Zama Philippines.<\/li>\n<li>Efficient operation of Facility equipment and building.<\/li>\n<li>Compliance to all regulatory and statutory requirements on machine, building and EHS operations.<\/li>\n<li>Emergency readiness and enforcement.<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n<p>> Specific duties and responsibilities (maximum 10)<\/p>\n<ol>\n<li>Organize and oversee the implementation of operation and maintenance program relative to repair, corrective and periodic maintenance of machine and building, including but not limited to provision of spare parts, tools, records of monitoring\u2019s, evaluation and analysis, corrective-preventive actions, external support and budget spending.<\/li>\n<li>Lead the team in achieving objectives and performance review. Drives necessary action steps to satisfying requirements. <\/li>\n<li>Coordinate with other areas relative to his job or objectives disposal.<\/li>\n<li>Administer and motivates all reporting personnel; pursue appraisal, coaching, counseling and communication among subordinates. Follow-up DA process during any infractions. <\/li>\n<li>Ensures that all section personnel are fully trained and assessed in Plant Safety and Operational procedures.<\/li>\n<li>Review and pre-approve contracts and performance of out-source services and contractors.<\/li>\n<li>Direct and provide initial level decisions during emergency situations.<\/li>\n<li>Drives updating of documentations, instructions, reports and other documents.<\/li>\n<li>Sets implementation and maintenance of Quality Assurance Records throughout the section.<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n<p><strong>Qualifications:<\/strong><\/p>\n<p>>  Formal education \/ course of study<\/p>\n<ol>\n<li>BS in Civil, Mechanical or Electrical Engineering (preferred BSME, BSEE<\/li>\n<li>Registered Engineer by PRC.<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n<p>>  Professional experience (years, function)<\/p>\n<ol>\n<li>Minimum 3-years\u2019 experience in well-rounded Maintenance role (proficiency if Building and Facility or Equipment Maintenance shall be in accordance to requirement).<\/li>\n<li>With demonstrated knowledge of applicable machine (and building) operations and maintenance.<\/li>\n<li>Experience on similar industry setting is preferred.<\/li>\n<li>(for Facility and Building proficiency) Experience on FM Global, PEZA and EHS process is preferred<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n<blockquote><p>>Specialized knowledge and skills<\/p><\/blockquote>\n<ol>\n<li>Documentation and presentation skills.<\/li>\n<li>Knowledge on the implementation of ISO 9001-2015 is preferred.<\/li>\n<li>Knowledge on regulations PEZA,DENR, DOLE, OSHA, FM Global and other trade certifications is a plus.<\/li>\n<li>Knowledge on project and task handling; programs and timeline development. Knowledge in MS Project is an advantage. <\/li>\n<li>Analytical skills to determine root cause analysis (knowledge on 8D and FMEA is a plus).<\/li>\n<li>Ability to work as an individual contributor and as a facilitator for work teams.<\/li>\n<li>Strong organization and planning abilities including people coordination and training skills.<\/li>\n<\/ol>\n            <\/div>\n            <a href=\"mailto:mailto:president@zamacorp.com\"\n                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 inline-block hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-7\">\n                Apply Now            <\/a>\n        <\/div>\n    <\/div>\n<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pagination-list pt-12 flex items-center justify-end gap-4\" :class=\"showPagination ? '' : 'hidden'\"\n  x-data=\"cuhk_latest_news_pagination\">\n  <button class=\"size-4 lg:size-5 group  relative -top-0.5 my-auto\" :disabled=\"current == 1\"\n    @click=\"onPrev\">\n    <svg width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"transition-all stroke-mainPurple group-disabled:stroke-black-400 group-disabled:opacity-50 group-enabled:group-hover:stroke-black-000\"\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        fill=\"#D5D5D5\" stroke=\"#D5D5D5\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"flex items-start\">\n    <template x-for=\"pageNumber in visiblePages\">\n      <button class=\"text-button mr-2.5 lg:mr-5 last:mr-0 transition hover:text-black hover:opacity-100\"\n        :class=\"pageNumber === current ? 'text-black' : 'text-black-000 opacity-50'\"\n        x-text=\"pageNumber\" @click=\"onPaginate(pageNumber)\" :disabled=\"!parseInt(pageNumber)\">\n      <\/button>\n    <\/template>\n  <\/div>\n\n  <button class=\"size-4 lg:size-5 group relative -top-0.5 my-auto\"\n    :disabled=\"current == totalPages\" @click=\"onNext\">\n    <svg width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"transition-all stroke-mainPurple group-disabled:stroke-black-400 group-disabled:opacity-50 group-enabled:group-hover:stroke-black-000\"\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        fill=\"#D5D5D5\" stroke=\"#D5D5D5\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n\n  <\/button>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('cuhk_latest_news_pagination', () => ({\n        onPrev: function () {\n          if (this.current - 1) {\n            this.current -= 1;\n          } else {\n            this.current = 1;\n          }\n          this.getPosts(false);\n        },\n        onNext: function () {\n          if (this.current + 1 <= this.totalPages) {\n            this.current += 1;\n          } else {\n            this.current = this.totalPages;\n          }\n          this.getPosts(false);\n        },\n        onPaginate: function (index) {\n          this.current = index;\n          this.getPosts(false);\n        },\n        get visiblePages() {\n          const range = 2;\n          const visible = [];\n\n          if (this.totalPages > 1) visible.push(1);\n\n          if (this.current - range > 2) {\n            if (this.current - range < this.totalPages) {\n              visible.push('...');\n            }\n          }\n\n          for (let i = Math.max(2, this.current - range); i < this.current; i++) {\n            if (i < this.totalPages) {\n              visible.push(i);\n            }\n          }\n\n          if (this.current < this.totalPages) {\n            if (this.current !== 1) {\n              if (this.current !== this.totalPages) {\n                visible.push(this.current);\n              }\n            }\n          }\n\n          for (let i = this.current + 1; i <= Math.min(this.totalPages - 1, this.current + range); i++) {\n            if (i < this.totalPages) {\n              visible.push(i);\n            }\n          }\n\n          if (this.current + range < this.totalPages - 1) {\n            visible.push('...');\n          }\n\n          visible.push(this.totalPages);\n\n          return visible;\n        }\n      }));\n    })\n  })();\n<\/script>            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n    (function() {\n        document.addEventListener('alpine:init', function() {\n            Alpine.data('zama_careers', () => ({\n                s_category: \"\",\n                d_category: \"All\",\n                s_location: \"\",\n                d_location: \"All\",\n                current: 1,\n                per_page: 5,\n                showPagination: Math.ceil(19 \/ 5),\n                totalPages: Math.ceil(19 \/ 5),\n                loading: false,\n                activeIndex: null,\n\n                getPosts: async function(resetCurrent = true) {\n                    if (resetCurrent) this.current = 1;\n                    this.loading = true;\n\n                    const baseUrl = 'https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/career';\n                    const param = {\n                        s_category: this.s_category,\n                        s_location: this.s_location,\n                        page: this.current,\n                        per_page: this.per_page,\n                    };\n                    const fetchUrl = baseUrl + \"?\" + this.objectToQueryString(param);\n\n                    try {\n                        const res = await fetch(fetchUrl);\n                        const fetchPosts = await res.json();\n                        const totalPosts = res.headers.get('X-WP-Total');\n                        this.posts = fetchPosts;\n                        this.totalPages = Math.ceil(totalPosts \/ this.per_page);\n                        this.showPagination = Math.ceil(totalPosts \/ this.per_page);\n\n                        const content = document.querySelector(\n                            '.zama-career .zama-career-content');\n                        if (content) {\n                            if (!content.querySelector('template')) {\n                                const template = `<li class=\"pos-item\"\n          x-data=\"{ isActive: false }\"\n          x-bind:class=\"{ 'active': activeIndex === index }\"\n          @click=\"activeIndex = activeIndex === index ? null : index;\">\n        \n        <div class=\"flex items-start justify-between\">\n          <div>\n            <p class=\"text-eyebrow uppercase text-black-200 pb-3\">Published on <span x-text=\"post.date\"><\/span><\/p>\n            <h4 class=\"heading4 text-black-000\" x-text=\"post.title\"><\/h4>\n          <\/div>\n          <div class=\"icon\"><\/div>\n        <\/div>\n        \n        <div class=\"py-6 flex flex-wrap gap-2.5 items-center\">\n          <template x-if=\"post.locations.length > 0\">\n            <template x-for=\"location in post.locations\" :key=\"location.id\">\n              <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Location.svg\" alt=\"Location Icon\" \/>\n                <span class=\"text-eyebrow text-black-000 uppercase\" x-text=\"location.name\"><\/span>\n              <\/div>\n            <\/template>\n          <\/template>\n          \n          <template x-if=\"post.career_categories.length > 0\">\n            <template x-for=\"category in post.career_categories\" :key=\"category.id\">\n              <div class=\"flex items-center gap-2.5 py-3 px-4 border border-black-800 rounded-[24px]\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/bag.svg\" alt=\"Career Category Icon\" \/>\n                <span class=\"text-eyebrow text-black-000 uppercase\" x-text=\"category.name\"><\/span>\n              <\/div>\n            <\/template>\n          <\/template>\n        <\/div>\n        \n        <div class=\"pos-content overflow-hidden transition-all duration-500 ease-in-out\"\n             x-bind:style=\"{'max-height': activeIndex === index ? content.scrollHeight + 'px' : '0px'}\"\n             x-ref=\"content\">\n          <div class=\"bg-white rounded-[12px] p-7\">\n            <div class=\"content-wrapper\" x-html=\"post.description\"><\/div>\n            <a :href=\"post.apply_link.url\" :target=\"post.apply_link.target\"\n               class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 inline-block hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-2\">\n              <span x-text=\"post.apply_link.title\"><\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/li>`;\n                                Alpine.morph(content, `\n                                <ul class=\"${content.className}\">\n                                    <template x-for=\"(post, index) in posts\" :key=\"post.id\">\n                                        ${template}\n                                    <\/template>\n                                <\/ul>\n                            `);\n                            }\n                        } else {\n                            console.error('Content element not found');\n                        }\n\n                        const hrefParams = {\n                            s_location: this.s_location,\n                            s_category: this.s_category,\n                            current: this.current\n                        };\n                        const newUrl = window.location.href.split(\"?\")[0] + \"?\" + this\n                            .objectToQueryString(hrefParams);\n                        window.history.replaceState({}, document.title, newUrl);\n                    } catch (e) {\n                        console.error(e);\n                    } finally {\n                        this.loading = false;\n                    }\n                },\n                objectToQueryString: function(obj) {\n                    for (let key in obj) {\n                        if (!obj[key]) delete obj[key];\n                    }\n                    return Object.keys(obj).map(key => encodeURIComponent(key) + '=' +\n                        encodeURIComponent(obj[key])).join('&');\n                }\n            }));\n        });\n    })();\n    <\/script>\n<\/section>","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,"rank_math_lock_modified_date":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-4116","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/pages\/4116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/comments?post=4116"}],"version-history":[{"count":2,"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/pages\/4116\/revisions"}],"predecessor-version":[{"id":5007,"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/pages\/4116\/revisions\/5007"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/cn\/wp-json\/wp\/v2\/media?parent=4116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}