{"id":7294,"date":"2025-09-18T10:55:53","date_gmt":"2025-09-18T03:55:53","guid":{"rendered":"https:\/\/labamu.co.id\/ebooks-insights\/"},"modified":"2026-02-12T11:15:47","modified_gmt":"2026-02-12T04:15:47","slug":"ebooks-insights","status":"publish","type":"page","link":"https:\/\/labamu.co.id\/en\/ebooks-insights\/","title":{"rendered":"Ebooks &amp; Insights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7294\" class=\"elementor elementor-7294 elementor-512\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-501c4b2 e-flex e-con-boxed e-con e-parent\" data-id=\"501c4b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1d8a79d e-con-full e-flex e-con e-child\" data-id=\"1d8a79d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-01de098 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"01de098\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6883f6 elementor-widget elementor-widget-heading\" data-id=\"f6883f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Labamu Exclusive eBook<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f56cf68 elementor-widget elementor-widget-text-editor\" data-id=\"f56cf68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\"><span data-teams=\"true\">Discover practical guidance to help your business operate more efficiently and transition smoothly into the digital era.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c003ccd e-flex e-con-boxed e-con e-parent\" data-id=\"c003ccd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f02183c elementor-widget elementor-widget-html\" data-id=\"f02183c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* Wrapper *\/\n    \n    .post-grid-wrapper {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 20px;\n        font-family: sans-serif;\n    }\n    \/* Dropdown + search *\/\n    \n    .post-filter {\n        margin-bottom: 20px;\n        display: flex;\n        justify-content: space-between;\n        \/* kiri - kanan *\/\n        align-items: center;\n        flex-wrap: wrap;\n        \/* biar turun ke bawah di layar kecil *\/\n        gap: 20px;\n    }\n    \/* Kiri *\/\n    \n    .filter-left {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n    \/* Kanan *\/\n    \n    .filter-right {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    \n    .post-filter label {\n        font-size: 0.95rem;\n        margin: 0;\n        color: #333;\n        white-space: nowrap;\n    }\n    \/* Dropdown *\/\n    \n    .post-filter select {\n        padding: 8px 12px;\n        border-radius: 6px;\n        border: 1px solid #ccc;\n        font-size: 0.95rem;\n        background: #fff;\n    }\n    \n    .search-wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    max-width: 280px; \/* control size *\/\n  }\n  \n  .search-wrapper input {\n    width: 100%;\n    padding: 10px 38px 10px 14px; \/* extra space for icon *\/\n    border-radius: 8px;\n    border: 1px solid #dcdcdc;\n    font-size: 0.95rem;\n    background: #fff;\n    color: #333;\n    transition: all 0.25s ease;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  }\n  \n  .search-wrapper input::placeholder {\n    color: #999;\n    font-size: 0.9rem;\n  }\n  \n  .search-wrapper input:hover {\n    border-color: #aaa;\n    background: #fafafa;\n  }\n  \n  .search-wrapper input:focus {\n    border-color: #006bff;\n    background: #fff;\n    box-shadow: 0 0 0 3px rgba(0,107,255,0.2);\n    outline: none;\n  }\n  \n  .search-wrapper .search-icon {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #777;\n    font-size: 1rem;\n    pointer-events: none; \/* so clicks still focus input *\/\n  }\n    \/* Grid layout *\/\n    \n    .post-grid {\n        --gap: 20px;\n        display: grid;\n        gap: var(--gap);\n        grid-template-columns: repeat(1, 1fr);\n    }\n    \n    @media (min-width: 600px) {\n        .post-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    \n    @media (min-width: 960px) {\n        .post-grid {\n            grid-template-columns: repeat(4, 1fr);\n        }\n    }\n    \/* Card style *\/\n    \n    .post-card {\n        background: #fff;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .post-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\n    }\n    \n    .post-card img {\n        width: 100%;\n        aspect-ratio: 9\/12;\n        object-fit: cover;\n        display: block;\n    }\n    \n    .post-card .card-body {\n        padding: 18px;\n        text-align: center;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n    \n    .post-card h3 {\n        margin: 0;\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #111;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        \/* maksimal 2 baris *\/\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .post-card .excerpt {\n        font-size: 0.95rem;\n        color: #444;\n        flex-grow: 1;\n    }\n    \n    .post-card .readmore a {\n        display: inline-block;\n        padding: 10px 20px;\n        border: 1px solid #ccc;\n        border-radius: 6px;\n        text-decoration: none;\n        color: #111;\n        background: #fff;\n        font-size: 0.9rem;\n        transition: background 0.2s, color 0.2s;\n        cursor: pointer\n    }\n    \n    .post-card .readmore a:first-child {\n        background: #fff;\n        color: #111;\n    }\n    \n    .post-card .readmore a:first-child:hover {\n        background: #006bff;\n        color: #fff;\n        border-color: #006bff;\n    }\n    \n    .post-card .readmore .btn-register {\n        background: #006bff;\n        color: #fff;\n        border-color: #006bff;\n    }\n    \n    .post-card .readmore .btn-register.disabled {\n        background: #ccc;\n        color: #fff;\n        border-color: #ccc;\n        cursor: not-allowed;\n    }\n\n    .loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  padding: 20px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #555;\n}\n\n.loading span {\n  width: 10px;\n  height: 10px;\n  background: #0073e6;\n  border-radius: 50%;\n  display: inline-block;\n  animation: bounce 0.6s infinite alternate;\n}\n\n.loading span:nth-child(2) {\n  animation-delay: 0.2s;\n}\n.loading span:nth-child(3) {\n  animation-delay: 0.4s;\n}\n\n@keyframes bounce {\n  from { transform: translateY(0); opacity: 0.6; }\n  to   { transform: translateY(-8px); opacity: 1; }\n}\n    \n    .error {\n        text-align: center;\n        padding: 20px;\n        color: #666;\n    }\n    \/* Status buttons *\/\n    \n    \/* Label *\/\n  .filter-label {\n    font-size: 14px;\n    color: #333;\n  }\n  \n  \/* Select box *\/\n  .filter-select {\n    padding: 10px 14px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background: #fff;\n    font-size: 14px;\n    color: #333;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    appearance: none; \/* remove default arrow *\/\n    background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23666' stroke-width='2' d='M6 9l6 6 6-6'\/%3e%3c\/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    background-size: 12px;\n  }\n  \n  .filter-select:hover {\n    border-color: #999;\n  }\n  \n  .filter-select:focus {\n    border-color: #006bff;\n    box-shadow: 0 0 0 3px rgba(0,107,255,0.2);\n    outline: none;\n  }\n  \n    \/* Pagination *\/\n  .pagination {\n  margin-top: 20px;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  }\n  \n  .pagination button {\n  padding: 8px 14px;\n  border: 1px solid #ccc;\n  background: #fff;\n  color: #000;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  transition: background 0.2s, color 0.2s;\n  }\n  \n  .pagination button.active {\n  background: #006bff;\n  color: #fff;\n  border-color: #006bff;\n  }\n  \n  .pagination button:disabled {\n  opacity: 0.5;\n  cursor: default;\n  }\n\n    \/* Perbaikan background overlay supaya tidak ketimpa *\/\n    .ebook-popup {\n    display: none;\n    position: fixed;\n    z-index: 9999 !important; \/* pastikan di atas segalanya *\/\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.65); \/* overlay gelap *\/\n    justify-content: center;\n    align-items: center;\n    backdrop-filter: blur(4px); \/* efek blur latar belakang *\/\n    }\n\n    .post-filter button {\n        padding: 8px 14px;\n        border: 1px solid #ccc;\n        background: #fff;\n        color: #000;\n        border-radius: 6px;\n        cursor: pointer;\n        font-size: 0.9rem;\n        transition: background 0.2s, color 0.2s, border-color 0.2s;\n    }\n\n    .post-filter button.active {\n        background: #006bff;\n        color: #fff;\n        border-color: #006bff;\n    }\n    <\/style>\n    \n    <div class=\"post-grid-wrapper\">\n      <!-- Filter -->\n    <div class=\"post-filter\">\n        <div class=\"filter-left\">\n            <label for=\"categoryFilter\" class=\"filter-label\">Filter<\/label>\n            <select id=\"categoryFilter\" class=\"filter-select\">\n                <option value=\"\">All<\/option>\n            <\/select>\n            <button id=\"btnID\">Indonesia<\/button>\n            <button id=\"btnEN\"  class=\"active\">English<\/button>\n        <\/div>\n  \n        <div class=\"filter-right\">\n            <label for=\"searchBox\">Search Ebook<\/label>\n            <div class=\"search-wrapper\">\n                <input type=\"text\" id=\"searchBox\" placeholder=\"Search ebook...\">\n                <span class=\"search-icon\">\ud83d\udd0d<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Grid -->\n    <div id=\"postGrid\">\n        <div class=\"loading\">Loading...<\/div>\n        \n    <\/div>\n\n        <!-- Pagination -->\n        <div id=\"pagination\" class=\"pagination\"><\/div>\n\n      <!-- POPUP FORM EBOOK -->\n        <div id=\"ebookPopup\" class=\"ebook-popup\">\n            <div class=\"ebook-popup-content\">\n            <span class=\"ebook-popup-close\"><\/span>\n            <div class=\"ebook-popup-body\">\n                <!-- Shortcode Contact Form 7 -->\n                <div class=\"ebook-form-wrapper\">\n                    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9213-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"9213\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/7294#wpcf7-f9213-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9213\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9213-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAACIPFe_TpqinA6zy\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email Address\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-whatsapp\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Whatsapp Number\" value=\"\" type=\"tel\" name=\"your-whatsapp\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Business Name\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n<\/p>\n<div style=\"display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; font-size: 14px; color: #fff; margin: 10px 0 20px;\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-377\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"acceptance-377\" value=\"1\" aria-invalid=\"false\" \/><\/span><\/span><\/span><span> By filling out this form, I agree to join the <strong>LabamuHub Community<\/strong> and have read and understood the <a href=\"\/privacy\" target=\"_blank\" style=\"color:#fff; text-decoration: underline;\">Privacy Policy<\/a>.<br \/>\n<\/span>\n\t<\/p>\n<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"ebook-id\" value=\"\" type=\"hidden\" name=\"your-ebook\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"ebook-link\" value=\"\" type=\"hidden\" name=\"your-ebook-download\" \/>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Get eBook\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                  <\/div>\n            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n    (function(){\n      const gridContainer = document.getElementById(\"postGrid\");\n      const filterSelect = document.getElementById(\"categoryFilter\");\n      const searchBox = document.getElementById(\"searchBox\");\n      const pagination = document.getElementById(\"pagination\");\n\n      const btnID = document.getElementById(\"btnID\");\n      const btnEN = document.getElementById(\"btnEN\");\n\n      let currentFilter = \"en\"\n    \n      const baseUrl = \"\/wp-json\/wp\/v2\";\n      const postsPerPage = 6;\n      let currentPage = 1;\n      let totalPages = 1;\n    \n      \/\/ helper: strip HTML\n      function stripHtml(html){\n        const tmp = document.createElement(\"div\");\n        tmp.innerHTML = html;\n        return tmp.textContent || tmp.innerText || \"\";\n      }\n      function truncate(str, n){\n        return str.length > n ? str.slice(0, n).trim() + \"\u2026\" : str;\n      }\n    \n      \/\/ Fetch categories for dropdown\n      function loadCategories(){\n        fetch(`${baseUrl}\/categories?parent=33&per_page=50&lang=en`)\n          .then(res => res.json())\n          .then(cats => {\n            cats.forEach(cat => {\n              if (cat.count === 0) return;\n              const opt = document.createElement(\"option\");\n              opt.value = cat.id;\n              opt.textContent = cat.name;\n              filterSelect.appendChild(opt);\n            });\n          });\n      }\n\n        \/\/ render pagination buttons\n        function renderPagination(){\n            pagination.innerHTML = \"\";\n            if (totalPages <= 1) return;\n        \n            \/\/ prev\n            const prevBtn = document.createElement(\"button\");\n            prevBtn.textContent = \"\u00ab Prev\";\n            prevBtn.disabled = currentPage === 1;\n            prevBtn.onclick = () => { if (currentPage > 1) loadPosts(filterSelect.value, searchBox.value.trim(), currentPage-1); };\n            pagination.appendChild(prevBtn);\n        \n            \/\/ page numbers (sederhana, bisa dibuat versi ellipsis kalau panjang)\n            for (let i=1; i<=totalPages; i++){\n            const btn = document.createElement(\"button\");\n            btn.textContent = i;\n            if (i === currentPage) btn.classList.add(\"active\");\n            btn.onclick = () => loadPosts(filterSelect.value, searchBox.value.trim(), i);\n            pagination.appendChild(btn);\n            }\n        \n            \/\/ next\n            const nextBtn = document.createElement(\"button\");\n            nextBtn.textContent = \"Next \u00bb\";\n            nextBtn.disabled = currentPage === totalPages;\n            nextBtn.onclick = () => { if (currentPage < totalPages) loadPosts(filterSelect.value, searchBox.value.trim(), currentPage+1); };\n            pagination.appendChild(nextBtn);\n        }\n    \n      \/\/ Fetch posts\n      async function loadPosts(catId = \"\", searchTerm = \"\", page = 1) {\n        gridContainer.innerHTML = `\n            <div class=\"loading\">\n                <span><\/span><span><\/span><span><\/span>\n            <\/div>\n            `;\n        currentPage = page;\n    \n        let url = `${baseUrl}\/ebook?per_page=${postsPerPage}&page=${page}&_embed`;\n\n    \n        \/\/ filter by category\n        if (catId) {\n          url += `&categories=${catId}`;\n        } else {\n          try {\n            const resCats = await fetch(`${baseUrl}\/categories?parent=33&per_page=50&lang=en`);\n            const cats = await resCats.json();\n            const ids = cats.map(c => c.id).join(\",\");\n            if (ids) url += `&categories=${ids}`;\n          } catch (err) {\n            gridContainer.innerHTML = `<div class=\"loading\">\n                <span><\/span><span><\/span><span><\/span>\n            <\/div>`;\n            return;\n          }\n        }\n    \n        \/\/ filter by search\n        if (searchTerm) {\n          url += `&search=${encodeURIComponent(searchTerm)}`;\n        }\n    \n        try {\n          const res = await fetch(url);\n          if (!res.ok) throw new Error(\"Gagal ambil data post\");\n          const posts = await res.json();\n    \n          if (posts.length === 0) {\n            gridContainer.innerHTML = '<div class=\"error\">Tidak ada postingan.<\/div>';\n            return;\n          }\n\n          const filteredPosts = posts.filter(post => {\n            const langBook = post?.acf?.ebook_language\n            if (!langBook) return currentFilter === \"en\"\n            return currentFilter === \"id\" ? langBook === \"id: Indonesia\" : langBook === \"en: English\"\n          })\n\n          if (filteredPosts.length === 0){\n            gridContainer.innerHTML = '<div class=\"error\">Tidak ada ebook yang ditemukan.<\/div>';\n            pagination.innerHTML = \"\";\n            return;\n          }\n    \n          const grid = document.createElement(\"div\");\n          grid.className = \"post-grid\";\n    \n          filteredPosts.forEach(post => {\n            let thumb = \"\";\n            try {\n              const fm = post._embedded[\"wp:featuredmedia\"][0];\n              thumb = fm?.source_url || \"\";\n            } catch (e) {}\n    \n            let excerpt = stripHtml(post.excerpt?.rendered || post.content?.rendered || \"\");\n            excerpt = truncate(excerpt, 140);\n\n            const downloadUrl = post.acf?.download_link || \"#\";\n    \n            const card = document.createElement(\"div\");\n            card.className = \"post-card\";\n            card.innerHTML = `\n                ${thumb ? `<img decoding=\"async\" src=\"${thumb}\" alt=\"${post.title.rendered}\">` : \"\"}\n                <div class=\"card-body\">\n                    <h3>${post.title.rendered}<\/h3>\n                    <div class=\"readmore\">\n                        <a target=\"_blank\" class=\"btn-download\" data-title=\"${post.title.rendered}\" data-download=\"${downloadUrl}\">\n                        Download Ebook\n                        <\/a>\n                    <\/div>\n                <\/div>\n            `;\n            grid.appendChild(card);\n          });\n    \n          gridContainer.innerHTML = \"\";\n          gridContainer.appendChild(grid);\n        } catch (err) {\n            gridContainer.innerHTML = `<<div class=\"loading\">\n            <span><\/span><span><\/span><span><\/span>\n        <\/div>`;\n        pagination.innerHTML = \"\";\n        }\n      }\n    \n      \/\/ Init\n      loadCategories();\n      loadPosts();\n    \n      \/\/ Event: filter change\n      filterSelect.addEventListener(\"change\", () => {\n        loadPosts(filterSelect.value, searchBox.value.trim());\n      });\n    \n      \/\/ Event: search\n      let typingTimer;\n      searchBox.addEventListener(\"input\", () => {\n        clearTimeout(typingTimer);\n        typingTimer = setTimeout(() => {\n          loadPosts(filterSelect.value, searchBox.value.trim());\n        }, 500); \/\/ delay biar ga terlalu sering fetch\n      });\n\n\n        \/\/ --- POPUP SCRIPT ---\n    const popup = document.getElementById(\"ebookPopup\");\n    const closePopup = document.querySelector(\".ebook-popup-close\");\n\n        \/\/ Buka popup saat tombol Unduh diklik\n    document.addEventListener(\"click\", function(e) {\n        const btn = e.target.closest(\".btn-download\");\n        if (!btn) return;\n        e.preventDefault();\n\n        \/\/ ambil judul dan link\n        const ebookTitle = btn.dataset.title || \"\";\n        const downloadLink = btn.dataset.download || \"#\";\n\n        \/\/ Isi hidden input di CF7\n        const titleInput = document.getElementById(\"ebook-id\");\n        const linkInput = document.getElementById(\"ebook-link\");\n        if (titleInput) titleInput.value = ebookTitle;\n        if (linkInput) linkInput.value = downloadLink;\n\n        \/\/ tampilkan popup\n        popup.style.display = \"flex\";\n    });\n\n        \/\/ Tutup popup\n    closePopup.addEventListener(\"click\", () => popup.style.display = \"none\");\n    window.addEventListener(\"click\", (e) => {\n        if (e.target === popup) popup.style.display = \"none\";\n    });\n\n        \/\/ Setelah form dikirim, buka link download\n    document.addEventListener('wpcf7mailsent', function() {\n        if (window.selectedEbookDownload) {\n            window.open(window.selectedEbookDownload, '_blank');\n            popup.style.display = \"none\";\n        }\n        }, false);\n\n    btnID.addEventListener(\"click\", () => {\n        if (currentFilter === \"id\") return;\n        currentFilter = \"id\";\n        btnID.classList.add(\"active\");\n        btnEN.classList.remove(\"active\");\n        loadPosts(filterSelect.value, searchBox.value.trim(), 1);\n    })\n    btnEN.addEventListener(\"click\", () => {\n        if (currentFilter === \"en\") return;\n        currentFilter = \"en\"\n        btnEN.classList.add(\"active\");\n        btnID.classList.remove(\"active\");\n        loadPosts(filterSelect.value, searchBox.value.trim(), 1);\n    })\n    })();\n\n    \n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Labamu Exclusive eBook Discover practical guidance to help your business operate more efficiently and transition smoothly into the digital era. Filter All Indonesia English Search Ebook \ud83d\udd0d Loading&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-7294","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/pages\/7294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/comments?post=7294"}],"version-history":[{"count":46,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/pages\/7294\/revisions"}],"predecessor-version":[{"id":16184,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/pages\/7294\/revisions\/16184"}],"wp:attachment":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/media?parent=7294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}