{"id":1573,"date":"2025-05-30T16:39:17","date_gmt":"2025-05-30T08:39:17","guid":{"rendered":"https:\/\/kompleksannur.com.my\/?page_id=1573"},"modified":"2026-04-20T10:36:04","modified_gmt":"2026-04-20T02:36:04","slug":"susun-atur-kemah-tapak-operasi-korban","status":"publish","type":"page","link":"https:\/\/kompleksannur.com.my\/?page_id=1573","title":{"rendered":"Susun Atur Kemah & Tapak Operasi Korban"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_fullwidth_code _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”] Waktu Solat<\/title><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <link<!-- [et_pb_line_break_holder] --> href=”https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap”<!-- [et_pb_line_break_holder] --> rel=”stylesheet”<!-- [et_pb_line_break_holder] --> \/><!-- [et_pb_line_break_holder] --> <link<!-- [et_pb_line_break_holder] --> href=”https:\/\/fonts.googleapis.com\/css2?family=Anek+Latin:wght@400;600&display=swap”<!-- [et_pb_line_break_holder] --> rel=”stylesheet”<!-- [et_pb_line_break_holder] --> \/><!-- [et_pb_line_break_holder] --> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.4\/moment.min.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> * {<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> font-family: \"Anek Latin\", sans-serif;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== TOP BAR ===== *\/<!-- [et_pb_line_break_holder] --> .top-bar {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> background: #518d94;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> padding: 12px 55px;<!-- [et_pb_line_break_holder] --> gap: 15px;<!-- [et_pb_line_break_holder] --> position: sticky;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 1000;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ZONE SELECT *\/<!-- [et_pb_line_break_holder] --> .zone-select {<!-- [et_pb_line_break_holder] --> background: white;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> padding: 8px 12px;<!-- [et_pb_line_break_holder] --> font-size: 0.85rem;<!-- [et_pb_line_break_holder] --> max-width: 300px;<!-- [et_pb_line_break_holder] --> margin-left: 70px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* PRAYER TIMES INLINE *\/<!-- [et_pb_line_break_holder] --> .top-prayers {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> gap: 25px;<!-- [et_pb_line_break_holder] --> font-size: 0.8rem;<!-- [et_pb_line_break_holder] --> flex-wrap: nowrap;<!-- [et_pb_line_break_holder] --> justify-content: end;<!-- [et_pb_line_break_holder] --> flex: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers span {<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers strong {<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers span.current-prayer {<!-- [et_pb_line_break_holder] --> color: #f6e15a;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== SMALL DESKTOP ===== *\/<!-- [et_pb_line_break_holder] --> @media (max-width: 1100px) {<!-- [et_pb_line_break_holder] --> .top-prayers {<!-- [et_pb_line_break_holder] --> overflow-x: auto;<!-- [et_pb_line_break_holder] --> overflow-y: hidden;<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] --> gap: 16px;<!-- [et_pb_line_break_holder] --> min-width: 0;<!-- [et_pb_line_break_holder] --> scrollbar-width: thin;<!-- [et_pb_line_break_holder] --> scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers span {<!-- [et_pb_line_break_holder] --> flex: 0 0 auto;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers::-webkit-scrollbar {<!-- [et_pb_line_break_holder] --> height: 6px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers::-webkit-scrollbar-track {<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, 0.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers::-webkit-scrollbar-thumb {<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, 0.6);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== MOBILE ===== *\/<!-- [et_pb_line_break_holder] --> @media (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .top-bar {<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> align-items: stretch;<!-- [et_pb_line_break_holder] --> gap: 12px;<!-- [et_pb_line_break_holder] --> padding: 10px 14px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .zone-select {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: none;<!-- [et_pb_line_break_holder] --> font-size: 0.9rem;<!-- [et_pb_line_break_holder] --> margin-left: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers {<!-- [et_pb_line_break_holder] --> gap: 16px;<!-- [et_pb_line_break_holder] --> overflow-x: scroll;<!-- [et_pb_line_break_holder] --> overflow-y: hidden;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 4px 2px 8px;<!-- [et_pb_line_break_holder] --> scroll-snap-type: x proximity;<!-- [et_pb_line_break_holder] --> -webkit-overflow-scrolling: touch;<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] --> flex: none;<!-- [et_pb_line_break_holder] --> scrollbar-width: thin;<!-- [et_pb_line_break_holder] --> scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers span {<!-- [et_pb_line_break_holder] --> flex: 0 0 auto;<!-- [et_pb_line_break_holder] --> scroll-snap-align: start;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers::-webkit-scrollbar {<!-- [et_pb_line_break_holder] --> height: 6px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers::-webkit-scrollbar-track {<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, 0.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .top-prayers::-webkit-scrollbar-thumb {<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, 0.6);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --> <\/head><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <body><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"top-bar\"><!-- [et_pb_line_break_holder] --> <select id=\"dropdownZone\" class=\"zone-select\"><\/select><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"top-prayers\"><!-- [et_pb_line_break_holder] --> <span data-prayer=\"imsak\"<!-- [et_pb_line_break_holder] --> >Imsak | <strong id=\"imsakTime\">—<\/strong><\/span<!-- [et_pb_line_break_holder] --> ><!-- [et_pb_line_break_holder] --> <span data-prayer=\"subuh\"<!-- [et_pb_line_break_holder] --> >Subuh | <strong id=\"subuhTime\">—<\/strong><\/span<!-- [et_pb_line_break_holder] --> ><!-- [et_pb_line_break_holder] --> <span data-prayer=\"syuruk\"<!-- [et_pb_line_break_holder] --> >Syuruk | <strong id=\"syurukTime\">—<\/strong><\/span<!-- [et_pb_line_break_holder] --> ><!-- [et_pb_line_break_holder] --> <span data-prayer=\"zohor\"<!-- [et_pb_line_break_holder] --> >Zohor | <strong id=\"zohorTime\">—<\/strong><\/span<!-- [et_pb_line_break_holder] --> ><!-- [et_pb_line_break_holder] --> <span data-prayer=\"asar\">Asar | <strong id=\"asarTime\">—<\/strong><\/span><!-- [et_pb_line_break_holder] --> <span data-prayer=\"maghrib\"<!-- [et_pb_line_break_holder] --> >Maghrib | <strong id=\"maghribTime\">—<\/strong><\/span<!-- [et_pb_line_break_holder] --> ><!-- [et_pb_line_break_holder] --> <span data-prayer=\"isyak\"<!-- [et_pb_line_break_holder] --> >Isyak | <strong id=\"isyakTime\">—<\/strong><\/span<!-- [et_pb_line_break_holder] --> ><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> \/* ===== STATE \u2192 ZONE MAP ===== *\/<!-- [et_pb_line_break_holder] --> const stateZoneMap = {<!-- [et_pb_line_break_holder] --> \"Kuala Lumpur\": \"WLY01\",<!-- [et_pb_line_break_holder] --> Putrajaya: \"WLY01\",<!-- [et_pb_line_break_holder] --> Selangor: \"SGR01\",<!-- [et_pb_line_break_holder] --> Johor: \"JHR01\",<!-- [et_pb_line_break_holder] --> \"Pulau Pinang\": \"PNG01\",<!-- [et_pb_line_break_holder] --> Melaka: \"MLK01\",<!-- [et_pb_line_break_holder] --> \"Negeri Sembilan\": \"NGS01\",<!-- [et_pb_line_break_holder] --> Perak: \"PRK01\",<!-- [et_pb_line_break_holder] --> Kedah: \"KDH01\",<!-- [et_pb_line_break_holder] --> Perlis: \"PLS01\",<!-- [et_pb_line_break_holder] --> Pahang: \"PHG01\",<!-- [et_pb_line_break_holder] --> Terengganu: \"TRG01\",<!-- [et_pb_line_break_holder] --> Kelantan: \"KTN01\",<!-- [et_pb_line_break_holder] --> Sabah: \"SBH01\",<!-- [et_pb_line_break_holder] --> Sarawak: \"SWK01\",<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== FORMAT TIME ===== *\/<!-- [et_pb_line_break_holder] --> function formatTime(ts) {<!-- [et_pb_line_break_holder] --> return new Date(ts).toLocaleTimeString(\"en-MY\", {<!-- [et_pb_line_break_holder] --> hour: \"2-digit\",<!-- [et_pb_line_break_holder] --> minute: \"2-digit\",<!-- [et_pb_line_break_holder] --> hour12: true,<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== FETCH ZONES ===== *\/<!-- [et_pb_line_break_holder] --> let zonesCache = [];<!-- [et_pb_line_break_holder] --> let currentPrayerTimes = null;<!-- [et_pb_line_break_holder] --> const prayerOrder = [<!-- [et_pb_line_break_holder] --> \"imsak\",<!-- [et_pb_line_break_holder] --> \"subuh\",<!-- [et_pb_line_break_holder] --> \"syuruk\",<!-- [et_pb_line_break_holder] --> \"zohor\",<!-- [et_pb_line_break_holder] --> \"asar\",<!-- [et_pb_line_break_holder] --> \"maghrib\",<!-- [et_pb_line_break_holder] --> \"isyak\",<!-- [et_pb_line_break_holder] --> ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function getTimeMs(value) {<!-- [et_pb_line_break_holder] --> const num = Number(value);<!-- [et_pb_line_break_holder] --> return Number.isFinite(num) ? num : 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> function toUpperCamelCase(value) {<!-- [et_pb_line_break_holder] --> return String(value || \"\")<!-- [et_pb_line_break_holder] --> .toLowerCase()<!-- [et_pb_line_break_holder] --> .replace(\/\\b\\w\/g, (match) => match.toUpperCase());<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function toUpperCamelCaseList(values) {<!-- [et_pb_line_break_holder] --> return (Array.isArray(values) ? values : [])<!-- [et_pb_line_break_holder] --> .map((v) => toUpperCamelCase(v).trim())<!-- [et_pb_line_break_holder] --> .filter(Boolean)<!-- [et_pb_line_break_holder] --> .join(\", \");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function fetchZones() {<!-- [et_pb_line_break_holder] --> return fetch(\"https:\/\/solatapi.fajarhac.com\/v2\/zones\")<!-- [et_pb_line_break_holder] --> .then((res) => res.json())<!-- [et_pb_line_break_holder] --> .then((zones) => {<!-- [et_pb_line_break_holder] --> zonesCache = zones.map((z) => ({<!-- [et_pb_line_break_holder] --> ...z,<!-- [et_pb_line_break_holder] --> zone: z.zone.toUpperCase(),<!-- [et_pb_line_break_holder] --> }));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const grouped = zonesCache.reduce((acc, z) => {<!-- [et_pb_line_break_holder] --> const stateLabel = toUpperCamelCase(z.state || \"Lain Lain\");<!-- [et_pb_line_break_holder] --> if (!acc[stateLabel]) acc[stateLabel] = [];<!-- [et_pb_line_break_holder] --> acc[stateLabel].push(z);<!-- [et_pb_line_break_holder] --> return acc;<!-- [et_pb_line_break_holder] --> }, {});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const dropdown = document.getElementById(\"dropdownZone\");<!-- [et_pb_line_break_holder] --> dropdown.innerHTML = \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> Object.keys(grouped)<!-- [et_pb_line_break_holder] --> .sort()<!-- [et_pb_line_break_holder] --> .forEach((stateLabel) => {<!-- [et_pb_line_break_holder] --> const optgroup = document.createElement(\"optgroup\");<!-- [et_pb_line_break_holder] --> optgroup.label = stateLabel;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> grouped[stateLabel].forEach((z) => {<!-- [et_pb_line_break_holder] --> const opt = document.createElement(\"option\");<!-- [et_pb_line_break_holder] --> opt.value = z.zone;<!-- [et_pb_line_break_holder] --> opt.textContent = `${z.zone} - ${toUpperCamelCaseList(<!-- [et_pb_line_break_holder] --> z.locations,<!-- [et_pb_line_break_holder] --> )}`;<!-- [et_pb_line_break_holder] --> optgroup.appendChild(opt);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> dropdown.appendChild(optgroup);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== FETCH PRAYER ===== *\/<!-- [et_pb_line_break_holder] --> function fetchPrayer(zone) {<!-- [et_pb_line_break_holder] --> fetch(`https:\/\/solatapi.fajarhac.com\/v2\/today\/${zone}`)<!-- [et_pb_line_break_holder] --> .then((res) => res.json())<!-- [et_pb_line_break_holder] --> .then((data) => {<!-- [et_pb_line_break_holder] --> const p = data.prayer_times[0];<!-- [et_pb_line_break_holder] --> currentPrayerTimes = p;<!-- [et_pb_line_break_holder] --> imsakTime.textContent = formatTime(p.imsak);<!-- [et_pb_line_break_holder] --> subuhTime.textContent = formatTime(p.subuh);<!-- [et_pb_line_break_holder] --> syurukTime.textContent = formatTime(p.syuruk);<!-- [et_pb_line_break_holder] --> zohorTime.textContent = formatTime(p.zohor);<!-- [et_pb_line_break_holder] --> asarTime.textContent = formatTime(p.asar);<!-- [et_pb_line_break_holder] --> maghribTime.textContent = formatTime(p.maghrib);<!-- [et_pb_line_break_holder] --> isyakTime.textContent = formatTime(p.isyak);<!-- [et_pb_line_break_holder] --> highlightCurrentPrayer();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== IP LOCATION ===== *\/<!-- [et_pb_line_break_holder] --> const regionAliasMap = {<!-- [et_pb_line_break_holder] --> \"Wilayah Persekutuan Kuala Lumpur\": \"Kuala Lumpur\",<!-- [et_pb_line_break_holder] --> \"Wilayah Persekutuan Putrajaya\": \"Putrajaya\",<!-- [et_pb_line_break_holder] --> \"Pulau Pinang\": \"Pulau Pinang\",<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function normalizeRegion(region) {<!-- [et_pb_line_break_holder] --> if (!region) return \"\";<!-- [et_pb_line_break_holder] --> return regionAliasMap[region] || region;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function findZoneByLocationName(name) {<!-- [et_pb_line_break_holder] --> if (!name) return \"\";<!-- [et_pb_line_break_holder] --> const needle = name.toLowerCase();<!-- [et_pb_line_break_holder] --> const match = zonesCache.find((z) =><!-- [et_pb_line_break_holder] --> z.locations.some((loc) => loc.toLowerCase().includes(needle)),<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> return match ? match.zone : \"\";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function detectUserLocation() {<!-- [et_pb_line_break_holder] --> return fetch(\"https:\/\/ipapi.co\/json\/\")<!-- [et_pb_line_break_holder] --> .then((res) => res.json())<!-- [et_pb_line_break_holder] --> .then((loc) => {<!-- [et_pb_line_break_holder] --> const region = normalizeRegion(loc.region);<!-- [et_pb_line_break_holder] --> const zone =<!-- [et_pb_line_break_holder] --> stateZoneMap[region] ||<!-- [et_pb_line_break_holder] --> findZoneByLocationName(region) ||<!-- [et_pb_line_break_holder] --> findZoneByLocationName(loc.city);<!-- [et_pb_line_break_holder] --> if (zone) {<!-- [et_pb_line_break_holder] --> const dropdown = document.getElementById(\"dropdownZone\");<!-- [et_pb_line_break_holder] --> if (!dropdown) return false;<!-- [et_pb_line_break_holder] --> const opt = dropdown.querySelector(`option[value=\"${zone}\"]`);<!-- [et_pb_line_break_holder] --> if (!opt) return false;<!-- [et_pb_line_break_holder] --> dropdown.value = zone;<!-- [et_pb_line_break_holder] --> opt.selected = true;<!-- [et_pb_line_break_holder] --> dropdown.dispatchEvent(new Event(\"change\"));<!-- [et_pb_line_break_holder] --> return true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return false;<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> .catch(() => false);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== EVENTS ===== *\/<!-- [et_pb_line_break_holder] --> dropdownZone.addEventListener(\"change\", function () {<!-- [et_pb_line_break_holder] --> fetchPrayer(this.value);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> setInterval(() => {<!-- [et_pb_line_break_holder] --> highlightCurrentPrayer();<!-- [et_pb_line_break_holder] --> }, 30000);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function highlightCurrentPrayer() {<!-- [et_pb_line_break_holder] --> if (!currentPrayerTimes) return;<!-- [et_pb_line_break_holder] --> const now = Date.now();<!-- [et_pb_line_break_holder] --> const schedule = prayerOrder.map((key) => ({<!-- [et_pb_line_break_holder] --> key,<!-- [et_pb_line_break_holder] --> time: getTimeMs(currentPrayerTimes[key]),<!-- [et_pb_line_break_holder] --> }));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let activeKey = schedule[0].key;<!-- [et_pb_line_break_holder] --> for (let i = schedule.length - 1; i >= 0; i -= 1) {<!-- [et_pb_line_break_holder] --> if (now >= schedule[i].time) {<!-- [et_pb_line_break_holder] --> activeKey = schedule[i].key;<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.querySelectorAll(\".top-prayers span\").forEach((el) => {<!-- [et_pb_line_break_holder] --> el.classList.toggle(<!-- [et_pb_line_break_holder] --> \"current-prayer\",<!-- [et_pb_line_break_holder] --> el.dataset.prayer === activeKey,<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ===== INIT ===== *\/<!-- [et_pb_line_break_holder] --> fetchZones().then(() => {<!-- [et_pb_line_break_holder] --> detectUserLocation().then((matched) => {<!-- [et_pb_line_break_holder] --> if (!matched) {<!-- [et_pb_line_break_holder] --> const fallback = dropdownZone.value || \"WLY01\";<!-- [et_pb_line_break_holder] --> dropdownZone.value = fallback;<!-- [et_pb_line_break_holder] --> fetchPrayer(fallback);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --> <\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off|off|off” admin_label=”Programs” module_id=”infaq” _builder_version=”4.27.4″ _module_preset=”0ac6a056-0e30-40fd-a330-3ed582fcb029″ background_image=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/Islamic-Pattern-BG-01A.jpg” background_size=”initial” background_position=”top_right” custom_padding=”17px||40px|||” collapsed=”on” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” max_width=”900px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.6″ _module_preset=”default” custom_padding=”||20px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<a href=\"https:\/\/kompleksannur.com.my\/?page_id=3035\" target=\"_parent\" class=\"btn-kembali-premium\"><!-- [et_pb_line_break_holder] --> <span class=\"arrow\">\u2190<\/span><!-- [et_pb_line_break_holder] --> <span>Kembali<\/span><!-- [et_pb_line_break_holder] --><\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->.btn-kembali-premium {<!-- [et_pb_line_break_holder] --> display: inline-flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> padding: 10px 18px;<!-- [et_pb_line_break_holder] --> border-radius: 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> color: #1f6b57;<!-- [et_pb_line_break_holder] --> background: #ffffff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> border: 1.5px solid transparent;<!-- [et_pb_line_break_holder] --> background-image: <!-- [et_pb_line_break_holder] --> linear-gradient(#ffffff, #ffffff),<!-- [et_pb_line_break_holder] --> linear-gradient(135deg, #1f6b57, #c49b3d);<!-- [et_pb_line_break_holder] --> background-origin: border-box;<!-- [et_pb_line_break_holder] --> background-clip: padding-box, border-box;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Arrow styling *\/<!-- [et_pb_line_break_holder] -->.btn-kembali-premium .arrow {<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> transition: transform 0.25s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Hover *\/<!-- [et_pb_line_break_holder] -->.btn-kembali-premium:hover {<!-- [et_pb_line_break_holder] --> color: #ffffff;<!-- [et_pb_line_break_holder] --> background: linear-gradient(135deg, #1f6b57, #174c3f);<!-- [et_pb_line_break_holder] --> border: 1.5px solid #1f6b57;<!-- [et_pb_line_break_holder] --> box-shadow: 0 10px 24px rgba(31, 107, 87, 0.25);<!-- [et_pb_line_break_holder] --> transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Arrow movement *\/<!-- [et_pb_line_break_holder] -->.btn-kembali-premium:hover .arrow {<!-- [et_pb_line_break_holder] --> transform: translateX(-3px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Active *\/<!-- [et_pb_line_break_holder] -->.btn-kembali-premium:active {<!-- [et_pb_line_break_holder] --> transform: translateY(0);<!-- [et_pb_line_break_holder] --> box-shadow: 0 6px 16px rgba(31, 107, 87, 0.2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] --> #fb-live-floating {display:none;}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_align=”center” header_2_font=”Poppins|600|||||||” header_2_text_align=”center” header_2_font_size=”30px” header_3_font=”Poppins|600|||||||” header_3_text_align=”center” global_colors_info=”{}”]<\/p>\n<h2>Susun Atur Kemah & Tapak Operasi Korban<\/h2>\n<p>[\/et_pb_text][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/01-Susun-Atur-Kemah-Tapak-Operasi-Korban-v2.png” title_text=”01-Susun-Atur-Kemah-Tapak-Operasi-Korban-v2″ url=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/01-Susun-Atur-Kemah-Tapak-Operasi-Korban-v2.pdf” url_new_window=”on” _builder_version=”4.27.4″ _module_preset=”default” animation_style=”slide” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_font=”Poppins|700|||||||” header_text_align=”center” header_2_font=”Poppins||||||||” header_2_font_size=”30px” header_3_font=”Poppins|600|||||||” header_3_text_align=”center” custom_margin=”80px||||false|false” global_colors_info=”{}”]<\/p>\n<h3>Susun Atur Operasi Korban (Zone A – D)<\/h3>\n<p>[\/et_pb_text][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/02-Susun-Atur-Operasi-Korban-Zone-A-D-scaled.png” title_text=”02-Susun-Atur-Operasi-Korban-Zone-A-D” url=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/02-Susun-Atur-Operasi-Korban-Zone-A-D.pdf” url_new_window=”on” _builder_version=”4.27.4″ _module_preset=”default” animation_style=”slide” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_align=”center” header_2_font=”Poppins||||||||” header_2_font_size=”30px” header_3_font=”Poppins|700|||||||” header_3_text_align=”center” custom_margin=”80px||||false|false” global_colors_info=”{}”]<\/p>\n<h3>Susun Atur Zone A<\/h3>\n<p>[\/et_pb_text][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/03-Zone-A-1.png” title_text=”03-Zone-A” url=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/03-Zone-A-v2.pdf” url_new_window=”on” _builder_version=”4.27.4″ _module_preset=”default” animation_style=”slide” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_align=”center” header_2_font=”Poppins||||||||” header_2_font_size=”30px” header_3_font=”Poppins|700|||||||” header_3_text_align=”center” custom_margin=”50px||||false|false” global_colors_info=”{}”]<\/p>\n<h3>Susun Atur Zone B & C<\/h3>\n<p>[\/et_pb_text][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/04-Zone-B-C-scaled.png” title_text=”04-Zone-B-C” url=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/04-Zone-B-C.pdf” url_new_window=”on” _builder_version=”4.27.4″ _module_preset=”default” animation_style=”slide” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off|off|off” admin_label=”Programs” module_id=”infaq” _builder_version=”4.27.4″ _module_preset=”0ac6a056-0e30-40fd-a330-3ed582fcb029″ background_image=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/05\/BG-Featured-01.jpg” parallax=”on” module_alignment=”center” custom_margin=”||||false|false” custom_padding=”0px|||||” collapsed=”on” global_colors_info=”{}”][et_pb_row disabled_on=”off|on|on” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_font=”Poppins|300|||||||” text_font_size=”16px” text_line_height=”2em” text_orientation=”center” global_colors_info=”{}”]Tarikh Pelaksanaan Korban :<br \/>\n<strong>Hari Selasa<\/strong>, <strong style=\"font-size:18px;\"><br \/>\n10 Jun 2025 \/ 13 Zulhijah 1446H<\/strong><br \/>\n(Hari Raya Ke-4)<br \/>\nMasa : <strong>8.00 pagi – 3.00 petang<\/strong><br \/>\nTempat : <strong>Kelab Kilat TNB Bangsar<\/strong>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=”on|off|off” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_font=”Poppins|300|||||||” text_font_size=”18px” text_line_height=”2em” text_orientation=”center” global_colors_info=”{}”]<\/p>\n<p>Tarikh Pelaksanaan Korban :<br \/>Hari Selasa, <strong>10 Jun 2025 \/ 13 Zulhijah 1446H<\/strong> (Hari Raya Ke-4)<br \/>Masa : <strong>8.00 pagi – 3.00 petang<\/strong><br \/>Tempat : <strong>Kelab Kilat TNB Bangsar<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off|off|off” admin_label=”Stats” _builder_version=”4.27.4″ _module_preset=”43c058aa-3f38-43d7-a382-382273bb2edb” background_color=”RGBA(255,255,255,0)” background_image=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/02\/Featured-01-blur-scaled.jpg” parallax=”on” collapsed=”on” global_colors_info=”{%22gcid-1f1bf5fb-a99d-4acc-8d9e-ddac074c158c%22:%91%22background_color_gradient_stops%22,%22background_color_gradient_stops%22,%22background_color_gradient_stops%22,%22background_color_gradient_stops%22%93,%22gcid-a78660e1-cfc7-4771-a566-6834d6a7f06a%22:%91%22background_color_gradient_stops%22,%22background_color_gradient_stops%22,%22background_color_gradient_stops%22,%22background_color_gradient_stops%22%93,%22gcid-24b0db87-dafa-47d9-995f-b90181e18c52%22:%91%22background_color_gradient_stops%22,%22background_color_gradient_stops%22,%22background_color_gradient_stops%22,%22background_color_gradient_stops%22%93}”][et_pb_row disabled_on=”off|off|off” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"en\"><!-- [et_pb_line_break_holder] --> <head><!-- [et_pb_line_break_holder] --> <meta charset=\"UTF-8\" \/><!-- [et_pb_line_break_holder] --> <title>Waktu Solat<\/title><!-- [et_pb_line_break_holder] --> <link<!-- [et_pb_line_break_holder] --> href=”https:\/\/fonts.googleapis.com\/css2?family=Cinzel&family=Poppins&family=Libre+Baskerville:ital@1&display=swap”<!-- [et_pb_line_break_holder] --> rel=”stylesheet”<!-- [et_pb_line_break_holder] --> \/><!-- [et_pb_line_break_holder] --> <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hijri-date\/lib\/safe.js\"><\/script><!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> .badan {<!-- [et_pb_line_break_holder] --> font-family: \"montserrat\", sans-serif;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .title-solat {<!-- [et_pb_line_break_holder] --> font-family: \"montserrat\", sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 2.5rem;<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> margin-bottom: 0.2rem;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .date {<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> margin-bottom: 2rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .prayer-times {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] --> margin-bottom: 1rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .prayer-box {<!-- [et_pb_line_break_holder] --> padding: 0.8rem 1.2rem;<!-- [et_pb_line_break_holder] --> width: 100px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .prayer-name {<!-- [et_pb_line_break_holder] --> font-family: \"Libre Baskerville\", serif;<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .prayer-time {<!-- [et_pb_line_break_holder] --> font-size: 1.1rem;<!-- [et_pb_line_break_holder] --> margin-top: 5px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .highlight {<!-- [et_pb_line_break_holder] --> color: #eada18;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .footer {<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> font-size: 0.9rem;<!-- [et_pb_line_break_holder] --> margin-top: 0.5rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> select {<!-- [et_pb_line_break_holder] --> margin-top: 1rem;<!-- [et_pb_line_break_holder] --> padding: 0.6rem;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 500px;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> border: 1px solid #aaa;<!-- [et_pb_line_break_holder] --> border-radius: 4px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Countdown Timer Section *\/<!-- [et_pb_line_break_holder] --> .countdown-container {<!-- [et_pb_line_break_holder] --> margin-top: 3rem;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> padding: 2rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .countdown-title {<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> margin-bottom: 1rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .countdown-prayer {<!-- [et_pb_line_break_holder] --> font-family: \"Cinzel\", serif;<!-- [et_pb_line_break_holder] --> font-size: 2rem;<!-- [et_pb_line_break_holder] --> margin-bottom: 2rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .timer {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> gap: 1rem;<!-- [et_pb_line_break_holder] --> font-size: 2.5rem;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .timer span {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .timer span:nth-child(even) {<!-- [et_pb_line_break_holder] --> margin-bottom: 0.75em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .timer-label {<!-- [et_pb_line_break_holder] --> font-size: 0.8rem;<!-- [et_pb_line_break_holder] --> margin-top: 0.2rem;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> letter-spacing: 1px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .share-text strong {<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --> <\/head><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"badan\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h1 class=\"title-solat\">Waktu Solat<\/h1>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"date\" id=\"dateDiv\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-times\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name\">Imsak<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time\" id=\"imsakTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name\">Subuh<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time\" id=\"subuhTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name\">Syuruk<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time\" id=\"syurukTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name highlight\">Zohor<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time highlight\" id=\"zohorTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name\">Asar<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time\" id=\"asarTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name\">Maghrib<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time\" id=\"maghribTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-box\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-name\">Isyak<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"prayer-time\" id=\"isyakTime\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"footer\" id=\"zoneText\"><!-- [et_pb_line_break_holder] --> Waktu Solat Kuala Lumpur dan Putrajaya<!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <select id=\"dropdownZone\"><!-- [et_pb_line_break_holder] --><option value=\"WLY01\">WLY01 – Kuala Lumpur dan Putrajaya<\/option><!-- [et_pb_line_break_holder] --> <\/select><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.4\/moment.min.js\"><\/script><!-- [et_pb_line_break_holder] --> <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/xsoh\/moment-hijri@master\/moment-hijri.js\"><\/script><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> \/\/ Simple countdown example to 16:37 (Asar)<!-- [et_pb_line_break_holder] --> const targetTime = new Date();<!-- [et_pb_line_break_holder] --> \/\/ targetTime.setHours(16, 37, 0, 0); \/\/ 4:37 PM<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let zones;<!-- [et_pb_line_break_holder] --> var todayPrayersData;<!-- [et_pb_line_break_holder] --> var tomorrowPrayersData;<!-- [et_pb_line_break_holder] --> var yesterdayPrayersData;<!-- [et_pb_line_break_holder] --> var offsetHour = 0;<!-- [et_pb_line_break_holder] --> var offsetMin = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.addEventListener(\"DOMContentLoaded\", function () {<!-- [et_pb_line_break_holder] --> \/\/ Your code here<!-- [et_pb_line_break_holder] --> \/\/ console.log(\"Document is ready!\");<!-- [et_pb_line_break_holder] --> fetchZone();<!-- [et_pb_line_break_holder] --> fetchApi(\"WLY01\");<!-- [et_pb_line_break_holder] --> fetchHijrDate();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function fetchZone() {<!-- [et_pb_line_break_holder] --> fetch(`https:\/\/solatapi.fajarhac.com\/v2\/zones`)<!-- [et_pb_line_break_holder] --> .then((response) => response.json())<!-- [et_pb_line_break_holder] --> .then((data) => {<!-- [et_pb_line_break_holder] --> zones = data;<!-- [et_pb_line_break_holder] --> populateDropdownZone();<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> .catch((err) => {<!-- [et_pb_line_break_holder] --> document.getElementById(\"prayer-times-list\").innerHTML =<!-- [et_pb_line_break_holder] --> \"Gagal memuatkan waktu solat.\";<!-- [et_pb_line_break_holder] --> console.error(\"Error fetching prayer times:\", err);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function fetchHijrDate(){<!-- [et_pb_line_break_holder] --> \/\/ moment.locale('en-GB');<!-- [et_pb_line_break_holder] --> \/\/ console.log(getHijriDate(moment().format('iD iMMMM iYYYY')))<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ When dropdown changed<!-- [et_pb_line_break_holder] --> document<!-- [et_pb_line_break_holder] --> .getElementById(\"dropdownZone\")<!-- [et_pb_line_break_holder] --> .addEventListener(\"change\", function () {<!-- [et_pb_line_break_holder] --> const selectedZone = this.value;<!-- [et_pb_line_break_holder] --> const selectedText =<!-- [et_pb_line_break_holder] --> this.options[this.selectedIndex].text.split(\"-\")[1];<!-- [et_pb_line_break_holder] --> console.log(\"Zone changed to:\", selectedZone);<!-- [et_pb_line_break_holder] --> document.getElementById(<!-- [et_pb_line_break_holder] --> \"zoneText\"<!-- [et_pb_line_break_holder] --> ).innerHTML = `Waktu Solat ${selectedText}`;<!-- [et_pb_line_break_holder] --> fetchApi(this.value);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function populateDropdownZone() {<!-- [et_pb_line_break_holder] --> \/\/ Group zones by negeri<!-- [et_pb_line_break_holder] --> const grouped = zones.reduce((acc, zone) => {<!-- [et_pb_line_break_holder] --> if (!acc[zone.state]) acc[zone.state] = [];<!-- [et_pb_line_break_holder] --> acc[zone.state].push(zone);<!-- [et_pb_line_break_holder] --> return acc;<!-- [et_pb_line_break_holder] --> }, {});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let dropdown = document.getElementById(\"dropdownZone\");<!-- [et_pb_line_break_holder] --> dropdown.innerHTML = \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Create optgroups<!-- [et_pb_line_break_holder] --> for (const negeri in grouped) {<!-- [et_pb_line_break_holder] --> const optgroup = document.createElement(\"optgroup\");<!-- [et_pb_line_break_holder] --> optgroup.label = negeri.toLowerCase().replace(\/\\b\\w\/g, s => s.toUpperCase());<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> grouped[negeri].forEach((zone) => {<!-- [et_pb_line_break_holder] --> const option = document.createElement(\"option\");<!-- [et_pb_line_break_holder] --> option.value = zone.zone;<!-- [et_pb_line_break_holder] --> option.textContent = `${zone.zone.toUpperCase()} - ${formatLocations(zone.locations, [\"dan\"])}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Set WLY01 as selected<!-- [et_pb_line_break_holder] --> if (zone.zone === \"wly01\") {<!-- [et_pb_line_break_holder] --> option.selected = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> optgroup.appendChild(option);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> dropdown.appendChild(optgroup);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function fetchApi(zone) {<!-- [et_pb_line_break_holder] --> console.log(\"Fetching New Data\");<!-- [et_pb_line_break_holder] --> let prayersTime;<!-- [et_pb_line_break_holder] --> fetch(`https:\/\/solatapi.fajarhac.com\/v2\/today\/${zone}`)<!-- [et_pb_line_break_holder] --> .then((response) => response.json())<!-- [et_pb_line_break_holder] --> .then((data) => {<!-- [et_pb_line_break_holder] --> prayersTime = data;<!-- [et_pb_line_break_holder] --> todayPrayersData = data;<!-- [et_pb_line_break_holder] --> \/\/ Now fetch tomorrow's data<!-- [et_pb_line_break_holder] --> fetchTomorrowApi(zone).then((tomorrowData) => {<!-- [et_pb_line_break_holder] --> fetchYesterdayApi(zone).then((yesterdayData) => {<!-- [et_pb_line_break_holder] --> tomorrowPrayersData = tomorrowData;<!-- [et_pb_line_break_holder] --> yesterdayPrayersData = yesterdayData;<!-- [et_pb_line_break_holder] --> populatePrayersTime(data, tomorrowData, yesterdayData);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> .catch((err) => {<!-- [et_pb_line_break_holder] --> document.getElementById(\"prayer-times-list\").innerHTML =<!-- [et_pb_line_break_holder] --> \"Gagal memuatkan waktu solat.\";<!-- [et_pb_line_break_holder] --> console.error(\"Error fetching prayer times:\", err);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function fetchTomorrowApi(zone) {<!-- [et_pb_line_break_holder] --> return fetch(`https:\/\/solatapi.fajarhac.com\/v2\/tomorrow\/${zone}`)<!-- [et_pb_line_break_holder] --> .then((response) => response.json())<!-- [et_pb_line_break_holder] --> .catch((err) => {<!-- [et_pb_line_break_holder] --> document.getElementById(\"prayer-times-list\").innerHTML =<!-- [et_pb_line_break_holder] --> \"Gagal memuatkan waktu solat.\";<!-- [et_pb_line_break_holder] --> console.error(\"Error fetching tomorrow's prayer times:\", err);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> function fetchYesterdayApi(zone) {<!-- [et_pb_line_break_holder] --> return fetch(`https:\/\/solatapi.fajarhac.com\/v2\/yesterday\/${zone}`)<!-- [et_pb_line_break_holder] --> .then((response) => response.json())<!-- [et_pb_line_break_holder] --> .catch((err) => {<!-- [et_pb_line_break_holder] --> document.getElementById(\"prayer-times-list\").innerHTML =<!-- [et_pb_line_break_holder] --> \"Gagal memuatkan waktu solat.\";<!-- [et_pb_line_break_holder] --> console.error(\"Error fetching tomorrow's prayer times:\", err);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function formatMalayDate(date) {<!-- [et_pb_line_break_holder] --> return new Date(date).toLocaleDateString(\"ms-MY\", {<!-- [et_pb_line_break_holder] --> day: \"numeric\",<!-- [et_pb_line_break_holder] --> month: \"long\",<!-- [et_pb_line_break_holder] --> year: \"numeric\",<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function extractTimeOnly(dateObj) {<!-- [et_pb_line_break_holder] --> let timeOnly = new Date(0); \/\/ Epoch date: 1970-01-01<!-- [et_pb_line_break_holder] --> timeOnly.setHours(<!-- [et_pb_line_break_holder] --> dateObj.getHours(),<!-- [et_pb_line_break_holder] --> dateObj.getMinutes(),<!-- [et_pb_line_break_holder] --> dateObj.getSeconds(),<!-- [et_pb_line_break_holder] --> 0<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> return timeOnly;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function populatePrayersTime(data, tomorrowData, yesterdayData) {<!-- [et_pb_line_break_holder] --> const prayer = data.prayer_times[0];<!-- [et_pb_line_break_holder] --> const zoneDetail = data.zone_detail;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Set date display<!-- [et_pb_line_break_holder] --> const gregorianDate = prayer.date;<!-- [et_pb_line_break_holder] --> const hijriDate = getHijriDate(); \/\/ fallback if hijri not in API<!-- [et_pb_line_break_holder] --> const malayDate = formatMalayDate(gregorianDate);<!-- [et_pb_line_break_holder] --> document.querySelector(\"#dateDiv\").textContent = `${malayDate}, ${hijriDate}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Assign times to DOM<!-- [et_pb_line_break_holder] --> const times = {<!-- [et_pb_line_break_holder] --> isyak2: yesterdayData.prayer_times[0].isyak,<!-- [et_pb_line_break_holder] --> imsak: prayer.imsak,<!-- [et_pb_line_break_holder] --> subuh: prayer.subuh,<!-- [et_pb_line_break_holder] --> syuruk: prayer.syuruk,<!-- [et_pb_line_break_holder] --> zohor: prayer.zohor,<!-- [et_pb_line_break_holder] --> asar: prayer.asar,<!-- [et_pb_line_break_holder] --> maghrib: prayer.maghrib,<!-- [et_pb_line_break_holder] --> isyak: prayer.isyak,<!-- [et_pb_line_break_holder] --> imsak2: tomorrowData.prayer_times[0].imsak,<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ 1. Convert timestamp to Date<!-- [et_pb_line_break_holder] --> let imsakDate = new Date(prayer.imsak);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ 2. Add one day<!-- [et_pb_line_break_holder] --> imsakDate.setDate(imsakDate.getDate() + 1);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ 3. Convert back to timestamp (milliseconds since epoch)<!-- [et_pb_line_break_holder] --> \/\/ times.imsak = imsakDate.getTime();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Clear all highlights first<!-- [et_pb_line_break_holder] --> document<!-- [et_pb_line_break_holder] --> .querySelectorAll(\".prayer-name, .prayer-time\")<!-- [et_pb_line_break_holder] --> .forEach((el) => el.classList.remove(\"highlight\"));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Find current prayer<!-- [et_pb_line_break_holder] --> const now = new Date();<!-- [et_pb_line_break_holder] --> now.setHours(now.getHours() + offsetHour);<!-- [et_pb_line_break_holder] --> now.setMinutes(now.getMinutes() + offsetMin);<!-- [et_pb_line_break_holder] --> let currentPrayer = null;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const prayerKeys = Object.keys(times);<!-- [et_pb_line_break_holder] --> for (let i = 0; i < prayerKeys.length; i++) {<!-- [et_pb_line_break_holder] --> const current = times[prayerKeys[i]];<!-- [et_pb_line_break_holder] --> const next = times[prayerKeys[i + 1]] || Infinity;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (now >= current && now < next) {<!-- [et_pb_line_break_holder] --> currentPrayer = prayerKeys[i];<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Update DOM with times and apply highlight<!-- [et_pb_line_break_holder] --> for (const [key, value] of Object.entries(times)) {<!-- [et_pb_line_break_holder] --> const id = `${key}Time`;<!-- [et_pb_line_break_holder] --> const el = document.getElementById(id);<!-- [et_pb_line_break_holder] --> if (el) {<!-- [et_pb_line_break_holder] --> el.textContent = formatTime(value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (key === currentPrayer) {<!-- [et_pb_line_break_holder] --> el.classList.add(\"highlight\");<!-- [et_pb_line_break_holder] --> el.previousElementSibling?.classList.add(\"highlight\"); \/\/ .prayer-name<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let midnight = new Date();<!-- [et_pb_line_break_holder] --> midnight.setHours(0);<!-- [et_pb_line_break_holder] --> midnight.setMinutes(0);<!-- [et_pb_line_break_holder] --> midnight.setSeconds(0);<!-- [et_pb_line_break_holder] --> midnight.setMilliseconds(0);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let imsak2Time = new Date(times.imsak2);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ === Set countdown to next prayer ===<!-- [et_pb_line_break_holder] --> const prayerEntries = Object.entries(times);<!-- [et_pb_line_break_holder] --> let nextPrayerTime = null;<!-- [et_pb_line_break_holder] --> let nextPrayerText = null;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (<!-- [et_pb_line_break_holder] --> extractTimeOnly(now).getTime() === extractTimeOnly(midnight).getTime()<!-- [et_pb_line_break_holder] --> ) {<!-- [et_pb_line_break_holder] --> console.log(\"fetching latest tomorrow data\");<!-- [et_pb_line_break_holder] --> fetchApi(document.getElementById(\"dropdownZone\").value);<!-- [et_pb_line_break_holder] --> fetchHijrDate();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> \/\/ console.log(now, midnight, imsak2Time);<!-- [et_pb_line_break_holder] --> if (<!-- [et_pb_line_break_holder] --> extractTimeOnly(now) >= extractTimeOnly(midnight) &&<!-- [et_pb_line_break_holder] --> extractTimeOnly(now) <= extractTimeOnly(imsak2Time)<!-- [et_pb_line_break_holder] --> ) {<!-- [et_pb_line_break_holder] --> nextPrayerText = \"Imsak3\";<!-- [et_pb_line_break_holder] --> nextPrayerTime = times.imsak2;<!-- [et_pb_line_break_holder] --> document.getElementById(\"isyakTime\").classList.add(\"highlight\");<!-- [et_pb_line_break_holder] --> document<!-- [et_pb_line_break_holder] --> .getElementById(\"isyakTime\")<!-- [et_pb_line_break_holder] --> .previousElementSibling?.classList.add(\"highlight\"); \/\/ .prayer-name<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> for (let [key, time] of prayerEntries) {<!-- [et_pb_line_break_holder] --> if (time > now) {<!-- [et_pb_line_break_holder] --> \/\/ console.log(key);<!-- [et_pb_line_break_holder] --> nextPrayerTime = time;<!-- [et_pb_line_break_holder] --> nextPrayerText = key;<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (nextPrayerTime) {<!-- [et_pb_line_break_holder] --> document.getElementById(\"nextPrayerText\").innerText =<!-- [et_pb_line_break_holder] --> nextPrayerText.replace(\/[0-9]\/, \"\");<!-- [et_pb_line_break_holder] --> window.targetTime = new Date(nextPrayerTime); \/\/ global targetTime for countdown<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> document.getElementById(\"nextPrayerText\").innerText = \"Imsak\";<!-- [et_pb_line_break_holder] --> window.targetTime = new Date(times.imsak2); \/\/ global targetTime for countdown<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> \/\/ console.log(\"Here\");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Malay Hijri month names<!-- [et_pb_line_break_holder] --> const hijriMonthNamesMalay = {<!-- [et_pb_line_break_holder] --> Muharram: \"Muharam\",<!-- [et_pb_line_break_holder] --> Safar: \"Safar\",<!-- [et_pb_line_break_holder] --> \"Rabi` al-awwal\": \"Rabiulawal\",<!-- [et_pb_line_break_holder] --> \"Rabi` al-thani\": \"Rabiulakhir\",<!-- [et_pb_line_break_holder] --> \"Jumada al-awwal\": \"Jumadilawal\",<!-- [et_pb_line_break_holder] --> \"Jumada al-thani\": \"Jumadilakhir\",<!-- [et_pb_line_break_holder] --> Rajab: \"Rejab\",<!-- [et_pb_line_break_holder] --> \"Sha`ban\": \"Syaaban\",<!-- [et_pb_line_break_holder] --> Ramadan: \"Ramadan\",<!-- [et_pb_line_break_holder] --> Shawwal: \"Syawal\",<!-- [et_pb_line_break_holder] --> \"Dhu\u02bbl-Qi\u02bbdah\": \"Zulkaedah\",<!-- [et_pb_line_break_holder] --> \"Thul-Hijjah\": \"Zulhijjah\",<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Optional: fallback Hijri formatter if API doesn't provide it<!-- [et_pb_line_break_holder] --> function getHijriDate() {<!-- [et_pb_line_break_holder] --> \/\/ Get the month, day, and year in the Islamic calendar<!-- [et_pb_line_break_holder] --> \/\/ const hijriDate = new Intl.DateTimeFormat(\"en-TN-u-ca-islamic\", {<!-- [et_pb_line_break_holder] --> \/\/ day: \"numeric\",<!-- [et_pb_line_break_holder] --> \/\/ month: \"long\",<!-- [et_pb_line_break_holder] --> \/\/ year: \"numeric\",<!-- [et_pb_line_break_holder] --> \/\/ }).format(gDate);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> moment.locale('en-GB');<!-- [et_pb_line_break_holder] --> let hijriDate = moment().format('iD iMMMM iYYYY');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Manually reformat the date to match the desired format<!-- [et_pb_line_break_holder] --> const parts = hijriDate.split(\" \");<!-- [et_pb_line_break_holder] --> const day = parts[0]; \/\/ e.g., \"29\"<!-- [et_pb_line_break_holder] --> const month = hijriMonthNamesMalay[parts[1]] || parts[1]; \/\/ Replace with Malay month<!-- [et_pb_line_break_holder] --> const year = parts[2]; \/\/ e.g., \"1446\"<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return `${day.split(\",\")[0]} ${month} ${year}H`; \/\/ Format: \"29 Zulkaedah 1446H\"<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Convert timestamps to readable time (HH:mm)<!-- [et_pb_line_break_holder] --> const formatTime = (timestamp) => {<!-- [et_pb_line_break_holder] --> const date = new Date(timestamp);<!-- [et_pb_line_break_holder] --> return date.toLocaleTimeString(\"en-MY\", {<!-- [et_pb_line_break_holder] --> hour: \"2-digit\",<!-- [et_pb_line_break_holder] --> minute: \"2-digit\",<!-- [et_pb_line_break_holder] --> hour12: true, \/\/ Use false for 24-hour format<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateCountdown() {<!-- [et_pb_line_break_holder] --> const now = new Date();<!-- [et_pb_line_break_holder] --> now.setHours(now.getHours() + offsetHour);<!-- [et_pb_line_break_holder] --> now.setMinutes(now.getMinutes() + offsetMin);<!-- [et_pb_line_break_holder] --> let diff = window.targetTime - now;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (diff < 0) {<!-- [et_pb_line_break_holder] --> diff = 0; \/\/ avoid negative time<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const hrs = Math.floor(diff \/ (1000 * 60 * 60));<!-- [et_pb_line_break_holder] --> const mins = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));<!-- [et_pb_line_break_holder] --> const secs = Math.floor((diff % (1000 * 60)) \/ 1000);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.getElementById(\"hours\").textContent = String(hrs).padStart(<!-- [et_pb_line_break_holder] --> 2,<!-- [et_pb_line_break_holder] --> \"0\"<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> document.getElementById(\"minutes\").textContent = String(mins).padStart(<!-- [et_pb_line_break_holder] --> 2,<!-- [et_pb_line_break_holder] --> \"0\"<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> document.getElementById(\"seconds\").textContent = String(secs).padStart(<!-- [et_pb_line_break_holder] --> 2,<!-- [et_pb_line_break_holder] --> \"0\"<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> populatePrayersTime(<!-- [et_pb_line_break_holder] --> todayPrayersData,<!-- [et_pb_line_break_holder] --> tomorrowPrayersData,<!-- [et_pb_line_break_holder] --> yesterdayPrayersData<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> setInterval(updateCountdown, 1000);<!-- [et_pb_line_break_holder] --> \/\/ updateCountdown();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function titleCaseSentence(sentence, exceptions = []) {<!-- [et_pb_line_break_holder] --> return sentence.replace(\/\\b\\w+\\b\/g, (word) => {<!-- [et_pb_line_break_holder] --> return exceptions.includes(word.toLowerCase())<!-- [et_pb_line_break_holder] --> ? word.toLowerCase()<!-- [et_pb_line_break_holder] --> : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function formatLocations(locations, exceptions = []) {<!-- [et_pb_line_break_holder] --> const capitalized = locations.map(loc => titleCaseSentence(loc, exceptions));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (capitalized.length === 1) return capitalized[0];<!-- [et_pb_line_break_holder] --> if (capitalized.length === 2) return `${capitalized[0]} dan ${capitalized[1]}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const last = capitalized.pop();<!-- [et_pb_line_break_holder] --> return capitalized.join(\", \") + \" dan \" + last;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ specialty=”on” admin_label=”How You Can Help” module_id=”Hubungi” _builder_version=”4.27.4″ _module_preset=”default” custom_padding=”||25px|||” collapsed=”on” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_heading title=”KOMPLEKS BALAI ISLAM AN-NUR” disabled_on=”on|on|off” _builder_version=”4.27.4″ _module_preset=”f1c87652-ba49-43a0-8a80-82e30f98b63f” title_text_color=”#035456″ title_line_height=”0.4em” max_width=”60%” max_width_tablet=”60%” max_width_phone=”100%” max_width_last_edited=”on|phone” custom_margin=”||0px||false|false” custom_margin_tablet=”||0px||false|false” custom_margin_phone=”||30px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”13px|0px|0px|6px|false|false” module_alignment_tablet=”” module_alignment_phone=”center” module_alignment_last_edited=”on|phone” border_width_all=”1px” locked=”off” global_colors_info=”{}”][\/et_pb_heading][et_pb_heading title=”Hubungi ” _builder_version=”4.27.4″ _module_preset=”ef739c1a-5db2-431f-90b2-d1b8eff864ac” title_text_color=”#035456″ custom_margin=”7px|||||” global_colors_info=”{}”][\/et_pb_heading][et_pb_blurb title=”Pegawai Dihubungi” use_icon=”on” font_icon=”||fa||400″ icon_color=”#12876F” content_tablet=”<\/p>\n<p><b>Encik Abdul Latif Husain\u2002\u2002 \u2002 :\u2002\u2002\u2002\u2002\u2002<a href=%22https:\/\/wa.me\/+60132569813%22 data-et-target-link=%22_blank%22 rel=%22noopener%22 title=%22WhatsApp%22>013-256 9813 <\/a><\/b><br \/><b>Ustaz Muhammad Syahmi\u2002\u2002 \u2002:\u2002\u2002\u2002\u2002\u2002<a href=%22https:\/\/wa.me\/+60176408349%22 data-et-target-link=%22_blank%22 rel=%22noopener%22 title=%22WhatsApp%22>017-6408349<\/a><br \/><\/b><b>Ustaz Muhammad Idrus Idlan\u2002:\u2002\u2002\u2002\u2002\u2002<a href=%22https:\/\/wa.me\/+60192852460%22 data-et-target-link=%22_blank%22 rel=%22noopener%22 title=%22WhatsApp%22>019-285 2460<\/a> <\/b><b><br \/><\/b><\/p>\n<p>” content_phone=”<\/p>\n<p><b>Encik Abdul Latif Husain\u2002 : \u2002 <a href=%22https:\/\/wa.me\/+60132569813%22 data-et-target-link=%22_blank%22 rel=%22noopener%22 title=%22WhatsApp%22>013-256 9813<\/a><br \/><\/b><b> Ustaz Muhammad Syahmi\u2002\u2002 \u2002 :\u2002\u2002<a href=%22https:\/\/wa.me\/+60176408349%22 data-et-target-link=%22_blank%22 rel=%22noopener%22 title=%22WhatsApp%22>017-6408349<\/a><br \/><\/b><b>Ustaz Muhammad Idrus Idlan\u2002:\u2002\u2002<a href=%22https:\/\/wa.me\/+60192852460%22 data-et-target-link=%22_blank%22 rel=%22noopener%22 title=%22WhatsApp%22>019-285 2460<\/a><br \/><b><b><br \/><\/b><\/b><\/b><\/p>\n<p>” content_last_edited=”on|phone” _builder_version=”4.27.4″ _module_preset=”444a9a46-60e0-48eb-a733-38c5b55563f3″ header_font=”Urbanist|–et_global_heading_font_weight|||||||” body_text_color=”#000000″ header_font_size_tablet=”” header_font_size_phone=”” header_font_size_last_edited=”on|phone” body_font_size_phone=”11px” global_colors_info=”{%22gcid-1f1b4e15-7cc6-4e13-8154-74d77a956460%22:%91%22link_text_color%22,%22quote_text_color%22,%22quote_border_color%22,%22link_text_color%22,%22quote_text_color%22,%22quote_border_color%22%93,%22gcid-d7cd5a78-aaef-4f36-82a3-4d3706015cba%22:%91%22link_text_color%22,%22link_text_color%22%93}”]<\/p>\n<p><b>Encik Abdul Latif Husain\u2002\u2002\u00a0 \u2002\u00a0 \u00a0 :\u2002\u2002\u2002\u2002\u2002<a href=\"https:\/\/wa.me\/+60132569813\" target=\"_blank\" rel=\"noopener\" title=\"WhatsApp\">013-256 9813 <\/a><\/b><br \/><b>Ustaz Muhammad Syahmi\u2002\u2002\u00a0 \u2002:\u2002\u2002\u2002\u2002\u2002<a href=\"https:\/\/wa.me\/+60176408349\" target=\"_blank\" rel=\"noopener\" title=\"WhatsApp\">017-6408349<\/a><br \/><\/b><b>Ustaz Muhammad Idrus Idlan\u2002:\u2002\u2002\u2002\u2002\u2002<a href=\"https:\/\/wa.me\/+60192852460\" target=\"_blank\" rel=\"noopener\" title=\"WhatsApp\">019-285 2460<\/a>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/b><b><br \/><\/b><\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=”Alamat” use_icon=”on” font_icon=”||fa||900″ icon_color=”#12876F” image_icon_width=”30px” _builder_version=”4.27.4″ _module_preset=”444a9a46-60e0-48eb-a733-38c5b55563f3″ body_text_color=”#000000″ global_colors_info=”{%22gcid-1f1b4e15-7cc6-4e13-8154-74d77a956460%22:%91%22link_text_color%22,%22quote_text_color%22,%22quote_border_color%22,%22link_text_color%22,%22quote_text_color%22,%22quote_border_color%22%93,%22gcid-d7cd5a78-aaef-4f36-82a3-4d3706015cba%22:%91%22link_text_color%22,%22link_text_color%22%93}”]<\/p>\n<p>Kompleks Balai Islam An-Nur, TNB HQ<br \/>154, Jalan Bangsar<br \/>59100 Kuala Lumpur<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_2″ specialty_columns=”2″ _builder_version=”4.16″ _module_preset=”default” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_row_inner column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”2″ disabled_on=”on|on|off” _builder_version=”4.27.4″ _module_preset=”default” custom_padding=”||0px|||” global_colors_info=”{}”][et_pb_column_inner type=”1_2″ saved_specialty_column_type=”1_2″ _builder_version=”4.25.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/02\/MasjidTNB-16-1-scaled.jpg” title_text=”MasjidTNB-16 (1)” _builder_version=”4.27.4″ _module_preset=”cb0fa9be-4a26-4bd4-9ebe-c6314c69293c” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/02\/MasjidTNB-22-scaled.jpg” title_text=”MasjidTNB-22″ _builder_version=”4.27.4″ _module_preset=”cb0fa9be-4a26-4bd4-9ebe-c6314c69293c” custom_margin=”30px||||false|false” custom_margin_last_edited=”off|phone” border_radii=”off|30px|0px|30px|0px” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=”1_2″ saved_specialty_column_type=”1_2″ _builder_version=”4.25.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/02\/MasjidTNB-27-scaled.jpg” title_text=”MasjidTNB-27″ _builder_version=”4.27.4″ _module_preset=”cb0fa9be-4a26-4bd4-9ebe-c6314c69293c” border_radii=”off|30px|1px|30px|0px” locked=”off” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/kompleksannur.com.my\/wp-content\/uploads\/2025\/02\/MasjidTNB-7-scaled.jpg” title_text=”MasjidTNB-7″ _builder_version=”4.27.4″ _module_preset=”cb0fa9be-4a26-4bd4-9ebe-c6314c69293c” custom_margin=”30px||||false|false” locked=”off” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Susun Atur Kemah & Tapak Operasi KorbanSusun Atur Operasi Korban (Zone A – D)Susun Atur Zone ASusun Atur Zone B & CTarikh Pelaksanaan Korban : Hari Selasa, 10 Jun 2025 \/ 13 Zulhijah 1446H (Hari Raya Ke-4) Masa : 8.00 pagi – 3.00 petang Tempat : Kelab Kilat TNB BangsarTarikh Pelaksanaan Korban :Hari Selasa, 10 […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-1573","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=\/wp\/v2\/pages\/1573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1573"}],"version-history":[{"count":0,"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=\/wp\/v2\/pages\/1573\/revisions"}],"wp:attachment":[{"href":"https:\/\/kompleksannur.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}