{"id":5832,"date":"2026-09-30T12:28:48","date_gmt":"2026-09-30T12:28:48","guid":{"rendered":"https:\/\/tervina-eg.com\/ar\/?page_id=5832"},"modified":"2026-10-11T11:00:56","modified_gmt":"2026-10-11T11:00:56","slug":"%d9%81%d8%b9%d9%84-%d8%a7%d9%84%d8%b6%d9%85%d8%a7%d9%86","status":"publish","type":"page","link":"https:\/\/tervina-eg.com\/ar\/%d9%81%d8%b9%d9%84-%d8%a7%d9%84%d8%b6%d9%85%d8%a7%d9%86\/","title":{"rendered":"\u0641\u0639\u0644 \u0627\u0644\u0636\u0645\u0627\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5832\" class=\"elementor elementor-5832\" data-elementor-settings=\"[]\">\n\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-element elementor-element-f5677ef elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"f5677ef\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div class=\"elementor-element elementor-element-603cbd2 elementor-column elementor-col-100 elementor-top-column\" data-id=\"603cbd2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efa33d3 elementor-widget elementor-widget-shortcode\" data-id=\"efa33d3\" 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\"><style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css');\r\n\r\n:root{\r\n  --tvn-blue:#07569A;\r\n  --tvn-blue-dark:#034B86;\r\n  --tvn-blue-light:#EAF5FF;\r\n  --tvn-text:#123A63;\r\n  --tvn-muted:#71849A;\r\n  --tvn-border:#DCE7F0\r\n}\r\n\r\n.tervina-activate-page{\r\n  width:100%;\r\n  min-height:100vh;\r\n  margin:0;\r\n  padding:0;\r\n  font-family:\"Cairo\",Arial,sans-serif;\r\n  color:var(--tvn-text);\r\n  background:#fff;\r\n  overflow:hidden;\r\n  line-height:1.6;\r\n  display:flex;\r\n  flex-direction:column\r\n}\r\n\r\n.tervina-activate-page *,\r\n.tervina-activate-page *::before,\r\n.tervina-activate-page *::after{\r\n  box-sizing:border-box\r\n}\r\n\r\n.tvn-hero{\r\n  width:100%;\r\n  aspect-ratio:2048\/768;\r\n  background:url(\"https:\/\/tervina-eg.com\/ar\/wp-content\/uploads\/2026\/09\/234.webp\") center\/cover\r\n}\r\n\r\n.tvn-main{\r\n  width:100%;\r\n  max-width:1150px;\r\n  margin:0 auto;\r\n  padding:38px 25px 45px;\r\n  flex:1 0 auto\r\n}\r\n\r\n.tvn-content{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);\r\n  gap:25px;\r\n  align-items:start\r\n}\r\n\r\n.tvn-form-card{\r\n  background:#fff;\r\n  border:1px solid var(--tvn-border);\r\n  border-radius:12px;\r\n  padding:28px 30px;\r\n  box-shadow:0 8px 30px rgba(24,71,110,.055)\r\n}\r\n\r\n.tvn-card-heading{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom:8px\r\n}\r\n\r\n.tvn-card-heading-icon{\r\n  width:43px;\r\n  height:43px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:10px;\r\n  background:var(--tvn-blue-light);\r\n  color:var(--tvn-blue);\r\n  font-size:21px\r\n}\r\n\r\n.tvn-card-heading h2{\r\n  margin:0;\r\n  font-size:21px;\r\n  color:var(--tvn-blue);\r\n  font-weight:800\r\n}\r\n\r\n.tvn-form-description{\r\n  color:var(--tvn-muted);\r\n  font-size:12px;\r\n  margin:0 0 23px;\r\n  line-height:1.9\r\n}\r\n\r\n.tvn-form-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:15px\r\n}\r\n\r\n.tvn-form-group{\r\n  display:flex;\r\n  flex-direction:column\r\n}\r\n\r\n.tvn-label{\r\n  color:#234A70;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  margin-bottom:7px\r\n}\r\n\r\n.tvn-required{\r\n  color:#D62929\r\n}\r\n\r\n.tvn-input,\r\n.tvn-select{\r\n  width:100%;\r\n  height:46px;\r\n  border:1px solid #D5E1EB;\r\n  border-radius:8px;\r\n  background:#fff;\r\n  padding:0 13px;\r\n  color:#284967;\r\n  font-family:\"Cairo\",Arial,sans-serif;\r\n  font-size:12px;\r\n  outline:none;\r\n  transition:.2s ease\r\n}\r\n\r\n.tvn-input::placeholder{\r\n  color:#A3B0BD\r\n}\r\n\r\n.tvn-input:focus,\r\n.tvn-select:focus{\r\n  border-color:#1682D0;\r\n  box-shadow:0 0 0 3px rgba(22,130,208,.08)\r\n}\r\n\r\n.tvn-whatsapp-notice{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:13px 15px;\r\n  margin:19px 0;\r\n  border-radius:9px;\r\n  background:#F1FBF5;\r\n  border:1px solid #D6F0E0\r\n}\r\n\r\n.tvn-whatsapp-notice-icon{\r\n  width:39px;\r\n  height:39px;\r\n  flex:0 0 39px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:50%;\r\n  background:#25D366;\r\n  color:#fff;\r\n  font-size:19px\r\n}\r\n\r\n.tvn-whatsapp-notice strong{\r\n  display:block;\r\n  color:#17633D;\r\n  font-size:12px;\r\n  margin-bottom:2px\r\n}\r\n\r\n.tvn-whatsapp-notice span{\r\n  display:block;\r\n  color:#5B7C69;\r\n  font-size:10px;\r\n  line-height:1.7\r\n}\r\n\r\n.tvn-attachments-title{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n  color:#234A70;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  margin-bottom:10px\r\n}\r\n\r\n.tvn-attachments-title i{\r\n  color:var(--tvn-blue)\r\n}\r\n\r\n.tvn-attachments{\r\n  display:block;\r\n  width:100%\r\n}\r\n\r\n.tvn-attachment-combined{\r\n  width:100%;\r\n  border:1px solid #D6E4EE;\r\n  background:#F9FCFF;\r\n  border-radius:10px;\r\n  padding:8px;\r\n  overflow:hidden\r\n}\r\n\r\n.tvn-combined-example{\r\n  width:100%;\r\n  aspect-ratio:613\/365;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#fff;\r\n  border-radius:7px;\r\n  overflow:hidden\r\n}\r\n\r\n.tvn-combined-example img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n  display:block\r\n}\r\n\r\n.tvn-combined-caption{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:7px;\r\n  margin-top:8px;\r\n  color:#245174;\r\n  font-size:11px;\r\n  font-weight:700\r\n}\r\n\r\n.tvn-combined-caption i{\r\n  color:var(--tvn-blue)\r\n}\r\n\r\n.tvn-upload-buttons{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:10px;\r\n  margin-bottom:12px\r\n}\r\n\r\n.tvn-upload-btn{\r\n  height:46px;\r\n  border:1.5px dashed var(--tvn-blue);\r\n  border-radius:8px;\r\n  background:var(--tvn-blue-light);\r\n  color:var(--tvn-blue);\r\n  font-family:\"Cairo\",Arial,sans-serif;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  transition:.2s ease\r\n}\r\n\r\n.tvn-upload-btn:hover{\r\n  background:#dcedfb\r\n}\r\n\r\n.tvn-upload-btn i{\r\n  margin-left:6px\r\n}\r\n\r\n.tvn-scan-status{\r\n  padding:10px 13px;\r\n  border-radius:8px;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  margin-bottom:12px\r\n}\r\n\r\n.tvn-scan-status.loading{\r\n  background:#EAF5FF;\r\n  color:var(--tvn-blue)\r\n}\r\n\r\n.tvn-scan-status.ok{\r\n  background:#F1FBF5;\r\n  color:#17633D;\r\n  border:1px solid #D6F0E0\r\n}\r\n\r\n.tvn-scan-status.fail{\r\n  background:#FFF6E5;\r\n  color:#8A5A00;\r\n  border:1px solid #F5E1B8\r\n}\r\n\r\n.tvn-previews{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fill,minmax(90px,1fr));\r\n  gap:10px;\r\n  margin-bottom:14px\r\n}\r\n\r\n.tvn-preview{\r\n  position:relative;\r\n  aspect-ratio:1;\r\n  border-radius:8px;\r\n  overflow:hidden;\r\n  border:1px solid var(--tvn-border);\r\n  background:#fff\r\n}\r\n\r\n.tvn-preview img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block\r\n}\r\n\r\n.tvn-preview button{\r\n  position:absolute;\r\n  top:4px;\r\n  left:4px;\r\n  width:22px;\r\n  height:22px;\r\n  border:0;\r\n  border-radius:50%;\r\n  background:rgba(0,0,0,.65);\r\n  color:#fff;\r\n  font-size:12px;\r\n  line-height:1;\r\n  cursor:pointer\r\n}\r\n\r\n.tvn-submit{\r\n  width:100%;\r\n  height:49px;\r\n  margin-top:18px;\r\n  border:0;\r\n  border-radius:8px;\r\n  background:var(--tvn-blue);\r\n  color:#fff;\r\n  font-family:\"Cairo\",Arial,sans-serif;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  transition:.25s ease\r\n}\r\n\r\n.tvn-submit:hover{\r\n  background:var(--tvn-blue-dark);\r\n  transform:translateY(-1px);\r\n  box-shadow:0 8px 20px rgba(7,86,154,.18)\r\n}\r\n\r\n.tvn-side{\r\n  background:#F5FAFE;\r\n  border-radius:12px;\r\n  border:1px solid #E1EDF6;\r\n  overflow:hidden\r\n}\r\n\r\n.tvn-side-section{\r\n  padding:27px 28px\r\n}\r\n\r\n.tvn-side-title{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:25px\r\n}\r\n\r\n.tvn-side-title-icon{\r\n  color:var(--tvn-blue);\r\n  font-size:24px\r\n}\r\n\r\n.tvn-side-title h2{\r\n  margin:0;\r\n  font-size:20px;\r\n  color:var(--tvn-blue);\r\n  font-weight:800\r\n}\r\n\r\n.tvn-step{\r\n  display:grid;\r\n  grid-template-columns:42px 1fr;\r\n  gap:14px;\r\n  align-items:start;\r\n  margin-bottom:24px\r\n}\r\n\r\n.tvn-step:last-of-type{\r\n  margin-bottom:0\r\n}\r\n\r\n.tvn-step-number{\r\n  width:38px;\r\n  height:38px;\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:var(--tvn-blue);\r\n  color:#fff;\r\n  font-size:14px;\r\n  font-weight:800;\r\n  position:relative\r\n}\r\n\r\n.tvn-step:not(:last-of-type) .tvn-step-number::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:2px;\r\n  height:30px;\r\n  top:38px;\r\n  right:18px;\r\n  background:#C8DDEE\r\n}\r\n\r\n.tvn-step-content{\r\n  position:relative;\r\n  padding-right:50px\r\n}\r\n\r\n.tvn-step-icon{\r\n  position:absolute;\r\n  right:0;\r\n  top:0;\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:50%;\r\n  background:#E1F1FF;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#0871BB;\r\n  font-size:17px\r\n}\r\n\r\n.tvn-step-content h3{\r\n  margin:3px 0;\r\n  font-size:13px;\r\n  color:#155083;\r\n  font-weight:800\r\n}\r\n\r\n.tvn-step-content p{\r\n  margin:0;\r\n  font-size:10px;\r\n  color:#6C8297;\r\n  line-height:1.8\r\n}\r\n\r\n.tvn-important{\r\n  margin-top:25px;\r\n  padding:18px;\r\n  border-radius:10px;\r\n  background:#E7F4FF;\r\n  border:1px solid #D2E9FA\r\n}\r\n\r\n.tvn-important-title{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  color:var(--tvn-blue);\r\n  font-size:13px;\r\n  font-weight:800;\r\n  margin-bottom:8px\r\n}\r\n\r\n.tvn-important ul{\r\n  margin:0;\r\n  padding:0 18px 0 0;\r\n  color:#416682;\r\n  font-size:10px;\r\n  line-height:2.1\r\n}\r\n\r\n.tvn-product{\r\n  border-top:1px solid #DCE9F2;\r\n  background:#fff;\r\n  padding:22px 28px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:22px\r\n}\r\n\r\n.tvn-product-image{\r\n  width:500px;\r\n  height:200px;\r\n  object-fit:contain;\r\n  display:block\r\n}\r\n\r\n.tvn-product-info{\r\n  flex:1\r\n}\r\n\r\n.tvn-product-brand{\r\n  color:var(--tvn-blue);\r\n  font-size:27px;\r\n  font-weight:800;\r\n  line-height:1\r\n}\r\n\r\n.tvn-product-subtitle{\r\n  color:#243D56;\r\n  font-size:9px;\r\n  margin:5px 0 14px\r\n}\r\n\r\n.tvn-product-info h3{\r\n  margin:0 0 7px;\r\n  color:#155083;\r\n  font-size:15px;\r\n  font-weight:800\r\n}\r\n\r\n.tvn-product-info ul{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0\r\n}\r\n\r\n.tvn-product-info li{\r\n  font-size:10px;\r\n  color:#557086;\r\n  margin-bottom:4px\r\n}\r\n\r\n.tvn-product-info li i{\r\n  color:#0D7BC4;\r\n  margin-left:5px\r\n}\r\n\r\n.tvn-service-bar{\r\n  width:calc(100% - 50px);\r\n  max-width:1150px;\r\n  margin:0 auto 42px;\r\n  padding:20px 28px;\r\n  background:#F0F8FE;\r\n  border:1px solid #DFEDF7;\r\n  border-radius:10px;\r\n  display:grid;\r\n  grid-template-columns:1.3fr 1fr 1fr 1fr;\r\n  align-items:center\r\n}\r\n\r\n.tvn-service-help{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px\r\n}\r\n\r\n.tvn-service-help-icon{\r\n  width:52px;\r\n  height:52px;\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#DDEFFF;\r\n  color:var(--tvn-blue);\r\n  font-size:23px\r\n}\r\n\r\n.tvn-service-help strong{\r\n  display:block;\r\n  color:var(--tvn-blue);\r\n  font-size:14px\r\n}\r\n\r\n.tvn-service-help span{\r\n  font-size:10px;\r\n  color:#71859A\r\n}\r\n\r\n.tvn-service-item{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  min-height:50px;\r\n  border-right:1px solid #D7E6F0\r\n}\r\n\r\n.tvn-service-item i{\r\n  width:40px;\r\n  height:40px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#E0F0FF;\r\n  border-radius:50%;\r\n  color:#086EBA;\r\n  font-size:17px\r\n}\r\n\r\n.tvn-service-item strong{\r\n  display:block;\r\n  color:#0B4E82;\r\n  font-size:12px\r\n}\r\n\r\n.tvn-service-item span{\r\n  display:block;\r\n  color:#71869B;\r\n  font-size:9px\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CAMERA MODAL\r\n===================================================== *\/\r\n\r\n.tvn-camera-modal{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:1000000;\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:15px;\r\n  background:rgba(2,18,32,.82);\r\n  backdrop-filter:blur(5px);\r\n  overflow:hidden\r\n}\r\n\r\n.tvn-camera-modal.active{\r\n  display:flex\r\n}\r\n\r\n.tvn-camera-box{\r\n  width:100%;\r\n  max-width:560px;\r\n  max-height:calc(100dvh - 30px);\r\n  background:#fff;\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  box-shadow:0 25px 80px rgba(0,0,0,.4);\r\n  animation:tvnCameraPop .22s ease;\r\n  display:flex;\r\n  flex-direction:column\r\n}\r\n\r\n@keyframes tvnCameraPop{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(15px) scale(.97)\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none\r\n  }\r\n}\r\n\r\n.tvn-camera-header{\r\n  min-height:58px;\r\n  height:58px;\r\n  flex:0 0 58px;\r\n  padding:12px 18px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  background:#07569A;\r\n  color:#fff\r\n}\r\n\r\n.tvn-camera-header-title{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  font-size:14px;\r\n  font-weight:800\r\n}\r\n\r\n.tvn-camera-close{\r\n  width:36px;\r\n  height:36px;\r\n  border:0;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.15);\r\n  color:#fff;\r\n  font-size:18px;\r\n  cursor:pointer;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center\r\n}\r\n\r\n.tvn-camera-view{\r\n  position:relative;\r\n  width:100%;\r\n  aspect-ratio:4\/3;\r\n  background:#07131D;\r\n  overflow:hidden;\r\n  flex:0 0 auto\r\n}\r\n\r\n.tvn-camera-video{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  background:#07131D\r\n}\r\n\r\n.tvn-camera-guide{\r\n  position:absolute;\r\n  left:14%;\r\n  right:14%;\r\n  top:15%;\r\n  bottom:15%;\r\n  border:2px solid rgba(255,255,255,.9);\r\n  border-radius:14px;\r\n  box-shadow:\r\n    0 0 0 9999px rgba(0,0,0,.20),\r\n    0 0 25px rgba(255,255,255,.18);\r\n  pointer-events:none\r\n}\r\n\r\n.tvn-camera-guide::before,\r\n.tvn-camera-guide::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:32px;\r\n  height:32px;\r\n  border-color:#25D366;\r\n  border-style:solid\r\n}\r\n\r\n.tvn-camera-guide::before{\r\n  top:-2px;\r\n  right:-2px;\r\n  border-width:4px 4px 0 0;\r\n  border-radius:0 10px 0 0\r\n}\r\n\r\n.tvn-camera-guide::after{\r\n  bottom:-2px;\r\n  left:-2px;\r\n  border-width:0 0 4px 4px;\r\n  border-radius:0 0 0 10px\r\n}\r\n\r\n.tvn-camera-guide-text{\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:5%;\r\n  transform:translateX(-50%);\r\n  width:90%;\r\n  text-align:center;\r\n  color:#fff;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  text-shadow:0 2px 6px rgba(0,0,0,.7);\r\n  pointer-events:none\r\n}\r\n\r\n.tvn-camera-status{\r\n  min-height:48px;\r\n  height:48px;\r\n  flex:0 0 48px;\r\n  padding:8px 15px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n  background:#F4F8FB;\r\n  color:#48657D;\r\n  font-size:11px;\r\n  font-weight:600\r\n}\r\n\r\n.tvn-camera-actions{\r\n  flex:0 0 auto;\r\n  display:flex;\r\n  gap:10px;\r\n  padding:12px 15px;\r\n  background:#fff\r\n}\r\n\r\n.tvn-camera-action{\r\n  flex:1;\r\n  height:46px;\r\n  border:0;\r\n  border-radius:9px;\r\n  font-family:\"Cairo\",Arial,sans-serif;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  transition:.2s ease\r\n}\r\n\r\n.tvn-camera-capture{\r\n  background:#07569A;\r\n  color:#fff\r\n}\r\n\r\n.tvn-camera-capture:hover{\r\n  background:#034B86\r\n}\r\n\r\n.tvn-camera-cancel{\r\n  background:#EEF2F5;\r\n  color:#526779\r\n}\r\n\r\n.tvn-camera-cancel:hover{\r\n  background:#E4E9ED\r\n}\r\n\r\n.tvn-camera-switch{\r\n  flex:0 0 46px;\r\n  width:46px;\r\n  height:46px;\r\n  border:0;\r\n  border-radius:9px;\r\n  background:#EAF5FF;\r\n  color:#07569A;\r\n  font-size:16px;\r\n  cursor:pointer\r\n}\r\n\r\n.tvn-camera-switch:hover{\r\n  background:#DCEEFF\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   WHATSAPP MODAL\r\n===================================================== *\/\r\n\r\n.tvn-modal{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:999999;\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:20px;\r\n  background:rgba(5,27,48,.65);\r\n  backdrop-filter:blur(4px)\r\n}\r\n\r\n.tvn-modal.active{\r\n  display:flex\r\n}\r\n\r\n.tvn-modal-box{\r\n  width:100%;\r\n  max-width:460px;\r\n  background:#fff;\r\n  border-radius:18px;\r\n  padding:30px;\r\n  text-align:center;\r\n  box-shadow:0 25px 70px rgba(0,0,0,.25);\r\n  animation:tvnPop .25s ease\r\n}\r\n\r\n@keyframes tvnPop{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(15px) scale(.97)\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none\r\n  }\r\n}\r\n\r\n.tvn-modal-icon{\r\n  width:65px;\r\n  height:65px;\r\n  margin:0 auto 15px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:50%;\r\n  background:#EAF9F0;\r\n  color:#25D366;\r\n  font-size:29px\r\n}\r\n\r\n.tvn-modal-box h3{\r\n  margin:0 0 9px;\r\n  color:#17466E;\r\n  font-size:20px;\r\n  font-weight:800\r\n}\r\n\r\n.tvn-modal-box p{\r\n  margin:0 0 22px;\r\n  color:#6C7F91;\r\n  font-size:12px;\r\n  line-height:2\r\n}\r\n\r\n.tvn-modal-box strong{\r\n  color:var(--tvn-blue)\r\n}\r\n\r\n.tvn-modal-buttons{\r\n  display:flex;\r\n  gap:10px\r\n}\r\n\r\n.tvn-modal-buttons button{\r\n  flex:1;\r\n  height:46px;\r\n  border:0;\r\n  border-radius:8px;\r\n  font-family:\"Cairo\",Arial,sans-serif;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  cursor:pointer\r\n}\r\n\r\n.tvn-modal-continue{\r\n  background:#25D366;\r\n  color:#fff\r\n}\r\n\r\n.tvn-modal-close{\r\n  background:#EEF2F5;\r\n  color:#526779\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .tvn-content{\r\n    grid-template-columns:1fr\r\n  }\r\n\r\n  .tvn-service-bar{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:15px;\r\n    margin-left:20px;\r\n    margin-right:20px\r\n  }\r\n\r\n  .tvn-service-item{\r\n    border-right:0\r\n  }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .tvn-main{\r\n    padding:25px 13px\r\n  }\r\n\r\n  .tvn-form-card{\r\n    padding:22px 17px\r\n  }\r\n\r\n  .tvn-form-grid,\r\n  .tvn-upload-buttons{\r\n    grid-template-columns:1fr\r\n  }\r\n\r\n  .tvn-product{\r\n    flex-direction:column;\r\n    text-align:center\r\n  }\r\n\r\n  .tvn-product-image{\r\n    width:350px;\r\n    height:250px\r\n  }\r\n\r\n  .tvn-service-bar{\r\n    width:calc(100% - 26px);\r\n    margin:0 13px 30px;\r\n    grid-template-columns:1fr;\r\n    padding:20px\r\n  }\r\n\r\n  .tvn-service-item{\r\n    justify-content:flex-start;\r\n    border-top:1px solid #DCE9F2;\r\n    padding-top:12px\r\n  }\r\n\r\n  .tvn-modal-buttons{\r\n    flex-direction:column\r\n  }\r\n\r\n  .tvn-footer,\r\n  .tvn-footer-content{\r\n    min-height:125px\r\n  }\r\n\r\n  .tvn-footer-trust{\r\n    gap:10px;\r\n    font-size:10px;\r\n    text-align:center\r\n  }\r\n\r\n  .tvn-footer-en{\r\n    font-size:9px\r\n  }\r\n\r\n\r\n  \/* ============================\r\n     CAMERA MOBILE FIX\r\n  ============================ *\/\r\n\r\n  .tvn-camera-modal{\r\n    padding:0;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n\r\n  .tvn-camera-box{\r\n    width:100%;\r\n    height:100dvh;\r\n    max-height:100dvh;\r\n    border-radius:0;\r\n    display:flex;\r\n    flex-direction:column;\r\n  }\r\n\r\n  .tvn-camera-header{\r\n    height:56px;\r\n    min-height:56px;\r\n    flex:0 0 56px;\r\n  }\r\n\r\n  .tvn-camera-view{\r\n    width:100%;\r\n    height:auto;\r\n    aspect-ratio:4\/3;\r\n    max-height:none;\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .tvn-camera-guide{\r\n    left:12%;\r\n    right:12%;\r\n    top:13%;\r\n    bottom:13%;\r\n  }\r\n\r\n  .tvn-camera-guide-text{\r\n    bottom:4%;\r\n    width:90%;\r\n    font-size:10px;\r\n  }\r\n\r\n  .tvn-camera-status{\r\n    height:48px;\r\n    min-height:48px;\r\n    flex:0 0 48px;\r\n    padding:6px 12px;\r\n    font-size:11px;\r\n  }\r\n\r\n  .tvn-camera-actions{\r\n    height:72px;\r\n    min-height:72px;\r\n    flex:0 0 72px;\r\n    padding:10px 14px;\r\n    padding-bottom:max(10px,env(safe-area-inset-bottom));\r\n  }\r\n\r\n  .tvn-camera-action{\r\n    height:46px;\r\n  }\r\n\r\n  .tvn-camera-switch{\r\n    height:46px;\r\n    width:46px;\r\n    flex:0 0 46px;\r\n  }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SHORT MOBILE SCREENS\r\n===================================================== *\/\r\n\r\n@media(max-width:600px) and (max-height:700px){\r\n\r\n  .tvn-camera-header{\r\n    height:50px;\r\n    min-height:50px;\r\n    flex-basis:50px;\r\n  }\r\n\r\n  .tvn-camera-view{\r\n    aspect-ratio:16\/10;\r\n  }\r\n\r\n  .tvn-camera-status{\r\n    height:42px;\r\n    min-height:42px;\r\n    flex-basis:42px;\r\n    font-size:10px;\r\n  }\r\n\r\n  .tvn-camera-actions{\r\n    height:66px;\r\n    min-height:66px;\r\n    flex-basis:66px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"tervina-activate-page\" dir=\"rtl\">\r\n\r\n<section class=\"tvn-hero\"><\/section>\r\n\r\n\r\n<main class=\"tvn-main\">\r\n\r\n<div class=\"tvn-content\">\r\n\r\n\r\n<!-- =========================\r\n     SIDE\r\n========================= -->\r\n\r\n<aside class=\"tvn-side\">\r\n\r\n<div class=\"tvn-side-section\">\r\n\r\n<div class=\"tvn-side-title\">\r\n<i class=\"fa-solid fa-shield-halved tvn-side-title-icon\"><\/i>\r\n<h2>\u062e\u0637\u0648\u0627\u062a \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0636\u0645\u0627\u0646<\/h2>\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-step\">\r\n\r\n<div class=\"tvn-step-number\">1<\/div>\r\n\r\n<div class=\"tvn-step-content\">\r\n\r\n<div class=\"tvn-step-icon\">\r\n<i class=\"fa-solid fa-user-pen\"><\/i>\r\n<\/div>\r\n\r\n<h3>\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643<\/h3>\r\n\r\n<p>\r\n\u0642\u0645 \u0628\u0645\u0644\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-step\">\r\n\r\n<div class=\"tvn-step-number\">2<\/div>\r\n\r\n<div class=\"tvn-step-content\">\r\n\r\n<div class=\"tvn-step-icon\">\r\n<i class=\"fa-brands fa-whatsapp\"><\/i>\r\n<\/div>\r\n\r\n<h3>\u0623\u0631\u0633\u0644 \u0635\u0648\u0631 \u0627\u0644\u0645\u0646\u062a\u062c<\/h3>\r\n\r\n<p>\r\n\u0642\u0645 \u0628\u0625\u0631\u0633\u0627\u0644 \u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 WhatsApp.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-step\">\r\n\r\n<div class=\"tvn-step-number\">3<\/div>\r\n\r\n<div class=\"tvn-step-content\">\r\n\r\n<div class=\"tvn-step-icon\">\r\n<i class=\"fa-solid fa-circle-check\"><\/i>\r\n<\/div>\r\n\r\n<h3>\u062a\u0623\u0643\u064a\u062f \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0636\u0645\u0627\u0646<\/h3>\r\n\r\n<p>\r\n\u0633\u064a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0641\u0639\u064a\u0644.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-important\">\r\n\r\n<div class=\"tvn-important-title\">\r\n\r\n<i class=\"fa-solid fa-circle-exclamation\"><\/i>\r\n\r\n\u062e\u0637\u0648\u0627\u062a \u0645\u0647\u0645\u0629\r\n\r\n<\/div>\r\n\r\n<ul>\r\n\r\n<li>\r\n\u062a\u0623\u0643\u062f \u0645\u0646 \u0635\u062d\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u062e\u0644\u0629.\r\n<\/li>\r\n\r\n<li>\r\n\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0635\u0648\u0631 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629 \u0648\u0627\u0636\u062d\u0629.\r\n<\/li>\r\n\r\n<li>\r\n\u064a\u0631\u062c\u0649 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0635\u0648\u0631 \u062f\u0627\u062e\u0644 WhatsApp \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644.\r\n<\/li>\r\n\r\n<\/ul>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-product\">\r\n\r\n<img\r\nclass=\"tvn-product-image\"\r\nsrc=\"https:\/\/tervina-eg.com\/ar\/wp-content\/uploads\/2026\/10\/Warranty-Backed-Industrial-Pump-Showcase.png\"\r\nalt=\"\u0645\u0646\u062a\u062c Tervina\">\r\n\r\n\r\n\r\n<\/aside>\r\n\r\n\r\n<!-- =========================\r\n     FORM\r\n========================= -->\r\n\r\n<section class=\"tvn-form-card\">\r\n\r\n<div class=\"tvn-card-heading\">\r\n\r\n<div class=\"tvn-card-heading-icon\">\r\n<i class=\"fa-solid fa-file-signature\"><\/i>\r\n<\/div>\r\n\r\n<h2>\r\n\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0636\u0645\u0627\u0646\r\n<\/h2>\r\n\r\n<\/div>\r\n\r\n\r\n<p class=\"tvn-form-description\">\r\n\u064a\u0631\u062c\u0649 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0628\u062f\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0636\u0645\u0627\u0646 \u0628\u0646\u062c\u0627\u062d.\r\n<\/p>\r\n\r\n\r\n<form id=\"tvnWarrantyForm\">\r\n\r\n\r\n<div class=\"tvn-form-grid\">\r\n\r\n\r\n<div class=\"tvn-form-group\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnOwnerName\">\r\n\r\n\u0627\u0633\u0645 \u0627\u0644\u0645\u0627\u0644\u0643\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<input\r\nclass=\"tvn-input\"\r\ntype=\"text\"\r\nid=\"tvnOwnerName\"\r\nplaceholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0627\u0644\u0643\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-form-group\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnOwnerPhone\">\r\n\r\n\u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<input\r\nclass=\"tvn-input\"\r\ntype=\"tel\"\r\nid=\"tvnOwnerPhone\"\r\nplaceholder=\"\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-form-group\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnTechnicianName\">\r\n\r\n\u0627\u0633\u0645 \u0627\u0644\u0641\u0646\u064a\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<input\r\nclass=\"tvn-input\"\r\ntype=\"text\"\r\nid=\"tvnTechnicianName\"\r\nplaceholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0641\u0646\u064a\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-form-group\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnTechnicianPhone\">\r\n\r\n\u0631\u0642\u0645 \u062a\u0644\u064a\u0641\u0648\u0646 \u0627\u0644\u0641\u0646\u064a\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<input\r\nclass=\"tvn-input\"\r\ntype=\"tel\"\r\nid=\"tvnTechnicianPhone\"\r\nplaceholder=\"\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u062a\u0644\u064a\u0641\u0648\u0646 \u0627\u0644\u0641\u0646\u064a\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-form-group\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnGovernorate\">\r\n\r\n\u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<select\r\nclass=\"tvn-select\"\r\nid=\"tvnGovernorate\"\r\nrequired>\r\n\r\n<option value=\"\">\r\n\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629\r\n<\/option>\r\n\r\n<option>\u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/option>\r\n<option>\u0627\u0644\u062c\u064a\u0632\u0629<\/option>\r\n<option>\u0627\u0644\u0642\u0644\u064a\u0648\u0628\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u0625\u0633\u0643\u0646\u062f\u0631\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u062f\u0642\u0647\u0644\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u0634\u0631\u0642\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u063a\u0631\u0628\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u0645\u0646\u0648\u0641\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u0628\u062d\u064a\u0631\u0629<\/option>\r\n<option>\u0643\u0641\u0631 \u0627\u0644\u0634\u064a\u062e<\/option>\r\n<option>\u062f\u0645\u064a\u0627\u0637<\/option>\r\n<option>\u0628\u0648\u0631\u0633\u0639\u064a\u062f<\/option>\r\n<option>\u0627\u0644\u0625\u0633\u0645\u0627\u0639\u064a\u0644\u064a\u0629<\/option>\r\n<option>\u0627\u0644\u0633\u0648\u064a\u0633<\/option>\r\n<option>\u0627\u0644\u0641\u064a\u0648\u0645<\/option>\r\n<option>\u0628\u0646\u064a \u0633\u0648\u064a\u0641<\/option>\r\n<option>\u0627\u0644\u0645\u0646\u064a\u0627<\/option>\r\n<option>\u0623\u0633\u064a\u0648\u0637<\/option>\r\n<option>\u0633\u0648\u0647\u0627\u062c<\/option>\r\n<option>\u0642\u0646\u0627<\/option>\r\n<option>\u0627\u0644\u0623\u0642\u0635\u0631<\/option>\r\n<option>\u0623\u0633\u0648\u0627\u0646<\/option>\r\n<option>\u0645\u0637\u0631\u0648\u062d<\/option>\r\n<option>\u0627\u0644\u0648\u0627\u062f\u064a \u0627\u0644\u062c\u062f\u064a\u062f<\/option>\r\n<option>\u0634\u0645\u0627\u0644 \u0633\u064a\u0646\u0627\u0621<\/option>\r\n<option>\u062c\u0646\u0648\u0628 \u0633\u064a\u0646\u0627\u0621<\/option>\r\n\r\n<\/select>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-form-group\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnCenter\">\r\n\r\n\u0627\u0644\u0645\u0631\u0643\u0632\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<input\r\nclass=\"tvn-input\"\r\ntype=\"text\"\r\nid=\"tvnCenter\"\r\nplaceholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0631\u0643\u0632\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\nclass=\"tvn-form-group\"\r\nstyle=\"grid-column:1 \/ -1;\">\r\n\r\n<label\r\nclass=\"tvn-label\"\r\nfor=\"tvnSerial\">\r\n\r\n\u0627\u0644\u0633\u0631\u064a\u0627\u0644\r\n<span class=\"tvn-required\">*<\/span>\r\n\r\n<\/label>\r\n\r\n<input\r\nclass=\"tvn-input\"\r\ntype=\"text\"\r\nid=\"tvnSerial\"\r\nplaceholder=\"\u064a\u062a\u0645 \u0643\u062a\u0627\u0628\u062a\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0645\u0646 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u0623\u0648 \u0627\u0643\u062a\u0628\u0647 \u064a\u062f\u0648\u064a\u064b\u0627\"\r\nrequired\r\ndir=\"ltr\"\r\nstyle=\"text-align:right;\">\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<!-- ATTACHMENTS -->\r\n\r\n<div class=\"tvn-attachments-title\">\r\n\r\n<i class=\"fa-solid fa-camera\"><\/i>\r\n\r\n\u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-upload-buttons\">\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-upload-btn\"\r\nid=\"tvnCameraBtn\">\r\n\r\n<i class=\"fa-solid fa-camera\"><\/i>\r\n\r\n\u0627\u0644\u062a\u0642\u0627\u0637 \u0628\u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-upload-btn\"\r\nid=\"tvnGalleryBtn\">\r\n\r\n<i class=\"fa-solid fa-image\"><\/i>\r\n\r\n\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- GALLERY -->\r\n\r\n<input\r\ntype=\"file\"\r\nid=\"tvnGalleryInput\"\r\naccept=\"image\/*\"\r\nmultiple\r\nhidden>\r\n\r\n\r\n<!-- STATUS -->\r\n\r\n<div\r\nclass=\"tvn-scan-status\"\r\nid=\"tvnScanStatus\"\r\nhidden>\r\n<\/div>\r\n\r\n\r\n<!-- PREVIEWS -->\r\n\r\n<div\r\nclass=\"tvn-previews\"\r\nid=\"tvnPreviews\">\r\n<\/div>\r\n\r\n\r\n<!-- BARCODE HOLDER -->\r\n\r\n<div\r\nid=\"tvnScanHolder\"\r\nstyle=\"position:absolute;left:-9999px;top:0;width:300px;\">\r\n<\/div>\r\n\r\n\r\n<!-- EXAMPLE -->\r\n\r\n<div class=\"tvn-attachments\">\r\n\r\n<div class=\"tvn-attachment-combined\">\r\n\r\n<div class=\"tvn-combined-example\">\r\n\r\n<img\r\nsrc=\"https:\/\/tervina-eg.com\/ar\/wp-content\/uploads\/2026\/09\/Screenshot-2026-08-11-112659-e1789637532909.png\"\r\nalt=\"\u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629\">\r\n\r\n<\/div>\r\n\r\n<div class=\"tvn-combined-caption\">\r\n\r\n<i class=\"fa-solid fa-circle-info\"><\/i>\r\n\r\n\u0635\u0648\u0631\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u0644\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- SUBMIT -->\r\n\r\n<button\r\ntype=\"submit\"\r\nclass=\"tvn-submit\">\r\n\r\n<i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\r\n\r\n<\/button>\r\n\r\n\r\n<\/form>\r\n\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<!-- =========================\r\n     SERVICE BAR\r\n========================= -->\r\n\r\n<div class=\"tvn-service-bar\">\r\n\r\n\r\n<div class=\"tvn-service-help\">\r\n\r\n<div class=\"tvn-service-help-icon\">\r\n<i class=\"fa-solid fa-headset\"><\/i>\r\n<\/div>\r\n\r\n<div>\r\n\r\n<strong>\r\n\u0645\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629\u061f\r\n<\/strong>\r\n\r\n<span>\r\n\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-service-item\">\r\n\r\n<i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n<div>\r\n\r\n<strong>\r\n19301\r\n<\/strong>\r\n\r\n<span>\r\n\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u062a\u0631\u0641\u064a\u0646\u0627\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-service-item\">\r\n\r\n<i class=\"fa-solid fa-shield-halved\"><\/i>\r\n\r\n<div>\r\n\r\n<strong>\r\n\u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0648\u0642\r\n<\/strong>\r\n\r\n<span>\r\n\u062d\u0645\u0627\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0645\u0646\u062a\u062c\u0643\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"tvn-service-item\">\r\n\r\n<i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n\r\n<div>\r\n\r\n<strong>\r\n\u0645\u0631\u0627\u0643\u0632 \u062e\u062f\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\r\n<\/strong>\r\n\r\n<span>\r\n\u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u062a\u062e\u0635\u0635\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     CAMERA MODAL\r\n===================================================== -->\r\n\r\n<div\r\nclass=\"tvn-camera-modal\"\r\nid=\"tvnCameraModal\">\r\n\r\n\r\n<div class=\"tvn-camera-box\">\r\n\r\n\r\n<div class=\"tvn-camera-header\">\r\n\r\n\r\n<div class=\"tvn-camera-header-title\">\r\n\r\n<i class=\"fa-solid fa-camera\"><\/i>\r\n\r\n<span>\r\n\u0627\u0644\u062a\u0642\u0627\u0637 \u0635\u0648\u0631\u0629\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-camera-close\"\r\nid=\"tvnCameraClose\">\r\n\r\n<i class=\"fa-solid fa-xmark\"><\/i>\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\nclass=\"tvn-camera-view\"\r\nid=\"tvnCameraView\">\r\n\r\n\r\n<video\r\nid=\"tvnCameraVideo\"\r\nclass=\"tvn-camera-video\"\r\nautoplay\r\nplaysinline\r\nmuted>\r\n<\/video>\r\n\r\n\r\n<div\r\nclass=\"tvn-camera-guide\">\r\n<\/div>\r\n\r\n\r\n<div\r\nclass=\"tvn-camera-guide-text\">\r\n\r\n\u0636\u0639 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0623\u0648 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u0625\u0637\u0627\u0631 \u062b\u0645 \u0627\u0636\u063a\u0637 \u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u0635\u0648\u0631\u0629\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\nclass=\"tvn-camera-status\"\r\nid=\"tvnCameraStatus\">\r\n\r\n\u062c\u0627\u0631\u064a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627...\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\nclass=\"tvn-camera-actions\">\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-camera-action tvn-camera-cancel\"\r\nid=\"tvnCameraCancel\">\r\n\r\n\u0631\u062c\u0648\u0639\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-camera-switch\"\r\nid=\"tvnCameraSwitch\"\r\ntitle=\"\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627\">\r\n\r\n<i class=\"fa-solid fa-camera-rotate\"><\/i>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-camera-action tvn-camera-capture\"\r\nid=\"tvnCameraCapture\">\r\n\r\n<i class=\"fa-solid fa-camera\"><\/i>\r\n\r\n\u0627\u0644\u062a\u0642\u0627\u0637\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     WHATSAPP MODAL\r\n===================================================== -->\r\n\r\n<div\r\nclass=\"tvn-modal\"\r\nid=\"tvnModal\">\r\n\r\n\r\n<div class=\"tvn-modal-box\">\r\n\r\n\r\n<div class=\"tvn-modal-icon\">\r\n\r\n<i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n<\/div>\r\n\r\n\r\n<h3>\r\n\u062e\u0637\u0648\u0629 \u0623\u062e\u064a\u0631\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\n\u0645\u0646 \u0641\u0636\u0644\u0643 \u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u062c\u0647\u064a\u0632:<br>\r\n\r\n<strong>\r\n\u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0648\u0632\u062a\u0647\r\n<\/strong>\r\n\r\n\u0648\r\n\r\n<strong>\r\n\u0635\u0648\u0631\u0629 \u0627\u0644\u0642\u0635\u0639\u0629\r\n<\/strong>\r\n\r\n<br><br>\r\n\r\n\u0628\u0639\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649\r\n\r\n<strong>\r\n\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u0644\u0649 WhatsApp\r\n<\/strong>\r\n\r\n\u0633\u064a\u062a\u0645 \u0641\u062a\u062d \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u062e\u0644\u0629.\r\n\u0642\u0645 \u0628\u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0635\u0648\u0631\u062a\u064a\u0646 \u062b\u0645 \u0627\u0636\u063a\u0637 \u0625\u0631\u0633\u0627\u0644.\r\n\r\n<\/p>\r\n\r\n\r\n<div class=\"tvn-modal-buttons\">\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-modal-continue\"\r\nid=\"tvnContinueWhatsapp\">\r\n\r\n\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u0644\u0649 WhatsApp\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\ntype=\"button\"\r\nclass=\"tvn-modal-close\"\r\nid=\"tvnCloseWhatsapp\">\r\n\r\n\u0631\u062c\u0648\u0639\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n\/* =====================================================\r\n   SETTINGS\r\n===================================================== *\/\r\n\r\nvar WA_NUMBER = '20XXXXXXXXXX';\r\n\r\n\r\nvar $ = function(id){\r\n  return document.getElementById(id);\r\n};\r\n\r\n\r\n\/* =====================================================\r\n   ELEMENTS\r\n===================================================== *\/\r\n\r\nvar galleryInput =\r\n  $('tvnGalleryInput');\r\n\r\nvar previews =\r\n  $('tvnPreviews');\r\n\r\nvar statusBox =\r\n  $('tvnScanStatus');\r\n\r\nvar serialInput =\r\n  $('tvnSerial');\r\n\r\nvar form =\r\n  $('tvnWarrantyForm');\r\n\r\nvar modal =\r\n  $('tvnModal');\r\n\r\n\r\n\/* CAMERA *\/\r\n\r\nvar cameraModal =\r\n  $('tvnCameraModal');\r\n\r\nvar cameraVideo =\r\n  $('tvnCameraVideo');\r\n\r\nvar cameraStatus =\r\n  $('tvnCameraStatus');\r\n\r\nvar cameraStream =\r\n  null;\r\n\r\nvar currentFacingMode =\r\n  'environment';\r\n\r\n\r\n\/* IMAGES *\/\r\n\r\nvar images = [];\r\n\r\n\r\n\/* =====================================================\r\n   CAMERA BUTTON\r\n===================================================== *\/\r\n\r\n$('tvnCameraBtn').onclick =\r\n  function(){\r\n\r\n    openCamera();\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   GALLERY BUTTON\r\n===================================================== *\/\r\n\r\n$('tvnGalleryBtn').onclick =\r\n  function(){\r\n\r\n    galleryInput.click();\r\n\r\n  };\r\n\r\n\r\ngalleryInput.onchange =\r\n  function(){\r\n\r\n    handleFiles(this);\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   OPEN CAMERA\r\n===================================================== *\/\r\n\r\nasync function openCamera(){\r\n\r\n  cameraModal.classList.add('active');\r\n\r\n  cameraStatus.textContent =\r\n    '\u062c\u0627\u0631\u064a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627...';\r\n\r\n\r\n  try{\r\n\r\n    await startCamera();\r\n\r\n  }catch(error){\r\n\r\n    console.error(error);\r\n\r\n    cameraStatus.textContent =\r\n      '\u0644\u0645 \u0646\u062a\u0645\u0643\u0646 \u0645\u0646 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627. \u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627.';\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   START CAMERA\r\n===================================================== *\/\r\n\r\nasync function startCamera(){\r\n\r\n  stopCamera();\r\n\r\n\r\n  if(\r\n    !navigator.mediaDevices ||\r\n    !navigator.mediaDevices.getUserMedia\r\n  ){\r\n\r\n    throw new Error(\r\n      'Camera API is not supported'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  cameraStream =\r\n    await navigator.mediaDevices.getUserMedia({\r\n\r\n      video:{\r\n\r\n        facingMode:{\r\n          ideal:currentFacingMode\r\n        },\r\n\r\n        width:{\r\n          ideal:1920\r\n        },\r\n\r\n        height:{\r\n          ideal:1080\r\n        }\r\n\r\n      },\r\n\r\n      audio:false\r\n\r\n    });\r\n\r\n\r\n  cameraVideo.srcObject =\r\n    cameraStream;\r\n\r\n\r\n  await cameraVideo.play();\r\n\r\n\r\n  cameraStatus.textContent =\r\n    '\u0648\u062c\u0651\u0647 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627 \u0646\u062d\u0648 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0623\u0648 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u062b\u0645 \u0627\u0636\u063a\u0637 \u0627\u0644\u062a\u0642\u0627\u0637.';\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STOP CAMERA\r\n===================================================== *\/\r\n\r\nfunction stopCamera(){\r\n\r\n  if(cameraStream){\r\n\r\n    cameraStream\r\n      .getTracks()\r\n      .forEach(function(track){\r\n\r\n        track.stop();\r\n\r\n      });\r\n\r\n    cameraStream = null;\r\n\r\n  }\r\n\r\n\r\n  cameraVideo.srcObject =\r\n    null;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CLOSE CAMERA\r\n===================================================== *\/\r\n\r\nfunction closeCamera(){\r\n\r\n  stopCamera();\r\n\r\n  cameraModal.classList.remove(\r\n    'active'\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CLOSE CAMERA BUTTON\r\n===================================================== *\/\r\n\r\n$('tvnCameraClose').onclick =\r\n  function(){\r\n\r\n    closeCamera();\r\n\r\n  };\r\n\r\n\r\n$('tvnCameraCancel').onclick =\r\n  function(){\r\n\r\n    closeCamera();\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   SWITCH CAMERA\r\n===================================================== *\/\r\n\r\n$('tvnCameraSwitch').onclick =\r\n  async function(){\r\n\r\n    currentFacingMode =\r\n      currentFacingMode === 'environment'\r\n      ? 'user'\r\n      : 'environment';\r\n\r\n\r\n    cameraStatus.textContent =\r\n      '\u062c\u0627\u0631\u064a \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627...';\r\n\r\n\r\n    try{\r\n\r\n      await startCamera();\r\n\r\n    }catch(error){\r\n\r\n      console.error(error);\r\n\r\n      cameraStatus.textContent =\r\n        '\u062a\u0639\u0630\u0631 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627.';\r\n\r\n    }\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   CAPTURE PHOTO\r\n===================================================== *\/\r\n\r\n$('tvnCameraCapture').onclick =\r\n  async function(){\r\n\r\n\r\n    if(\r\n      !cameraStream ||\r\n      !cameraVideo.videoWidth\r\n    ){\r\n\r\n      cameraStatus.textContent =\r\n        '\u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627 \u0644\u0645 \u062a\u062c\u0647\u0632 \u0628\u0639\u062f.';\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    var canvas =\r\n      document.createElement(\r\n        'canvas'\r\n      );\r\n\r\n\r\n    var videoWidth =\r\n      cameraVideo.videoWidth;\r\n\r\n    var videoHeight =\r\n      cameraVideo.videoHeight;\r\n\r\n\r\n    canvas.width =\r\n      videoWidth;\r\n\r\n    canvas.height =\r\n      videoHeight;\r\n\r\n\r\n    var ctx =\r\n      canvas.getContext(\r\n        '2d',\r\n        {\r\n          alpha:false\r\n        }\r\n      );\r\n\r\n\r\n    ctx.drawImage(\r\n      cameraVideo,\r\n      0,\r\n      0,\r\n      videoWidth,\r\n      videoHeight\r\n    );\r\n\r\n\r\n    cameraStatus.textContent =\r\n      '\u062c\u0627\u0631\u064a \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0635\u0648\u0631\u0629...';\r\n\r\n\r\n    canvas.toBlob(\r\n\r\n      async function(blob){\r\n\r\n\r\n        if(!blob){\r\n\r\n          cameraStatus.textContent =\r\n            '\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u0635\u0648\u0631\u0629.';\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        var file =\r\n          new File(\r\n\r\n            [blob],\r\n\r\n            'camera-' +\r\n            Date.now() +\r\n            '.jpg',\r\n\r\n            {\r\n              type:'image\/jpeg'\r\n            }\r\n\r\n          );\r\n\r\n\r\n        closeCamera();\r\n\r\n\r\n        await addCapturedImage(\r\n          file\r\n        );\r\n\r\n\r\n      },\r\n\r\n      'image\/jpeg',\r\n\r\n      0.92\r\n\r\n    );\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   ADD CAMERA IMAGE\r\n===================================================== *\/\r\n\r\nasync function addCapturedImage(file){\r\n\r\n\r\n  images.push({\r\n\r\n    file:file,\r\n\r\n    url:URL.createObjectURL(\r\n      file\r\n    )\r\n\r\n  });\r\n\r\n\r\n  renderPreviews();\r\n\r\n\r\n  setStatus(\r\n    'loading',\r\n    '\u062c\u0627\u0631\u064a \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629...'\r\n  );\r\n\r\n\r\n  try{\r\n\r\n    var serial =\r\n      await decodeBarcode(\r\n        file\r\n      );\r\n\r\n\r\n    if(serial){\r\n\r\n      serial =\r\n        String(serial)\r\n        .replace(\/\\s+\/g,'')\r\n        .trim();\r\n\r\n\r\n      serialInput.value =\r\n        serial;\r\n\r\n\r\n      setStatus(\r\n        'ok',\r\n        '\u062a\u0645 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0633\u0631\u064a\u0627\u0644: ' +\r\n        serial\r\n      );\r\n\r\n    }else{\r\n\r\n      setStatus(\r\n        'fail',\r\n        '\u0645\u0642\u062f\u0631\u0646\u0627\u0634 \u0646\u0642\u0631\u0623 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f. \u062c\u0631\u0651\u0628 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0648\u0642\u0631\u064a\u0628\u0629\u060c \u0623\u0648 \u0627\u0643\u062a\u0628 \u0627\u0644\u0633\u0631\u064a\u0627\u0644 \u064a\u062f\u0648\u064a\u064b\u0627.'\r\n      );\r\n\r\n    }\r\n\r\n  }catch(e){\r\n\r\n    console.error(e);\r\n\r\n    setStatus(\r\n      'fail',\r\n      '\u0645\u0642\u062f\u0631\u0646\u0627\u0634 \u0646\u0642\u0631\u0623 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f. \u062c\u0631\u0651\u0628 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0648\u0642\u0631\u064a\u0628\u0629\u060c \u0623\u0648 \u0627\u0643\u062a\u0628 \u0627\u0644\u0633\u0631\u064a\u0627\u0644 \u064a\u062f\u0648\u064a\u064b\u0627.'\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   STATUS\r\n===================================================== *\/\r\n\r\nfunction setStatus(\r\n  type,\r\n  msg\r\n){\r\n\r\n  statusBox.hidden =\r\n    false;\r\n\r\n\r\n  statusBox.className =\r\n    'tvn-scan-status ' +\r\n    type;\r\n\r\n\r\n  statusBox.textContent =\r\n    msg;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PREVIEWS\r\n===================================================== *\/\r\n\r\nfunction renderPreviews(){\r\n\r\n  previews.innerHTML =\r\n    '';\r\n\r\n\r\n  images.forEach(\r\n    function(item,i){\r\n\r\n\r\n      var d =\r\n        document.createElement(\r\n          'div'\r\n        );\r\n\r\n\r\n      d.className =\r\n        'tvn-preview';\r\n\r\n\r\n      var img =\r\n        document.createElement(\r\n          'img'\r\n        );\r\n\r\n\r\n      img.src =\r\n        item.url;\r\n\r\n\r\n      var x =\r\n        document.createElement(\r\n          'button'\r\n        );\r\n\r\n\r\n      x.type =\r\n        'button';\r\n\r\n      x.textContent =\r\n        '\u00d7';\r\n\r\n\r\n      x.onclick =\r\n        function(){\r\n\r\n          URL.revokeObjectURL(\r\n            item.url\r\n          );\r\n\r\n\r\n          images.splice(\r\n            i,\r\n            1\r\n          );\r\n\r\n\r\n          renderPreviews();\r\n\r\n        };\r\n\r\n\r\n      d.appendChild(\r\n        img\r\n      );\r\n\r\n      d.appendChild(\r\n        x\r\n      );\r\n\r\n      previews.appendChild(\r\n        d\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HANDLE GALLERY FILES\r\n===================================================== *\/\r\n\r\nasync function handleFiles(input){\r\n\r\n  var files =\r\n    Array.prototype.slice.call(\r\n      input.files || []\r\n    );\r\n\r\n\r\n  input.value =\r\n    '';\r\n\r\n\r\n  if(!files.length){\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  files.forEach(\r\n    function(f){\r\n\r\n      if(\r\n        !f.type ||\r\n        f.type.indexOf(\r\n          'image\/'\r\n        ) !== 0\r\n      ){\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      images.push({\r\n\r\n        file:f,\r\n\r\n        url:\r\n          URL.createObjectURL(f)\r\n\r\n      });\r\n\r\n    }\r\n  );\r\n\r\n\r\n  renderPreviews();\r\n\r\n\r\n  setStatus(\r\n    'loading',\r\n    '\u062c\u0627\u0631\u064a \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629...'\r\n  );\r\n\r\n\r\n  var serial =\r\n    null;\r\n\r\n\r\n  for(\r\n    var i=0;\r\n    i<files.length && !serial;\r\n    i++\r\n  ){\r\n\r\n    try{\r\n\r\n      serial =\r\n        await decodeBarcode(\r\n          files[i]\r\n        );\r\n\r\n    }catch(e){\r\n\r\n      serial =\r\n        null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  if(serial){\r\n\r\n    serial =\r\n      String(serial)\r\n      .replace(\/\\s+\/g,'')\r\n      .trim();\r\n\r\n\r\n    serialInput.value =\r\n      serial;\r\n\r\n\r\n    setStatus(\r\n      'ok',\r\n      '\u062a\u0645 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0633\u0631\u064a\u0627\u0644: ' +\r\n      serial\r\n    );\r\n\r\n  }else{\r\n\r\n    setStatus(\r\n      'fail',\r\n      '\u0645\u0642\u062f\u0631\u0646\u0627\u0634 \u0646\u0642\u0631\u0623 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f. \u062c\u0631\u0651\u0628 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0648\u0642\u0631\u064a\u0628\u0629\u060c \u0623\u0648 \u0627\u0643\u062a\u0628 \u0627\u0644\u0633\u0631\u064a\u0627\u0644 \u064a\u062f\u0648\u064a\u064b\u0627.'\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOAD BARCODE LIBRARY\r\n===================================================== *\/\r\n\r\nvar libPromise =\r\n  null;\r\n\r\n\r\nfunction loadLib(){\r\n\r\n  if(\r\n    window.Html5Qrcode\r\n  ){\r\n\r\n    return Promise.resolve();\r\n\r\n  }\r\n\r\n\r\n  if(libPromise){\r\n\r\n    return libPromise;\r\n\r\n  }\r\n\r\n\r\n  libPromise =\r\n    new Promise(\r\n      function(res,rej){\r\n\r\n        var s =\r\n          document.createElement(\r\n            'script'\r\n          );\r\n\r\n\r\n        s.src =\r\n          'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html5-qrcode\/2.3.8\/html5-qrcode.min.js';\r\n\r\n\r\n        s.onload =\r\n          res;\r\n\r\n\r\n        s.onerror =\r\n          rej;\r\n\r\n\r\n        document.head.appendChild(\r\n          s\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n  return libPromise;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RESIZE IMAGE\r\n===================================================== *\/\r\n\r\nfunction resizeImage(\r\n  file,\r\n  maxSide\r\n){\r\n\r\n  return new Promise(\r\n    function(resolve){\r\n\r\n      var img =\r\n        new Image();\r\n\r\n\r\n      var url =\r\n        URL.createObjectURL(\r\n          file\r\n        );\r\n\r\n\r\n      img.onload =\r\n        function(){\r\n\r\n\r\n          var scale =\r\n            Math.min(\r\n              1,\r\n              maxSide \/\r\n              Math.max(\r\n                img.width,\r\n                img.height\r\n              )\r\n            );\r\n\r\n\r\n          var c =\r\n            document.createElement(\r\n              'canvas'\r\n            );\r\n\r\n\r\n          c.width =\r\n            Math.round(\r\n              img.width *\r\n              scale\r\n            );\r\n\r\n\r\n          c.height =\r\n            Math.round(\r\n              img.height *\r\n              scale\r\n            );\r\n\r\n\r\n          c.getContext(\r\n            '2d'\r\n          ).drawImage(\r\n            img,\r\n            0,\r\n            0,\r\n            c.width,\r\n            c.height\r\n          );\r\n\r\n\r\n          URL.revokeObjectURL(\r\n            url\r\n          );\r\n\r\n\r\n          c.toBlob(\r\n\r\n            function(b){\r\n\r\n              if(b){\r\n\r\n                resolve(\r\n\r\n                  new File(\r\n\r\n                    [b],\r\n\r\n                    'scan.jpg',\r\n\r\n                    {\r\n                      type:\r\n                        'image\/jpeg'\r\n                    }\r\n\r\n                  )\r\n\r\n                );\r\n\r\n              }else{\r\n\r\n                resolve(\r\n                  file\r\n                );\r\n\r\n              }\r\n\r\n            },\r\n\r\n            'image\/jpeg',\r\n\r\n            0.92\r\n\r\n          );\r\n\r\n        };\r\n\r\n\r\n      img.onerror =\r\n        function(){\r\n\r\n          URL.revokeObjectURL(\r\n            url\r\n          );\r\n\r\n          resolve(\r\n            file\r\n          );\r\n\r\n        };\r\n\r\n\r\n      img.src =\r\n        url;\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SCAN WITH HTML5 QR\r\n===================================================== *\/\r\n\r\nasync function scanWithLib(\r\n  file\r\n){\r\n\r\n  await loadLib();\r\n\r\n\r\n  var scanner =\r\n    new Html5Qrcode(\r\n      'tvnScanHolder'\r\n    );\r\n\r\n\r\n  try{\r\n\r\n    return await scanner.scanFile(\r\n      file,\r\n      false\r\n    );\r\n\r\n  }catch(e){\r\n\r\n    return null;\r\n\r\n  }finally{\r\n\r\n    try{\r\n\r\n      scanner.clear();\r\n\r\n    }catch(e){}\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BARCODE DECODER\r\n===================================================== *\/\r\n\r\nasync function decodeBarcode(\r\n  file\r\n){\r\n\r\n  if(\r\n    'BarcodeDetector' in window\r\n  ){\r\n\r\n    try{\r\n\r\n      var supported =\r\n        await BarcodeDetector\r\n        .getSupportedFormats();\r\n\r\n\r\n      if(\r\n\r\n        supported.includes(\r\n          'code_128'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'ean_13'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'ean_8'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'upc_a'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'upc_e'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'code_39'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'itf'\r\n        ) ||\r\n\r\n        supported.includes(\r\n          'qr_code'\r\n        )\r\n\r\n      ){\r\n\r\n        var bd =\r\n          new BarcodeDetector();\r\n\r\n\r\n        var bmp =\r\n          await createImageBitmap(\r\n            file\r\n          );\r\n\r\n\r\n        var codes =\r\n          await bd.detect(\r\n            bmp\r\n          );\r\n\r\n\r\n        if(\r\n          bmp.close\r\n        ){\r\n\r\n          bmp.close();\r\n\r\n        }\r\n\r\n\r\n        if(\r\n          codes.length\r\n        ){\r\n\r\n          return codes[0]\r\n            .rawValue;\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }catch(e){}\r\n\r\n  }\r\n\r\n\r\n  var small =\r\n    await resizeImage(\r\n      file,\r\n      1600\r\n    );\r\n\r\n\r\n  var r =\r\n    await scanWithLib(\r\n      small\r\n    );\r\n\r\n\r\n  if(r){\r\n\r\n    return r;\r\n\r\n  }\r\n\r\n\r\n  return await scanWithLib(\r\n    file\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FORM SUBMIT\r\n===================================================== *\/\r\n\r\nform.addEventListener(\r\n  'submit',\r\n  function(e){\r\n\r\n    e.preventDefault();\r\n\r\n\r\n    if(\r\n      !images.length\r\n    ){\r\n\r\n      setStatus(\r\n        'fail',\r\n        '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0623\u0636\u0641 \u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629 \u0623\u0648\u0644\u064b\u0627.'\r\n      );\r\n\r\n\r\n      statusBox.scrollIntoView({\r\n        behavior:'smooth',\r\n        block:'center'\r\n      });\r\n\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    modal.classList.add(\r\n      'active'\r\n    );\r\n\r\n  }\r\n);\r\n\r\n\r\n\/* =====================================================\r\n   WHATSAPP CLOSE\r\n===================================================== *\/\r\n\r\n$('tvnCloseWhatsapp').onclick =\r\n  function(){\r\n\r\n    modal.classList.remove(\r\n      'active'\r\n    );\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   WHATSAPP CONTINUE\r\n===================================================== *\/\r\n\r\n$('tvnContinueWhatsapp').onclick =\r\n  function(){\r\n\r\n\r\n    var v =\r\n      function(id){\r\n\r\n        return $(id)\r\n          .value\r\n          .trim();\r\n\r\n      };\r\n\r\n\r\n    var msg =\r\n\r\n      '\u0637\u0644\u0628 \u062a\u0641\u0639\u064a\u0644 \u0636\u0645\u0627\u0646 \u062a\u0631\u0641\u064a\u0646\u0627\\n' +\r\n\r\n      '----------------------\\n' +\r\n\r\n      '\u0627\u0633\u0645 \u0627\u0644\u0645\u0627\u0644\u0643: ' +\r\n      v('tvnOwnerName') +\r\n      '\\n' +\r\n\r\n      '\u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646: ' +\r\n      v('tvnOwnerPhone') +\r\n      '\\n' +\r\n\r\n      '\u0627\u0633\u0645 \u0627\u0644\u0641\u0646\u064a: ' +\r\n      v('tvnTechnicianName') +\r\n      '\\n' +\r\n\r\n      '\u0631\u0642\u0645 \u062a\u0644\u064a\u0641\u0648\u0646 \u0627\u0644\u0641\u0646\u064a: ' +\r\n      v('tvnTechnicianPhone') +\r\n      '\\n' +\r\n\r\n      '\u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629: ' +\r\n      v('tvnGovernorate') +\r\n      '\\n' +\r\n\r\n      '\u0627\u0644\u0645\u0631\u0643\u0632: ' +\r\n      v('tvnCenter') +\r\n      '\\n' +\r\n\r\n      '\u0627\u0644\u0633\u0631\u064a\u0627\u0644: ' +\r\n      v('tvnSerial') +\r\n      '\\n' +\r\n\r\n      '----------------------\\n' +\r\n\r\n      '\u0645\u0631\u0641\u0642 \u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0648\u0632\u062a\u0647 \u0648\u0627\u0644\u0642\u0635\u0639\u0629.';\r\n\r\n\r\n    window.open(\r\n\r\n      'https:\/\/wa.me\/' +\r\n      WA_NUMBER +\r\n      '?text=' +\r\n      encodeURIComponent(msg),\r\n\r\n      '_blank'\r\n\r\n    );\r\n\r\n\r\n    modal.classList.remove(\r\n      'active'\r\n    );\r\n\r\n  };\r\n\r\n\r\n\/* =====================================================\r\n   CLOSE CAMERA WHEN CLICK OUTSIDE\r\n===================================================== *\/\r\n\r\ncameraModal.addEventListener(\r\n  'click',\r\n  function(e){\r\n\r\n    if(\r\n      e.target ===\r\n      cameraModal\r\n    ){\r\n\r\n      closeCamera();\r\n\r\n    }\r\n\r\n  }\r\n);\r\n\r\n\r\n\/* =====================================================\r\n   CLOSE WHATSAPP WHEN CLICK OUTSIDE\r\n===================================================== *\/\r\n\r\nmodal.addEventListener(\r\n  'click',\r\n  function(e){\r\n\r\n    if(\r\n      e.target ===\r\n      modal\r\n    ){\r\n\r\n      modal.classList.remove(\r\n        'active'\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n);\r\n\r\n\r\n\/* =====================================================\r\n   STOP CAMERA WHEN PAGE HIDDEN\r\n===================================================== *\/\r\n\r\ndocument.addEventListener(\r\n  'visibilitychange',\r\n  function(){\r\n\r\n    if(\r\n      document.hidden &&\r\n      cameraStream\r\n    ){\r\n\r\n      stopCamera();\r\n\r\n    }\r\n\r\n  }\r\n);\r\n\r\n\r\n\/* =====================================================\r\n   ESC KEY\r\n===================================================== *\/\r\n\r\ndocument.addEventListener(\r\n  'keydown',\r\n  function(e){\r\n\r\n    if(\r\n      e.key ===\r\n      'Escape'\r\n    ){\r\n\r\n      if(\r\n        cameraModal.classList.contains(\r\n          'active'\r\n        )\r\n      ){\r\n\r\n        closeCamera();\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        modal.classList.contains(\r\n          'active'\r\n        )\r\n      ){\r\n\r\n        modal.classList.remove(\r\n          'active'\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n);\r\n\r\n\r\n})();\r\n<\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\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":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5832","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/pages\/5832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/comments?post=5832"}],"version-history":[{"count":3,"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/pages\/5832\/revisions"}],"predecessor-version":[{"id":5860,"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/pages\/5832\/revisions\/5860"}],"wp:attachment":[{"href":"https:\/\/tervina-eg.com\/ar\/wp-json\/wp\/v2\/media?parent=5832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}