{"id":3894,"date":"2025-11-05T15:05:10","date_gmt":"2025-11-05T08:05:10","guid":{"rendered":"https:\/\/mikiindo.com\/?page_id=3894"},"modified":"2025-11-21T08:53:46","modified_gmt":"2025-11-21T01:53:46","slug":"layanan-service1","status":"publish","type":"page","link":"https:\/\/mikiindo.com\/en\/layanan-service1\/","title":{"rendered":"LAYANAN SERVICE1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3894\" class=\"elementor elementor-3894\">\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\">After-Sales Service<\/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=\"cekForm\" action=\"\">\r\n  <input type=\"text\" name=\"nomor\" placeholder=\"Masukkan Nomor Service\" 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  #cekForm {\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  #cekForm 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  #cekForm .btn-biru {\r\n    background-color: #1e90ff; \/* biru tua *\/\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  #cekForm .btn-biru:hover {\r\n    background-color: #0d6efd; \/* biru lebih terang saat hover *\/\r\n  }\r\n\r\n  #hasil {\r\n    margin-top: 20px;\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    background-color: #f8fafc;\r\n    line-height: 1.8;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"hasil\"><\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"cekForm\").addEventListener(\"submit\", async function(e) {\r\n  e.preventDefault();\r\n  const input = this.querySelector(\"input\");\r\n  const nomor = input.value.trim();\r\n  const hasil = document.getElementById(\"hasil\");\r\n\r\n  if (!nomor) {\r\n    hasil.innerHTML = `<p style=\"color:red\">Nomor service 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}\/wordpress\/wp-json\/tracking\/v1\/cek?nomor=${encodeURIComponent(nomor)}`;\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      \/\/ \ud83d\udd39 Pisahkan riwayat berdasarkan tanda panah (\u2192)\r\n      const riwayatArray = data.riwayat\r\n        .split(\"\u2192\")\r\n        .map(item => item.trim())\r\n        .filter(item => item.length > 0);\r\n\r\n      \/\/ \ud83d\udd39 Ubah jadi daftar <li>\r\n      const riwayatHTML = riwayatArray\r\n        .map(item => `<li style=\"margin-bottom:4px;\">\u2192 ${item}<\/li>`)\r\n        .join(\"\");\r\n\r\n      hasil.innerHTML = `\r\n        <p><b>No Service:<\/b> ${data.no_service}<\/p>\r\n        <p><b>Nama:<\/b> ${data.nama}<\/p>\r\n        <p><b>Produk:<\/b> ${data.produk}<\/p>\r\n        <p><b>Status:<\/b> ${data.status}<\/p>\r\n        <p><b>Estimasi:<\/b> ${data.estimasi}<\/p>\r\n        <p><b>Riwayat:<\/b><\/p>\r\n        <ul style=\"list-style:none; padding-left:10px; color:green;\">\r\n          ${riwayatHTML}\r\n        <\/ul>\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>Pelayanan Service 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-3894","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/3894","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=3894"}],"version-history":[{"count":23,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/3894\/revisions"}],"predecessor-version":[{"id":3946,"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/pages\/3894\/revisions\/3946"}],"wp:attachment":[{"href":"https:\/\/mikiindo.com\/en\/wp-json\/wp\/v2\/media?parent=3894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}