{"id":9,"date":"2023-06-29T07:56:29","date_gmt":"2023-06-29T07:56:29","guid":{"rendered":"https:\/\/mysalat.xyz\/?page_id=9"},"modified":"2025-05-24T02:11:27","modified_gmt":"2025-05-24T02:11:27","slug":"9-2","status":"publish","type":"page","link":"https:\/\/mysalat.xyz\/","title":{"rendered":""},"content":{"rendered":"\n<div style=\"height:156px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<!-- Tajawal Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Prayer Times Widget -->\r\n<div id=\"prayer-widget\" style=\"font-family:'Tajawal',sans-serif; color:#debc70; text-align:center; max-width:300px; margin:auto; padding:10px;\">\r\n  <select id=\"prayer-city\" style=\"width:100%; background:rgba(0,0,0,0.6); padding:8px; font-size:25px; border-radius:6px; border:1px solid #debc70; color:#a3bfbc; margin-bottom:10px;\">\r\n    <option value=\"Karawang\" selected>Karawang<\/option>\r\n    <option value=\"Jakarta\">Jakarta<\/option>\r\n    <option value=\"Bandung\">Bandung<\/option>\r\n    <option value=\"Canberra\">Canberra<\/option>\r\n    <option value=\"Puncak\">Puncak<\/option>\r\n    <option value=\"Bekasi\">Bekasi<\/option>\r\n    <option value=\"Tangerang\">Tangerang<\/option>\r\n    <option value=\"Semarang\">Semarang<\/option>\r\n    <option value=\"Surabaya\">Surabaya<\/option>\r\n    <option value=\"Banyuwangi\">Banyuwangi<\/option>\r\n    <option value=\"Denpasar\">Denpasar<\/option>\r\n    <option value=\"Yogyakarta\">Yogyakarta<\/option>\r\n    <option value=\"Brisbane\">Brisbane<\/option>\r\n    <option value=\"Sydney\">Sydney<\/option>\r\n    <option value=\"Melbourne\">Melbourne<\/option>\r\n    <option value=\"Singapore\">Singapore<\/option>\r\n    <option value=\"Kuala Lumpur\">Kuala Lumpur<\/option>\r\n  <\/select>\r\n\r\n  <div id=\"prayer-times\" style=\"font-size: 25px; line-height: 1.8;\">Loading...<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const select = document.getElementById(\"prayer-city\");\r\n  const output = document.getElementById(\"prayer-times\");\r\n\r\n  function getCountry(city) {\r\n    if ([\"Canberra\", \"Brisbane\", \"Sydney\", \"Melbourne\"].includes(city)) return \"Australia\";\r\n    if (city === \"Singapore\") return \"Singapore\";\r\n    if (city === \"Kuala Lumpur\") return \"Malaysia\";\r\n    return \"Indonesia\";\r\n  }\r\n\r\n  function formatTimes(timings) {\r\n    return `\r\n      Fajr: ${timings.Fajr}<br>\r\n      Dhuhr: ${timings.Dhuhr}<br>\r\n      Asr: ${timings.Asr}<br>\r\n      Maghrib: ${timings.Maghrib}<br>\r\n      Isha: ${timings.Isha}\r\n    `;\r\n  }\r\n\r\n  function update(city) {\r\n    const country = getCountry(city);\r\n    const url = `https:\/\/api.aladhan.com\/v1\/timingsByCity?city=${encodeURIComponent(city)}&country=${encodeURIComponent(country)}&method=2`;\r\n\r\n    fetch(url)\r\n      .then(res => res.json())\r\n      .then(data => {\r\n        const t = data.data.timings;\r\n        output.innerHTML = formatTimes(t);\r\n      })\r\n      .catch(() => {\r\n        output.innerHTML = \"Failed to load prayer times.\";\r\n      });\r\n  }\r\n\r\n  if (select) {\r\n    update(select.value);\r\n    select.addEventListener(\"change\", () => update(select.value));\r\n  }\r\n});\r\n<\/script>\r\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":{"1":"page"},"_links":{"self":[{"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":9,"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":132,"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/132"}],"wp:attachment":[{"href":"https:\/\/mysalat.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}