{"id":2546,"date":"2025-04-16T11:24:20","date_gmt":"2025-04-16T04:24:20","guid":{"rendered":"https:\/\/mikiindo.com\/?page_id=2546"},"modified":"2025-09-11T08:23:09","modified_gmt":"2025-09-11T01:23:09","slug":"cek-garansi-1","status":"publish","type":"page","link":"https:\/\/mikiindo.com\/en\/cek-garansi-1\/","title":{"rendered":"CEK GARANSI 1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2546\" class=\"elementor elementor-2546\">\n\t\t\t\t<div class=\"elementor-element elementor-element-881b6c8 e-flex e-con-boxed e-con e-parent\" data-id=\"881b6c8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-454d168 elementor-widget elementor-widget-html\" data-id=\"454d168\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .lookup-section {\r\n    background-color: white;\r\n    color: #000;\r\n    padding: 40px 20px;\r\n    font-family: \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .lookup-wrapper {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .lookup-title {\r\n    font-size: 26px;\r\n    font-weight: bold;\r\n    margin-bottom: 25px;\r\n    text-align: left;\r\n  }\r\n\r\n  .lookup-input {\r\n    width: 100%;\r\n    padding: 14px;\r\n    font-size: 16px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 6px;\r\n    box-sizing: border-box;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .lookup-button {\r\n    background-color: #08385f;\r\n    color: white;\r\n    padding: 12px 24px;\r\n    font-size: 16px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .lookup-button:hover {\r\n    background-color: #062d4a;\r\n  }\r\n\r\n  .results-container {\r\n    margin-top: 30px;\r\n    display: none;\r\n    animation: fadeIn 0.4s ease-in-out;\r\n    \r\n.lookup-results {\r\n  margin-top: 20px;\r\n  margin-left: 200px; \/* Geser ke kanan sejajar tombol *\/\r\n  padding: 50px;\r\n  background: #fff;\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.lookup-results p {\r\n  margin: 50px 0;\r\n  font-size: 16px;\r\n}\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {opacity: 0;}\r\n    to {opacity: 1;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"lookup-section\">\r\n  <div class=\"lookup-wrapper\">\r\n    <div class=\"lookup-title\">Check Product Warranty<\/div>\r\n    <input type=\"text\" id=\"serialInput\" class=\"lookup-input\" placeholder=\"Enter Serial Number\">\r\n    <button id=\"lookupBtn\" class=\"lookup-button\">SEARCH<\/button>\r\n\r\n    <div id=\"resultsTable\" class=\"results-container\">\r\n      <!-- Ganti ini dengan shortcode WP Data Access kamu -->\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"lookup-results\" id=\"test\">\r\n    <\/div>\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const input = document.getElementById('serialInput');\r\n    const button = document.getElementById('lookupBtn');\r\n    const results = document.getElementById('resultsTable');\r\n\r\n    results.style.display = 'none';\r\n\r\n    button.addEventListener('click', function (event) {\r\n        event.preventDefault();\r\n        xhttp = new XMLHttpRequest ();\r\n        xhttp.open(\"GET\", \"http:\/\/localhost\/cekgaransi\/data.php?serial=\" + input.value , false);\r\n        \r\n        xhttp.send();\r\n        console.log(\"kirim\");\r\n        \/\/ document.getElementById(\"test\").innerHTML = xhttp.responseText;\r\n        const obj = JSON.parse(xhttp.responseText);\r\n        console.log(obj);\r\n        console.log(\"beres\");\r\n        \r\n        if (obj) {\r\n  const today = new Date().toISOString().split('T')[0]; \/\/ format: YYYY-MM-DD\r\n  const garansiBerakhir = obj.garansi_berakhir;\r\n\r\n  \/\/ Cek status garansi\r\n  let statusGaransi = '';\r\n  if (garansiBerakhir < today) {\r\n    statusGaransi = `<p style=\"color:red; font-weight:bold;\">Garansi sudah berakhir.<\/p>`;\r\n  } else {\r\n    statusGaransi = `<p style=\"color:green; font-weight:bold;\">Garansi masih berlaku.<\/p>`;\r\n  }\r\n\r\n  \/\/ Tampilkan HTML\r\n  const html = `\r\n    <p><strong>Serial Number:<\/strong> ${obj.serial_number}<\/p>\r\n    <p><strong>Nama Produk:<\/strong> ${obj.nama_produk}<\/p>\r\n    <p><strong>Tanggal Pembelian:<\/strong> ${obj.tanggal_pembelian}<\/p>\r\n    <p><strong>Garansi:<\/strong> ${obj.garansi_bulan} bulan<\/p>\r\n    <p><strong>Garansi Berakhir:<\/strong> ${obj.garansi_berakhir}<\/p>\r\n    <p><strong>Status:<\/strong> ${obj.status}<\/p>\r\n    ${statusGaransi}\r\n  `;\r\n  document.getElementById(\"test\").innerHTML = html;\r\n\r\n} else {\r\n  document.getElementById(\"test\").innerHTML = \"<p>Data tidak ditemukan.<\/p>\";\r\n}\r\n            \r\n            \/\/ let html = `\r\n            \/\/   <p><strong>Nama Produk:<\/strong> ${obj.nama_produk}<\/p>\r\n            \/\/   <p><strong>Tanggal Pembelian:<\/strong> ${obj.tanggal_pembelian}<\/p>\r\n            \/\/   <p><strong>Garansi:<\/strong> ${obj.garansi_bulan} bulan<\/p>\r\n            \/\/   <p><strong>Garansi Berakhir:<\/strong> ${obj.garansi_berakhir}<\/p>\r\n            \/\/   <p><strong>Status:<\/strong> ${obj.status}<\/p>\r\n            \/\/   <p>${statusGaransi}<\/p>\r\n            \/\/ `;\r\n\r\n            \/\/ document.getElementById(\"test\").innerHTML = html;\r\n        \/\/ } else {\r\n        \/\/     document.getElementById(\"test\").innerHTML = \"<span style='color:red;'>Gagal mengambil data.<\/span>\";\r\n        \/\/ }\r\n    \/\/ };\r\n\r\n    \/\/ xhttp.send();\r\n        \r\n        \/\/ var htmlku = \"hello <div class='lookup-title'> Cek Garansi Produk<\/div>\";\r\n        \r\n        \/\/ document.getElementById(\"test\").innerHTML = \"Nama Produk\" + obj[\"nama_produk\"];\r\n        \/\/     \"<div class='lookup-title'> Cek Garansi Produk<\/div>\";\r\n        \/\/     \"<div> Serial Number\" + \" : \" + obj[\"serial_number\"] + \"<\/div>\";\r\n        \/\/     \"<div> Nama Produk\" + \" : \" + obj[\"nama_produk\"]+ \"<\/div>\";\r\n            \r\n        \r\n        \/\/ document.getElementById(\"test\").innerHTML = obj;\r\n      \/\/const val = input.value.trim();\r\n    \/\/   if (val !== '') {\r\n    \/\/     \/\/ Ganti 'serial_number' dengan nama field filter kamu di App Builder\r\n    \/\/     const filterInput = document.querySelector('input[name=\"serial_number\"]');\r\n    \/\/     if (filterInput) {\r\n    \/\/       filterInput.value = val;\r\n    \/\/       filterInput.dispatchEvent(new Event('input'));\r\n    \/\/       filterInput.dispatchEvent(new Event('change'));\r\n    \/\/       results.style.display = 'block';\r\n    \/\/     } else {\r\n    \/\/       alert('Kolom filter serial_number tidak ditemukan.');\r\n    \/\/     }\r\n    \/\/   } else {\r\n    \/\/     results.style.display = 'none';\r\n    \/\/   }\r\n    });\r\n  });    \r\n<\/script>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Cek Garansi Produk SEARCH<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2546","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/2546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/comments?post=2546"}],"version-history":[{"count":153,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/2546\/revisions"}],"predecessor-version":[{"id":3656,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/2546\/revisions\/3656"}],"wp:attachment":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/media?parent=2546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}