{"id":226,"date":"2026-07-12T15:45:09","date_gmt":"2026-07-12T15:45:09","guid":{"rendered":"https:\/\/oks.digital\/?page_id=226"},"modified":"2026-07-19T14:37:48","modified_gmt":"2026-07-19T14:37:48","slug":"prayer-times-umm-al-quwain","status":"publish","type":"page","link":"https:\/\/oks.digital\/ar\/prayer-times-umm-al-quwain\/","title":{"rendered":"Umm Al Quwain Prayer Times Today"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n#uaq-prayer-page,\n#uaq-prayer-page * {\n  box-sizing: border-box;\n}\n\n#uaq-prayer-page {\n  --uaq-dark: #10251b;\n  --uaq-green: #176b43;\n  --uaq-green-dark: #0f4f31;\n  --uaq-green-light: #e7f6ee;\n  --uaq-text: #53645b;\n  --uaq-border: #dceae2;\n  --uaq-soft: #f5faf7;\n  --uaq-gold-soft: #fff8e9;\n  --uaq-white: #ffffff;\n  color: var(--uaq-text);\n}\n\n.uaq-wrap {\n  width: min(1120px, 92%);\n  margin: 0 auto;\n}\n\n.uaq-hero {\n  padding: 38px 0 58px;\n  background:\n    radial-gradient(\n      circle at 88% 14%,\n      rgba(23, 107, 67, 0.12),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #f3fbf7 0%,\n      #ffffff 55%,\n      #eef8f3 100%\n    );\n}\n\n.uaq-breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  align-items: center;\n  margin-bottom: 32px;\n  color: #718078;\n  font-size: 13px;\n}\n\n.uaq-breadcrumb a {\n  color: var(--uaq-green);\n  text-decoration: none;\n}\n\n.uaq-hero-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.72fr);\n  gap: 42px;\n  align-items: center;\n}\n\n.uaq-badge,\n.uaq-eyebrow {\n  display: inline-block;\n  color: var(--uaq-green);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.uaq-badge {\n  padding: 8px 14px;\n  border: 1px solid #c8e5d4;\n  border-radius: 999px;\n  background: var(--uaq-green-light);\n}\n\n.uaq-eyebrow {\n  margin-bottom: 9px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.uaq-hero h1 {\n  max-width: 790px;\n  margin: 18px 0;\n  color: var(--uaq-dark);\n  font-size: clamp(35px, 5vw, 58px);\n  font-weight: 800;\n  letter-spacing: -1.4px;\n  line-height: 1.07;\n}\n\n.uaq-hero-content > p {\n  max-width: 730px;\n  margin: 0 0 21px;\n  font-size: 18px;\n  line-height: 1.75;\n}\n\n.uaq-location {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  padding: 9px 13px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.78);\n  color: #3d5046;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.uaq-next-card {\n  padding: 27px;\n  border: 1px solid var(--uaq-border);\n  border-radius: 22px;\n  background: var(--uaq-white);\n  box-shadow: 0 18px 48px rgba(16, 37, 27, 0.11);\n}\n\n.uaq-next-label {\n  display: inline-block;\n  margin-bottom: 17px;\n  color: var(--uaq-green);\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.uaq-next-main {\n  display: flex;\n  gap: 20px;\n  align-items: flex-end;\n  justify-content: space-between;\n}\n\n.uaq-next-main strong,\n.uaq-next-main span,\n.uaq-countdown-wrap span,\n.uaq-countdown-wrap strong {\n  display: block;\n}\n\n.uaq-next-main > div:first-child strong {\n  color: var(--uaq-dark);\n  font-size: 30px;\n}\n\n.uaq-next-main > div:first-child span {\n  margin-top: 4px;\n  color: var(--uaq-green);\n  font-size: 22px;\n  font-weight: 800;\n}\n\n.uaq-countdown-wrap {\n  text-align: right;\n}\n\n.uaq-countdown-wrap span {\n  margin-bottom: 4px;\n  font-size: 11px;\n}\n\n.uaq-countdown-wrap strong {\n  color: var(--uaq-dark);\n  font-size: 20px;\n}\n\n.uaq-next-card > p {\n  margin: 17px 0 0;\n  padding-top: 15px;\n  border-top: 1px solid var(--uaq-border);\n  font-size: 13px;\n}\n\n.uaq-today-section,\n.uaq-content-section {\n  padding: 66px 0;\n  background: var(--uaq-white);\n}\n\n.uaq-section-heading {\n  display: flex;\n  gap: 24px;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 27px;\n}\n\n.uaq-section-heading h2,\n.uaq-content-section h2 {\n  margin: 0;\n  color: var(--uaq-dark);\n  font-size: clamp(28px, 4vw, 40px);\n  line-height: 1.18;\n}\n\n.uaq-section-heading p {\n  max-width: 700px;\n  margin: 11px 0 0;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.uaq-date-display {\n  min-width: 210px;\n  text-align: right;\n}\n\n.uaq-date-display strong,\n.uaq-date-display span {\n  display: block;\n}\n\n.uaq-date-display strong {\n  color: var(--uaq-dark);\n}\n\n.uaq-date-display span {\n  margin-top: 4px;\n  font-size: 13px;\n}\n\n.uaq-status {\n  min-height: 21px;\n  margin-bottom: 13px;\n  font-size: 13px;\n}\n\n.uaq-error {\n  margin-bottom: 16px;\n  padding: 13px 15px;\n  border-left: 4px solid #c43b35;\n  border-radius: 10px;\n  background: #fff1f1;\n  color: #8c2823;\n}\n\n.uaq-prayer-grid {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n  gap: 13px;\n}\n\n.uaq-prayer-card {\n  padding: 18px 14px;\n  border: 1px solid var(--uaq-border);\n  border-radius: 16px;\n  background: linear-gradient(180deg, #ffffff, #f7fbf9);\n  text-align: center;\n}\n\n.uaq-prayer-card.uaq-sunrise {\n  background: linear-gradient(180deg, #fffdf8, var(--uaq-gold-soft));\n}\n\n.uaq-prayer-icon {\n  display: flex;\n  width: 43px;\n  height: 43px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 11px;\n  border-radius: 13px;\n  background: var(--uaq-green-light);\n  font-size: 21px;\n}\n\n.uaq-prayer-name,\n.uaq-prayer-card time,\n.uaq-prayer-card small {\n  display: block;\n}\n\n.uaq-prayer-name {\n  color: #41544a;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.uaq-prayer-card time {\n  margin: 7px 0 5px;\n  color: var(--uaq-green);\n  font-size: 18px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.uaq-prayer-card small {\n  color: #7b8881;\n  font-size: 11px;\n}\n\n.uaq-settings {\n  margin-top: 25px;\n  padding: 22px;\n  border: 1px solid var(--uaq-border);\n  border-radius: 16px;\n  background: var(--uaq-soft);\n}\n\n.uaq-settings-heading h3 {\n  margin: 0 0 4px;\n  color: var(--uaq-dark);\n}\n\n.uaq-settings-heading p {\n  margin: 0;\n  font-size: 13px;\n}\n\n.uaq-settings-grid {\n  display: grid;\n  grid-template-columns: 1.3fr 0.8fr auto;\n  gap: 12px;\n  align-items: end;\n  margin-top: 17px;\n}\n\n.uaq-field label,\n.uaq-calendar-controls label {\n  display: block;\n  margin-bottom: 6px;\n  color: #41544a;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.uaq-field select,\n.uaq-calendar-controls select {\n  width: 100%;\n  min-height: 46px;\n  padding: 10px;\n  border: 1px solid #cbded4;\n  border-radius: 10px;\n  background: var(--uaq-white);\n  font: inherit;\n}\n\n.uaq-button {\n  min-height: 46px;\n  padding: 11px 18px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--uaq-green);\n  color: var(--uaq-white);\n  cursor: pointer;\n  font: inherit;\n  font-weight: 700;\n}\n\n.uaq-button:hover {\n  background: var(--uaq-green-dark);\n}\n\n.uaq-button:disabled,\n.uaq-field select:disabled,\n.uaq-calendar-controls select:disabled {\n  opacity: 0.6;\n}\n\n.uaq-settings-note {\n  margin: 13px 0 0;\n  font-size: 12px;\n}\n\n.uaq-calendar-section {\n  padding: 66px 0;\n  background: var(--uaq-soft);\n}\n\n.uaq-calendar-controls {\n  display: grid;\n  grid-template-columns: 145px 105px;\n  gap: 9px;\n}\n\n.uaq-table-wrap {\n  overflow-x: auto;\n  border: 1px solid var(--uaq-border);\n  border-radius: 15px;\n  background: var(--uaq-white);\n}\n\n.uaq-calendar-table {\n  width: 100%;\n  min-width: 800px;\n  border-collapse: collapse;\n}\n\n.uaq-calendar-table th,\n.uaq-calendar-table td {\n  padding: 13px 12px;\n  border-bottom: 1px solid #e8f0eb;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.uaq-calendar-table th {\n  background: var(--uaq-green);\n  color: var(--uaq-white);\n  font-size: 12px;\n  text-transform: uppercase;\n}\n\n.uaq-calendar-table td {\n  color: #405249;\n  font-size: 13px;\n}\n\n.uaq-calendar-table tbody tr.uaq-today-row {\n  background: #e9f7ef;\n  font-weight: 700;\n}\n\n.uaq-calendar-table td small {\n  display: block;\n  margin-top: 3px;\n  color: #7a8980;\n  font-size: 10px;\n}\n\n.uaq-scroll-note {\n  margin: 10px 0 0;\n  font-size: 12px;\n}\n\n.uaq-content-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.58fr);\n  gap: 47px;\n}\n\n.uaq-content-grid article > p {\n  margin: 17px 0 0;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n.uaq-information-card {\n  padding: 25px;\n  border: 1px solid var(--uaq-border);\n  border-radius: 17px;\n  background: var(--uaq-soft);\n}\n\n.uaq-information-card h3 {\n  margin: 0 0 15px;\n  color: var(--uaq-dark);\n}\n\n.uaq-information-card dl {\n  margin: 0;\n}\n\n.uaq-information-card dl > div {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--uaq-border);\n}\n\n.uaq-information-card dt {\n  margin-bottom: 3px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n.uaq-information-card dd {\n  margin: 0;\n  color: #34483d;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.uaq-soft-section {\n  background: var(--uaq-soft);\n}\n\n.uaq-explanation-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 17px;\n}\n\n.uaq-explanation-grid article {\n  padding: 21px;\n  border: 1px solid var(--uaq-border);\n  border-radius: 15px;\n  background: var(--uaq-white);\n}\n\n.uaq-explanation-grid h3 {\n  margin: 0 0 8px;\n  color: var(--uaq-dark);\n  font-size: 18px;\n}\n\n.uaq-explanation-grid p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.uaq-faq-list {\n  display: grid;\n  gap: 11px;\n  max-width: 900px;\n}\n\n.uaq-faq {\n  border: 1px solid var(--uaq-border);\n  border-radius: 13px;\n}\n\n.uaq-faq summary {\n  position: relative;\n  padding: 17px 50px 17px 19px;\n  color: var(--uaq-dark);\n  cursor: pointer;\n  font-weight: 700;\n  list-style: none;\n}\n\n.uaq-faq summary::-webkit-details-marker {\n  display: none;\n}\n\n.uaq-faq summary::after {\n  position: absolute;\n  top: 50%;\n  right: 19px;\n  color: var(--uaq-green);\n  content: \"+\";\n  font-size: 23px;\n  transform: translateY(-50%);\n}\n\n.uaq-faq[open] summary::after {\n  content: \"\u2212\";\n}\n\n.uaq-faq p {\n  margin: 0;\n  padding: 0 19px 18px;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.uaq-official-note {\n  display: grid;\n  grid-template-columns: 48px 1fr;\n  gap: 16px;\n  margin-top: 30px;\n  padding: 25px;\n  border: 1px solid #d2e7db;\n  border-left: 5px solid var(--uaq-green);\n  border-radius: 16px;\n  background: var(--uaq-soft);\n}\n\n.uaq-note-icon {\n  display: flex;\n  width: 46px;\n  height: 46px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 13px;\n  background: var(--uaq-green-light);\n}\n\n.uaq-official-note h2 {\n  margin-bottom: 7px;\n  font-size: 23px;\n}\n\n.uaq-official-note p {\n  margin: 0 0 10px;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.uaq-official-note a {\n  color: var(--uaq-green);\n  font-weight: 700;\n  text-decoration: none;\n}\n\n@media (max-width: 980px) {\n  .uaq-prayer-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .uaq-explanation-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 820px) {\n  .uaq-hero-grid,\n  .uaq-content-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .uaq-section-heading {\n    display: grid;\n  }\n\n  .uaq-date-display {\n    text-align: left;\n  }\n\n  .uaq-settings-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .uaq-button {\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 620px) {\n  .uaq-hero {\n    padding: 28px 0 43px;\n  }\n\n  .uaq-hero h1 {\n    font-size: 34px;\n  }\n\n  .uaq-next-main {\n    display: grid;\n  }\n\n  .uaq-countdown-wrap {\n    text-align: left;\n  }\n\n  .uaq-today-section,\n  .uaq-calendar-section,\n  .uaq-content-section {\n    padding: 48px 0;\n  }\n\n  .uaq-prayer-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .uaq-settings-grid,\n  .uaq-explanation-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .uaq-calendar-controls {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .uaq-official-note {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const API_BASE = \"https:\/\/api.aladhan.com\/v1\";\n  const CITY = \"Umm Al Quwain\";\n  const COUNTRY = \"United Arab Emirates\";\n  const TIMEZONE = \"Asia\/Dubai\";\n  const REQUEST_TIMEOUT = 12000;\n\n  let countdownInterval = null;\n\n  function initializeUaqPrayerPage() {\n    const page = document.getElementById(\n      \"uaq-prayer-page\"\n    );\n\n    if (!page) {\n      return;\n    }\n\n    const methodSelect =\n      document.getElementById(\"uaq-method\");\n\n    const schoolSelect =\n      document.getElementById(\"uaq-school\");\n\n    const reloadButton =\n      document.getElementById(\"uaq-reload\");\n\n    const statusBox =\n      document.getElementById(\"uaq-status\");\n\n    const errorBox =\n      document.getElementById(\"uaq-error\");\n\n    const monthSelect =\n      document.getElementById(\"uaq-month\");\n\n    const yearSelect =\n      document.getElementById(\"uaq-year\");\n\n    const calendarStatus =\n      document.getElementById(\n        \"uaq-calendar-status\"\n      );\n\n    const calendarBody =\n      document.getElementById(\n        \"uaq-calendar-body\"\n      );\n\n    const prayerNames = [\n      \"Fajr\",\n      \"Sunrise\",\n      \"Dhuhr\",\n      \"Asr\",\n      \"Maghrib\",\n      \"Isha\"\n    ];\n\n    const countdownNames = [\n      \"Fajr\",\n      \"Dhuhr\",\n      \"Asr\",\n      \"Maghrib\",\n      \"Isha\"\n    ];\n\n    function getUaqDateParts(offsetDays) {\n      const shiftedDate = new Date(\n        Date.now() + (offsetDays || 0) * 86400000\n      );\n\n      const parts = new Intl.DateTimeFormat(\n        \"en-GB\",\n        {\n          timeZone: TIMEZONE,\n          year: \"numeric\",\n          month: \"2-digit\",\n          day: \"2-digit\"\n        }\n      ).formatToParts(shiftedDate);\n\n      const values = {};\n\n      parts.forEach(function (part) {\n        if (part.type !== \"literal\") {\n          values[part.type] = Number(part.value);\n        }\n      });\n\n      return {\n        year: values.year,\n        month: values.month,\n        day: values.day\n      };\n    }\n\n    function getApiDate(dateParts) {\n      return (\n        String(dateParts.day).padStart(2, \"0\") +\n        \"-\" +\n        String(dateParts.month).padStart(2, \"0\") +\n        \"-\" +\n        dateParts.year\n      );\n    }\n\n    function cleanTime(value) {\n      if (!value || typeof value !== \"string\") {\n        return \"--:--\";\n      }\n\n      return value.split(\" \")[0];\n    }\n\n    function formatTime(value) {\n      const cleanValue = cleanTime(value);\n      const parts = cleanValue.split(\":\");\n\n      if (parts.length < 2) {\n        return cleanValue;\n      }\n\n      let hour = parseInt(parts[0], 10);\n      const minute = parts[1];\n\n      if (Number.isNaN(hour)) {\n        return cleanValue;\n      }\n\n      const period = hour >= 12 ? \"PM\" : \"AM\";\n      hour = hour % 12 || 12;\n\n      return hour + \":\" + minute + \" \" + period;\n    }\n\n    function getMethod() {\n      return methodSelect.value || \"16\";\n    }\n\n    function getSchool() {\n      return schoolSelect.value || \"0\";\n    }\n\n    async function fetchJson(url) {\n      const controller = new AbortController();\n\n      const timeoutId = window.setTimeout(\n        function () {\n          controller.abort();\n        },\n        REQUEST_TIMEOUT\n      );\n\n      try {\n        const response = await fetch(url, {\n          method: \"GET\",\n          headers: {\n            Accept: \"application\/json\"\n          },\n          signal: controller.signal\n        });\n\n        if (!response.ok) {\n          throw new Error(\n            \"The prayer-time service could not be reached.\"\n          );\n        }\n\n        const result = await response.json();\n\n        if (\n          !result ||\n          Number(result.code) !== 200 ||\n          !result.data\n        ) {\n          throw new Error(\n            \"Prayer-time information is unavailable.\"\n          );\n        }\n\n        return result.data;\n      } catch (error) {\n        if (error.name === \"AbortError\") {\n          throw new Error(\n            \"The request took too long. Please check your internet connection.\"\n          );\n        }\n\n        throw error;\n      } finally {\n        window.clearTimeout(timeoutId);\n      }\n    }\n\n    async function fetchDay(dateParts) {\n      const parameters = new URLSearchParams({\n        city: CITY,\n        country: COUNTRY,\n        method: getMethod(),\n        school: getSchool()\n      });\n\n      const url =\n        API_BASE +\n        \"\/timingsByCity\/\" +\n        getApiDate(dateParts) +\n        \"?\" +\n        parameters.toString();\n\n      return fetchJson(url);\n    }\n\n    async function fetchCalendar(year, month) {\n      const parameters = new URLSearchParams({\n        city: CITY,\n        country: COUNTRY,\n        method: getMethod(),\n        school: getSchool()\n      });\n\n      const url =\n        API_BASE +\n        \"\/calendarByCity\/\" +\n        year +\n        \"\/\" +\n        month +\n        \"?\" +\n        parameters.toString();\n\n      return fetchJson(url);\n    }\n\n    function setLoading(isLoading) {\n      reloadButton.disabled = isLoading;\n      methodSelect.disabled = isLoading;\n      schoolSelect.disabled = isLoading;\n\n      reloadButton.textContent = isLoading\n        ? \"Loading...\"\n        : \"Update Timings\";\n    }\n\n    function showError(message) {\n      errorBox.textContent = message;\n      errorBox.hidden = false;\n      statusBox.textContent = \"\";\n    }\n\n    function clearError() {\n      errorBox.textContent = \"\";\n      errorBox.hidden = true;\n    }\n\n    function parseUaqTime(dateParts, timeValue) {\n      const parts = cleanTime(timeValue).split(\":\");\n\n      return Date.UTC(\n        dateParts.year,\n        dateParts.month - 1,\n        dateParts.day,\n        Number(parts[0]) - 4,\n        Number(parts[1]),\n        0\n      );\n    }\n\n    function startCountdown(\n      prayerName,\n      timeValue,\n      dateParts\n    ) {\n      if (countdownInterval) {\n        window.clearInterval(countdownInterval);\n      }\n\n      const nameElement =\n        document.getElementById(\"uaq-next-name\");\n\n      const timeElement =\n        document.getElementById(\"uaq-next-time\");\n\n      const countdownElement =\n        document.getElementById(\"uaq-countdown\");\n\n      const noteElement =\n        document.getElementById(\"uaq-next-note\");\n\n      const targetTime = parseUaqTime(\n        dateParts,\n        timeValue\n      );\n\n      nameElement.textContent = prayerName;\n      timeElement.textContent = formatTime(timeValue);\n\n      noteElement.textContent =\n        prayerName === \"Fajr tomorrow\"\n          ? \"The next prayer is tomorrow\u2019s Fajr.\"\n          : \"The next prayer today is \" +\n            prayerName +\n            \".\";\n\n      function updateCountdown() {\n        const difference = targetTime - Date.now();\n\n        if (difference <= 0) {\n          countdownElement.textContent = \"00:00:00\";\n          window.clearInterval(countdownInterval);\n\n          window.setTimeout(function () {\n            loadToday();\n          }, 1500);\n\n          return;\n        }\n\n        const totalSeconds = Math.floor(\n          difference \/ 1000\n        );\n\n        const hours = Math.floor(\n          totalSeconds \/ 3600\n        );\n\n        const minutes = Math.floor(\n          (totalSeconds % 3600) \/ 60\n        );\n\n        const seconds = totalSeconds % 60;\n\n        countdownElement.textContent =\n          String(hours).padStart(2, \"0\") +\n          \":\" +\n          String(minutes).padStart(2, \"0\") +\n          \":\" +\n          String(seconds).padStart(2, \"0\");\n      }\n\n      updateCountdown();\n\n      countdownInterval = window.setInterval(\n        updateCountdown,\n        1000\n      );\n    }\n\n    async function findNextPrayer(\n      todayData,\n      todayParts\n    ) {\n      const now = Date.now();\n\n      for (\n        let index = 0;\n        index < countdownNames.length;\n        index++\n      ) {\n        const prayerName = countdownNames[index];\n\n        const prayerTime =\n          todayData.timings[prayerName];\n\n        const timestamp = parseUaqTime(\n          todayParts,\n          prayerTime\n        );\n\n        if (timestamp > now) {\n          startCountdown(\n            prayerName,\n            prayerTime,\n            todayParts\n          );\n\n          return;\n        }\n      }\n\n      const tomorrowParts = getUaqDateParts(1);\n      const tomorrowData = await fetchDay(tomorrowParts);\n\n      startCountdown(\n        \"Fajr tomorrow\",\n        tomorrowData.timings.Fajr,\n        tomorrowParts\n      );\n    }\n\n    function getHijriText(data) {\n      const hijri = data.date?.hijri;\n\n      if (!hijri) {\n        return \"Hijri date unavailable\";\n      }\n\n      if (\n        !hijri.day ||\n        !hijri.month?.en ||\n        !hijri.year\n      ) {\n        return \"Hijri date unavailable\";\n      }\n\n      return (\n        hijri.day +\n        \" \" +\n        hijri.month.en +\n        \" \" +\n        hijri.year +\n        \" AH\"\n      );\n    }\n\n    function displayToday(data, dateParts) {\n      prayerNames.forEach(function (prayerName) {\n        const element = document.getElementById(\n          \"uaq-\" + prayerName\n        );\n\n        if (!element) {\n          return;\n        }\n\n        element.textContent = formatTime(\n          data.timings[prayerName]\n        );\n\n        element.setAttribute(\n          \"datetime\",\n          cleanTime(data.timings[prayerName])\n        );\n      });\n\n      document.getElementById(\n        \"uaq-gregorian-date\"\n      ).textContent =\n        data.date?.readable || \"Date unavailable\";\n\n      document.getElementById(\n        \"uaq-hijri-date\"\n      ).textContent = getHijriText(data);\n\n      statusBox.textContent =\n        \"Umm Al Quwain prayer times loaded successfully.\";\n\n      findNextPrayer(data, dateParts).catch(\n        function (error) {\n          console.error(\"Next-prayer error:\", error);\n\n          document.getElementById(\n            \"uaq-next-note\"\n          ).textContent =\n            \"The next-prayer countdown is temporarily unavailable.\";\n        }\n      );\n    }\n\n    async function loadToday() {\n      const todayParts = getUaqDateParts(0);\n\n      clearError();\n      setLoading(true);\n\n      statusBox.textContent =\n        \"Loading today\u2019s Umm Al Quwain prayer times...\";\n\n      try {\n        const data = await fetchDay(todayParts);\n        displayToday(data, todayParts);\n      } catch (error) {\n        console.error(\n          \"Today prayer-time error:\",\n          error\n        );\n\n        showError(\n          error.message ||\n            \"Unable to load today\u2019s prayer times.\"\n        );\n      } finally {\n        setLoading(false);\n      }\n    }\n\n    function populateYears() {\n      const currentYear = getUaqDateParts(0).year;\n\n      yearSelect.innerHTML = \"\";\n\n      for (\n        let year = currentYear - 1;\n        year <= currentYear + 2;\n        year++\n      ) {\n        const option =\n          document.createElement(\"option\");\n\n        option.value = String(year);\n        option.textContent = String(year);\n\n        if (year === currentYear) {\n          option.selected = true;\n        }\n\n        yearSelect.appendChild(option);\n      }\n    }\n\n    function displayCalendar(\n      data,\n      selectedYear,\n      selectedMonth\n    ) {\n      const todayParts = getUaqDateParts(0);\n\n      calendarBody.innerHTML = \"\";\n\n      data.forEach(function (dayData) {\n        const row = document.createElement(\"tr\");\n        const gregorian = dayData.date.gregorian;\n        const hijri = dayData.date.hijri;\n        const dayNumber = Number(gregorian.day);\n\n        const sameYear =\n          selectedYear === todayParts.year;\n\n        const sameMonth =\n          selectedMonth === todayParts.month;\n\n        const sameDay =\n          dayNumber === todayParts.day;\n\n        if (sameYear) {\n          if (sameMonth) {\n            if (sameDay) {\n              row.classList.add(\"uaq-today-row\");\n            }\n          }\n        }\n\n        const dateCell =\n          document.createElement(\"td\");\n\n        dateCell.textContent =\n          gregorian.day +\n          \" \" +\n          gregorian.month.en.slice(0, 3);\n\n        const hijriSmall =\n          document.createElement(\"small\");\n\n        hijriSmall.textContent =\n          hijri.day +\n          \" \" +\n          hijri.month.en.slice(0, 3);\n\n        dateCell.appendChild(hijriSmall);\n        row.appendChild(dateCell);\n\n        const dayCell =\n          document.createElement(\"td\");\n\n        dayCell.textContent =\n          gregorian.weekday.en;\n\n        row.appendChild(dayCell);\n\n        prayerNames.forEach(\n          function (prayerName) {\n            const cell =\n              document.createElement(\"td\");\n\n            cell.textContent = formatTime(\n              dayData.timings[prayerName]\n            );\n\n            row.appendChild(cell);\n          }\n        );\n\n        calendarBody.appendChild(row);\n      });\n\n      calendarStatus.textContent =\n        \"Monthly Umm Al Quwain prayer timetable loaded.\";\n    }\n\n    async function loadMonthlyCalendar() {\n      const selectedMonth =\n        Number(monthSelect.value);\n\n      const selectedYear =\n        Number(yearSelect.value);\n\n      monthSelect.disabled = true;\n      yearSelect.disabled = true;\n\n      calendarStatus.textContent =\n        \"Loading monthly Umm Al Quwain prayer timetable...\";\n\n      try {\n        const data = await fetchCalendar(\n          selectedYear,\n          selectedMonth\n        );\n\n        displayCalendar(\n          data,\n          selectedYear,\n          selectedMonth\n        );\n      } catch (error) {\n        console.error(\n          \"Monthly calendar error:\",\n          error\n        );\n\n        calendarStatus.textContent =\n          error.message ||\n          \"Unable to load the monthly timetable.\";\n      } finally {\n        monthSelect.disabled = false;\n        yearSelect.disabled = false;\n      }\n    }\n\n    function reloadAllTimings() {\n      loadToday();\n      loadMonthlyCalendar();\n    }\n\n    const currentDate = getUaqDateParts(0);\n\n    populateYears();\n\n    monthSelect.value =\n      String(currentDate.month);\n\n    yearSelect.value =\n      String(currentDate.year);\n\n    reloadButton.addEventListener(\n      \"click\",\n      reloadAllTimings\n    );\n\n    monthSelect.addEventListener(\n      \"change\",\n      loadMonthlyCalendar\n    );\n\n    yearSelect.addEventListener(\n      \"change\",\n      loadMonthlyCalendar\n    );\n\n    loadToday();\n    loadMonthlyCalendar();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeUaqPrayerPage\n    );\n  } else {\n    initializeUaqPrayerPage();\n  }\n})();\n<\/script>\n\n<main id=\"islamic-tools-home\">\n\n  <section class=\"it-hero\">\n    <div class=\"it-wrap it-hero-grid\">\n\n      <div class=\"it-hero-text\">\n        <span class=\"it-badge\">\ud83d\udd4c Free daily Islamic tools<\/span>\n\n        <h1>Free Islamic Tools for Muslims in the UAE and Worldwide<\/h1>\n\n        <p class=\"it-hero-intro\">\n          Check prayer times, find the Qibla direction, convert Hijri dates,\n          calculate Zakat, count Tasbeeh and read daily duas. All tools are\n          free, simple and mobile-friendly.\n        <\/p>\n\n        <div class=\"it-buttons\">\n          <a href=\"\/prayer-times\/\" class=\"it-btn it-primary\">\n            Check Prayer Times\n          <\/a>\n\n          <a href=\"\/qibla-direction-finder\/\" class=\"it-btn it-light\">\n            Find Qibla Direction\n          <\/a>\n        <\/div>\n\n        <ul class=\"it-benefits\" aria-label=\"Website benefits\">\n          <li>Free to use<\/li>\n          <li>No registration<\/li>\n          <li>Mobile-friendly<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"it-prayer-card it-tool-showcase\">\n        <div class=\"it-showcase-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n        <span class=\"it-card-label\">Prayer Times Tool<\/span>\n\n        <h2>Check Today\u2019s Prayer Times<\/h2>\n\n        <p>\n          Open the Prayer Times tool to check Fajr, Sunrise, Dhuhr, Asr,\n          Maghrib and Isha times for your city or current location.\n        <\/p>\n\n        <ul class=\"it-showcase-list\">\n          <li>Select a city<\/li>\n          <li>Use your current location<\/li>\n          <li>Choose a calculation method<\/li>\n          <li>View all daily prayer times<\/li>\n        <\/ul>\n\n        <a href=\"\/prayer-times\/\" class=\"it-btn it-primary it-showcase-button\">\n          Open Prayer Times Tool\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <section class=\"it-section it-tools-section\">\n    <div class=\"it-wrap\">\n\n      <div class=\"it-section-heading\">\n        <span class=\"it-eyebrow\">Explore our tools<\/span>\n\n        <h2>Free Islamic Tools for Daily Muslim Life<\/h2>\n\n        <p>\n          Use these simple online Islamic tools for Salah, Qibla direction,\n          Islamic dates, Zakat, dhikr and daily duas.\n        <\/p>\n      <\/div>\n\n      <div class=\"it-grid\">\n\n        <a class=\"it-card\" href=\"\/prayer-times\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4b<\/div>\n\n          <h3>Prayer Times<\/h3>\n\n          <p>\n            Check Fajr, Sunrise, Dhuhr, Asr, Maghrib and Isha times by city\n            or current location.\n          <\/p>\n\n          <span class=\"it-card-action\">Check prayer times \u2192<\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/qibla-direction-finder\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83e\udded<\/div>\n\n          <h3>Qibla Direction Finder<\/h3>\n\n          <p>\n            Find the direction and compass bearing of the Kaaba from your\n            current location.\n          <\/p>\n\n          <span class=\"it-card-action\">Find Qibla direction \u2192<\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/hijri-date-converter\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83c\udf19<\/div>\n\n          <h3>Hijri Date Converter<\/h3>\n\n          <p>\n            Convert Gregorian dates to Islamic Hijri dates quickly and easily.\n          <\/p>\n\n          <span class=\"it-card-action\">Convert a date \u2192<\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/zakat-calculator\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udcb0<\/div>\n\n          <h3>Zakat Calculator<\/h3>\n\n          <p>\n            Estimate Zakat on cash, savings, gold, silver, business assets\n            and eligible debts.\n          <\/p>\n\n          <span class=\"it-card-action\">Calculate Zakat \u2192<\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/tasbeeh-counter\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udcff<\/div>\n\n          <h3>Tasbeeh Counter<\/h3>\n\n          <p>\n            Use a simple digital Tasbeeh counter for dhikr on your phone,\n            tablet or computer.\n          <\/p>\n\n          <span class=\"it-card-action\">Start counting \u2192<\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/daily-duas\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83e\udd32<\/div>\n\n          <h3>Daily Duas<\/h3>\n\n          <p>\n            Read useful daily duas in Arabic with transliteration and simple\n            English meaning.\n          <\/p>\n\n          <span class=\"it-card-action\">Read daily duas \u2192<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"it-section it-uae-prayer-section\">\n    <div class=\"it-wrap\">\n\n      <div class=\"it-section-heading\">\n        <span class=\"it-eyebrow\">UAE prayer times<\/span>\n\n        <h2>Prayer Times by UAE City<\/h2>\n\n        <p>\n          Select your city to check today\u2019s Fajr, Sunrise, Dhuhr, Asr,\n          Maghrib and Isha prayer times.\n        <\/p>\n      <\/div>\n\n      <div class=\"it-grid\">\n\n        <a class=\"it-card\" href=\"\/prayer-times-abu-dhabi\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Abu Dhabi Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Abu Dhabi.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Abu Dhabi prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/ajman-prayer-times\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Ajman Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Ajman.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Ajman prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/prayer-times-al-ain\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Al Ain Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Al Ain.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Al Ain prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/dubai-prayer-times\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Dubai Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Dubai.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Dubai prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/prayer-times-fujairah\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Fujairah Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Fujairah.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Fujairah prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/prayer-times-ras-al-khaimah\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Ras Al Khaimah Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Ras Al Khaimah.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Ras Al Khaimah prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/prayer-times-sharjah\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Sharjah Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Sharjah.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Sharjah prayer times \u2192\n          <\/span>\n        <\/a>\n\n        <a class=\"it-card\" href=\"\/prayer-times-umm-al-quwain\/\">\n          <div class=\"it-icon\" aria-hidden=\"true\">\ud83d\udd4c<\/div>\n\n          <h3>Umm Al Quwain Prayer Times<\/h3>\n\n          <p>\n            Check today\u2019s prayer times for Umm Al Quwain.\n          <\/p>\n\n          <span class=\"it-card-action\">\n            View Umm Al Quwain prayer times \u2192\n          <\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"it-section it-about-section\">\n    <div class=\"it-wrap it-content-grid\">\n\n      <div class=\"it-about-content\">\n        <span class=\"it-eyebrow\">Simple and accessible<\/span>\n\n        <h2>Useful Islamic Tools Wherever You Are<\/h2>\n\n        <p>\n          Islamic Tools helps Muslims access useful worship tools in one\n          place. You can use the website at home, at work or while travelling.\n          It works on mobile phones, tablets and computers without requiring\n          an account.\n        <\/p>\n\n        <p>\n          Visitors can check calculated prayer times, find Qibla direction,\n          convert Islamic dates, estimate Zakat and use simple tools for\n          dhikr and daily worship.\n        <\/p>\n      <\/div>\n\n      <div class=\"it-feature-list\">\n\n        <div class=\"it-feature\">\n          <span class=\"it-feature-check\" aria-hidden=\"true\">\u2713<\/span>\n\n          <div>\n            <h3>Easy to Use<\/h3>\n\n            <p>\n              Clear controls and simple results without unnecessary steps.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"it-feature\">\n          <span class=\"it-feature-check\" aria-hidden=\"true\">\u2713<\/span>\n\n          <div>\n            <h3>Works on Mobile<\/h3>\n\n            <p>\n              Responsive pages designed for phones, tablets and computers.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"it-feature\">\n          <span class=\"it-feature-check\" aria-hidden=\"true\">\u2713<\/span>\n\n          <div>\n            <h3>Privacy-Friendly<\/h3>\n\n            <p>\n              Your calculator information is not saved by this website.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"it-section it-faq-section\">\n    <div class=\"it-wrap\">\n\n      <div class=\"it-section-heading\">\n        <span class=\"it-eyebrow\">Helpful information<\/span>\n\n        <h2>Frequently Asked Questions<\/h2>\n\n        <p>\n          Read important information about using our free Islamic tools.\n        <\/p>\n      <\/div>\n\n      <div class=\"it-faq-list\">\n\n        <details class=\"it-faq\">\n          <summary>Are these Islamic tools free?<\/summary>\n\n          <p>\n            Yes. The Prayer Times tool, Qibla finder, Hijri converter,\n            Zakat calculator, Tasbeeh counter and daily duas are free to use.\n          <\/p>\n        <\/details>\n\n        <details class=\"it-faq\">\n          <summary>Why can prayer times differ from my local mosque?<\/summary>\n\n          <p>\n            Prayer times can differ because calculation methods, location\n            settings and local authority adjustments are not always the same.\n            Confirm important times with your local mosque or official Islamic\n            authority.\n          <\/p>\n        <\/details>\n\n        <details class=\"it-faq\">\n          <summary>Why can the Hijri date differ by one day?<\/summary>\n\n          <p>\n            Online Hijri dates are usually calculated. The official Islamic\n            date may differ according to local moon sighting and the decision\n            of the responsible Islamic authority.\n          <\/p>\n        <\/details>\n\n        <details class=\"it-faq\">\n          <summary>Does the Zakat calculator give a final religious ruling?<\/summary>\n\n          <p>\n            No. It provides a basic estimate. For personal or complex Zakat\n            matters, consult a qualified Islamic scholar.\n          <\/p>\n        <\/details>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"it-section it-notice-section\">\n    <div class=\"it-wrap\">\n\n      <div class=\"it-note\">\n        <div class=\"it-note-icon\" aria-hidden=\"true\">\u2139\ufe0f<\/div>\n\n        <div>\n          <h2>Important Accuracy Note<\/h2>\n\n          <p>\n            Prayer times and Islamic dates may change according to location,\n            calculation method, moon sighting and official Islamic authorities.\n            Always confirm important times and dates with your local mosque or\n            responsible Islamic authority.\n          <\/p>\n\n          <a href=\"https:\/\/www.awqaf.gov.ae\/prayer-times?lang=en\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Check official UAE prayer timings \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd4c Free daily Islamic tools Free Islamic Tools for Muslims in the UAE and Worldwide Check prayer times, find the Qibla direction, convert Hijri dates, calculate Zakat, count Tasbeeh and read daily duas. All tools are free, simple and mobile-friendly. Check Prayer Times Find Qibla Direction Free to use No registration Mobile-friendly \ud83d\udd4c Prayer Times&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-226","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"kashi883@gmail.com","author_link":"https:\/\/oks.digital\/ar\/author\/kashi883gmail-com\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":2,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages\/226\/revisions\/230"}],"wp:attachment":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}