{"id":3618,"date":"2025-09-09T10:49:56","date_gmt":"2025-09-09T03:49:56","guid":{"rendered":"https:\/\/mikiindo.com\/?page_id=3618"},"modified":"2025-12-21T10:48:21","modified_gmt":"2025-12-21T03:48:21","slug":"cek-garansi","status":"publish","type":"page","link":"https:\/\/mikiindo.com\/en\/cek-garansi\/","title":{"rendered":"WARRANTY CHECK"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3618\" class=\"elementor elementor-3618\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63882fd e-flex e-con-boxed e-con e-parent\" data-id=\"63882fd\" 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-c11b189 elementor-widget elementor-widget-heading\" data-id=\"c11b189\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Check Product Warranty<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-780084e elementor-widget elementor-widget-html\" data-id=\"780084e\" 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<form id=\"cekGaransiForm\" action=\"\">\r\n  <input type=\"text\" name=\"serial\" placeholder=\"Enter Serial Number\" required>\r\n  <button type=\"submit\" class=\"btn-biru\">Search<\/button>\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n<style>\r\n  #cekGaransiForm {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n  }\r\n\r\n  #cekGaransiForm input {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #cekGaransiForm .btn-biru {\r\n    background-color: #1e90ff;\r\n    color: #000000;\r\n    font-weight: bold;\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  #cekGaransiForm .btn-biru:hover {\r\n    background-color: #0d6efd;\r\n  }\r\n\r\n  #hasilGaransi {\r\n    margin-top: 20px;\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    background-color: #ffffff; \/* polos *\/\r\n  }\r\n\r\n  table.garansi-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    margin-top: 10px;\r\n    background: #ffffff; \/* putih polos *\/\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid #e5e7eb; \/* border tipis *\/\r\n  }\r\n\r\n  .garansi-table th {\r\n    background: #f3f4f6; \/* abu soft, polos *\/\r\n    color: #111827;\r\n    padding: 10px;\r\n    text-align: left;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .garansi-table td {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #e5e7eb;\r\n  }\r\n\r\n  .garansi-table tr:last-child td {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .garansi-table tr:nth-child(even) {\r\n    background: #fafafa; \/* warna sangat halus *\/\r\n  }\r\n\r\n  .btn-wa {\r\n    display: inline-block;\r\n    margin-top: 15px;\r\n    padding: 10px 16px;\r\n    background-color: #25D366;\r\n    color: black;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"hasilGaransi\"><\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"cekGaransiForm\").addEventListener(\"submit\", async function(e) {\r\n  e.preventDefault();\r\n  const serial = this.querySelector(\"input\").value.trim();\r\n  const hasil = document.getElementById(\"hasilGaransi\");\r\n\r\n  if (!serial) {\r\n    hasil.innerHTML = `<p style=\"color:red\">Serial number tidak boleh kosong!<\/p>`;\r\n    return;\r\n  }\r\n\r\n  hasil.innerHTML = \"Memeriksa...\";\r\n\r\n  try {\r\n    const url = `${window.location.origin}\/wp-json\/garansi\/v1\/cek?serial=${encodeURIComponent(serial)}`;\r\n    const res = await fetch(url);\r\n    const data = await res.json();\r\n\r\n    if (data.error) {\r\n      hasil.innerHTML = `<p style=\"color:red\">${data.error}<\/p>`;\r\n    } else {\r\n      const warnaKet = data.keterangan.includes(\"berlaku\") ? \"green\" : \"red\";\r\n\r\n      hasil.innerHTML = `\r\n        <table class=\"garansi-table\">\r\n          <tr><th>Serial Number<\/th><td>${data.serial}<\/td><\/tr>\r\n          <tr><th>Produk<\/th><td>${data.produk}<\/td><\/tr>\r\n          <tr><th>Tanggal Pembelian<\/th><td>${data.tanggal_beli}<\/td><\/tr>\r\n          <tr><th>Garansi<\/th><td>${data.garansi}<\/td><\/tr>\r\n          <tr><th>Garansi Berakhir<\/th><td>${data.garansi_berakhir}<\/td><\/tr>\r\n          <tr><th>Sisa Garansi<\/th><td>${data.sisa_garansi ?? '-'}<\/td><\/tr>\r\n          <tr><th>Status<\/th><td>${data.status}<\/td><\/tr>\r\n          <tr><th>Keterangan<\/th><td style=\"color:${warnaKet}\">${data.keterangan}<\/td><\/tr>\r\n        <\/table>\r\n      `;\r\n\r\n      if (data.extend_link) {\r\n        hasil.innerHTML += `\r\n          <a href=\"${data.extend_link}\" target=\"_blank\" class=\"btn-wa\">Perpanjang Garansi<\/a>\r\n        `;\r\n      }\r\n    }\r\n\r\n  } catch (err) {\r\n    hasil.innerHTML = `<p style=\"color:red\">Terjadi kesalahan: ${err.message}<\/p>`;\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c92c831 elementor-widget elementor-widget-spacer\" data-id=\"c92c831\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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 Cari<\/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-3618","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/3618","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=3618"}],"version-history":[{"count":72,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/3618\/revisions"}],"predecessor-version":[{"id":4047,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/3618\/revisions\/4047"}],"wp:attachment":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/media?parent=3618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}