- スキャンID：
- ec6da3d9-658c-4384-ab04-3e0bf62c31ba終了
- 送信済みURL：
- https://ehsan.ct.ws/
- レポート終了日：
リンク · 5件検出
ページから特定された発信リンク
| リンク | テキスト |
|---|---|
| https://apps.apple.com/us/app/ehsan-إحسان/id1602515092 | |
| https://play.google.com/store/apps/details?id=sa.gov.sdaia.ehsan | |
| https://twitter.com/Ehsansa | تابعنا على Twitterتويتر منصة إحسان |
| https://raqmi.dga.gov.sa/platforms/DigitalStamp/ShowCertificate/5485 | 20230523949 |
| https://statcounter.com/ |
JavaScript変数 · 60件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
| 名前 | 規模 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| setDonationAmount | function |
| setDonationAmount1 | function |
| setDonationAmount2 | function |
| setDonationAmount3 | function |
| setDonationAmount4 | function |
| setDonationAmount0 | function |
| $ | function |
コンソールログメッセージ · 7件検出
Webコンソールにログ記録されたメッセージ
| 規模 | 分類 | ログ |
|---|---|---|
| error | network |
|
| error | security |
|
| error | network |
|
| error | security |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
未加工のHTMLページ本文
<!DOCTYPE html><html lang="ar" dir="rtl" class="avif"><!-- Mirrored from ehsan.sa/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 01 Aug 2024 14:55:00 GMT --><!-- Added by HTTrack --><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="google-site-verification" content="sBtO8lO8mP-uhXzfSWACwglKFfAVNSXffD7DF_UBL3o">
<meta name="facebook-domain-verification" content="6hznv36latc7ty6scwvn3njd634mal">
<link rel="icon" type="image/svg+xml" href="2/favicon.svg">
<link rel="alternate icon" href="2/favicon.ico">
<link rel="apple-touch-icon" href="2/assets/ico/pwa.png">
<link rel="apple-touch-icon" sizes="152x152" href="2/assets/ico/pwa_152.png">
<link rel="canonical" href="index.html">
<meta name="description" content="احسان _ منصة لجمع التبرعات ومساعدة الفئات الأشد أحتياجا.">
<meta name="description" content="إحسان؛ منصة وطنية للعمل الخيري، تسهل عملية التبرع للفئات الأشد احتياجاً بسهولة وأمان وموثوقية">
<meta name="keywords" content="تبرع,إحسان,فرجت,أضحية,أضاحي,زكاة,صدقة,كفارة,إغاثة,هدية,عقيقة">
<meta name="theme-color" content="#2d6c81">
<meta name="apple-itunes-app" content="app-id=1602515092">
<meta name="keywords" content="تبرع, تبرعات, موقع تبرعات, برنامج تبرعات, تبرع اون لاين, منصة تبرع, تبرع صدقة جارية, اهداء تبرع, موقع تبرع, تبرعات خيرية, تبرع احسان, تبرع بالدم, سقيا الماء, متجر تبرع, جمعية تبرع, تبرع جمعية خيرية, تبرع يومي, تبرع شهري, تبرع دوري, تبرع وقف, تطبيق تبرع, تبرع رسائل, رسالة تبرع, تبرع سريع, تبرع عام, تبرع محتاج, تبرع فقير, استقطاع تبرع, تبرع باسم شخص, بطاقات تبرع, استقطاع شهري, زكاة الفطر,الزكاة و الدخل,مصلحة الزكاة والدخل,طريقة حساب الزكاة,حكم الزكاة,زكاة المال,زكاة الذهب,حساب الزكاة,حكم زكاة الفطر,حساب زكاة المال,تعريف الزكاة,مقدار الزكاة,حاسبة الزكاة,كفالة يتيم,كفالة اليتيم,صدقة يتيم,تبرع يتيم,كافل اليتيم,فضل كفالة اليتيم,كفالة يتيم شهرياً,طريقة كفالة يتيم,احسان كفالة يتيم,كيف اكفل يتيم,جمعية كفالة يتيم,شروط كفالة اليتيم,كفالة أرملة,كفالة أرامل,جمعية كفالة أرملة,كفالة مطلقة,كفالة الأيتام
, صدقة جارية, تبرع صدقة جارية, أفضل الصدقة, صدقة الفطر, أنواع الصدقة الجارية, ماهي الصدقة, طرق الصدقة اليومية, حفر بئر صدقة جارية, صدقة جارية للمرحوم, أنواع الصدقات, صدقة سقيا الماء, وقف الصدقة الجارية, اهداء صدقة جارية, ماهي الصدقة, صدقة جارية للميت, كفاره, ما هي كفارة اليمين, ما هي كفارة يمين, قيمة الكفارة, كفارة صيام, كفارة الكذب, دفع كفارة اليمين, كفارة صيام رمضان, كفارة المجلس, اطعام عشرة مساكين, أنواع الكفارة, كم كفارة اليمين, اخراج كفارة اليمين, كم سعر كفارة اليمين, حساب كفارة يمين, جمعية كفارة يمين, جمعية خيرية كفارة, شروط كفارة اليمين, تسديد كفارة يمين, اطعام مسكين, اطعام ستين مسكين, طعام مسكين, ">
<!-- Share Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:locale" content="ar_SA">
<meta property="og:url" content="/">
<meta property="og:site_name" content="احسان">
<meta property="og:title" content="الصفحة الرئيسية - منصة إحسان">
<meta property="og:image" content="ehsansocialimages.s3.me-south-1.amazonaws.com/social-global.png">
<meta property="og:description" content="إحسان؛ منصة وطنية للعمل الخيري، تسهل عملية التبرع للفئات الأشد احتياجاً بسهولة وأمان وموثوقية">
<!-- <meta property="fb:app_id" content="123456"> -->
<meta property="al:ios:app_name" content="Ehsan | احسان">
<meta property="al:ios:app_store_id" content="1602515092">
<meta property="al:android:app_name" content="Ehsan | احسان">
<meta property="al:android:package" content="sa.gov.sdaia.ehsan">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="index.html">
<meta name="twitter:site" content="@EhsanSA">
<meta name="twitter:creator" content="@EhsanSA">
<meta property="twitter:url" content="/">
<meta property="twitter:image" content="ehsansocialimages.s3.me-south-1.amazonaws.com/social-global.png">
<meta name="twitter:title" content="الصفحة الرئيسية - منصة إحسان">
<meta name="twitter:description" content="إحسان؛ منصة وطنية للعمل الخيري، تسهل عملية التبرع للفئات الأشد احتياجاً بسهولة وأمان وموثوقية">
<meta name="twitter:app:country" content="SA">
<meta name="twitter:app:id:iphone" content="1602515092">
<meta name="twitter:app:id:ipad" content="1602515092">
<meta name="twitter:app:name:iphone" content="Ehsan | احسان">
<meta name="twitter:app:name:ipad" content="Ehsan | احسان">
<meta name="twitter:app:url:iphone" content="https://apps.apple.com/us/app/ehsan-إحسان/id1602515092">
<meta name="twitter:app:url:ipad" content="https://apps.apple.com/us/app/ehsan-إحسان/id1602515092">
<meta name="twitter:app:name:googleplay" content="Ehsan | إحسان">
<meta name="twitter:app:id:googleplay" content="sa.gov.sdaia.ehsan">
<meta name="twitter:app:url:googleplay" content="https://play.google.com/store/apps/details?id=sa.gov.sdaia.ehsan">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "أحسان الخيرية",
"url": "https://ehsan.org.uk",
"potentialAction": {
"@type": "SearchAction",
"target": "https://ehsan.org.uk/?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<title>احسان</title>
<link rel="manifest" href="manifest.json">
<meta name="x-antiforgery-name" content="x-antiforgery-token">
<meta name="x-antiforgery-token" content="CfDJ8F6blf7zzxRDpkFRMPt9Y5-oiqzw6bEVPYxyHCornt29MFDHeW-Fh6wtLwHHZe7U6v6CN5CFDMdE6xc009s7SLEYXWVqbnXhN3IsLC18XWhsfXHt3MOiLk1WMo7ET-XizCrhkzGhNmk64DeUXziW50I">
<link rel="merchant-validation" href="2/home/error.html">
<link rel="applePay-payment" href="2/home/error.html">
<link href="2/lib/calendar/BootstrapToggle/bootstrap-toggle.min.css" rel="stylesheet">
<link rel="stylesheet" href="2/static/css/bootstrap.css">
<link rel="stylesheet" href="2/static/css/fontawesome.css">
<link href="2/static/css/select2.css" rel="stylesheet">
<link href="2/static/css/appbcb0.css?v=_b8rUuRk9BJfe50Mg-UD8flyLF6C3lRinupKbKIXYxo" rel="stylesheet">
<link rel="stylesheet" href="2/static/css/payment.css">
<link rel="stylesheet" href="2/static/css/tom-select.css">
<link rel="stylesheet" href="2/assets/css/slider.css">
<link rel="stylesheet" href="2/static/css/home.css">
<link href="2/static/css/cards.css" rel="stylesheet">
<link href="2/static/css/waqf.css" rel="stylesheet">
</head>
<body data-url="/ramadan-data" data-total-amount="/waqf/total-data" data-total-amount-target="totalWaqf" id="content">
<link itemprop="thumbnailUrl" href="ehsansocialimages.s3.me-south-1.amazonaws.com/social-global.png">
<span itemprop="thumbnail" itemscope="" itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="ehsansocialimages.s3.me-south-1.amazonaws.com/social-global.png">
</span>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TB8ZLSD" height="0"
width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="wrapper layout-1">
<!-- Main Header -->
<header class="fixed-top" data-sropennotification="تم فتح القائمة الجانبية. لإغلاق القائمة، اضغط على زر "القائمة" أو اضغط مفتاح الهروب" data-srclosenotification="تم إغلاق القائمة الجانبية" role="banner">
<input type="hidden" value="" id="isLoggedIn">
<a href="#maincontent" class="d-none d-md-block btn btn-primary-green px-5 btnSkipToMainContent">التخطي إلى المحتوى
الرئيسي</a>
<div class="nav-top d-none d-md-block position-relative" style="z-index: 9999;">
<div class="container position-relative">
<a href="index.html" class="navbar-brand"><img loading="lazy" src="2/assets/images/ehsan-logo-slogan.svg" alt="منصة إحسان، منصة وطنية للعمل الخيري"></a>
<div class="nav nav-underline align-items-center justify-content-end">
<a class="nav-link p-0 mt-1 pe-3" href="2/auth/login.html">
<img class="icon" src="2/assets/images/icons/icon-profile.svg" alt="تسجيل الدخول">
<span class="text-primary-blue">تسجيل الدخول</span>
</a>
<a class="nav-link p-0 ps-3 cart_count" href="cart.html" id="cart">
<sup class="cartCount badge d-none"></sup>
<img class="icon" src="2/assets/images/icons/icon-shopping_cart.svg" alt="سلة تبرعاتك">
</a>
</div>
</div>
</div>
<div class="navbar navbar-expand-md navbar-light bg-white p-0">
<div class="container">
<button id="mobileMenuBtn" class="navbar-toggler p-0 border-0 ms-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarMenu" aria-expanded="false" aria-label="القائمة" accesskey="ق">
<span class="navbar-toggler-icon" aria-hidden="true"></span>
</button>
<a href="#maincontent" class="d-block d-md-none btnSkipToMainContent">التخطي إلى المحتوى الرئيسي</a>
<a href="index.html" class="navbar-brand d-block d-md-none me-0 ps-3"><img loading="lazy" src="2/assets/images/ehsan-logo-slogan.svg" alt="منصة إحسان، منصة وطنية للعمل الخيري"></a>
<div class="d-block d-md-none d-flex align-items-end me-3">
<a class="border-0 me-3 cart_count" href="2/cart.html" id="cart">
<sup class="cartCount badge d-none"></sup>
<img class="icon" src="2/assets/images/icons/icon-shopping_cart.svg" alt="سلة تبرعاتك">
</a>
<a href="2/auth/login.html">
<i class="fas fa-user" aria-label="تسجيل الدخول" style="font-size: 23px;"></i>
</a>
</div>
<nav class="navbar-collapse offcanvas offcanvas-start w-75" id="navbarMenu" aria-label="القائمة الجانبية" aria-describedby="mainMenuDescription">
<div id="closeMenuFocusout" data-bs-dismiss="offcanvas" class="d-block d-md-none" style="height: 100%;position: absolute;top: 0;width: 25%;left: 0;" role="button" aria-label="القائمة" tabindex="0" aria-expanded="true" accesskey="ق"></div>
<div class="navbar-mobile d-flex flex-column justify-content-between w-100">
<div class="d-block d-md-flex align-items-md-center">
<div class="d-block d-md-none text-end pt-3">
<button id="closeNavbar" class="btn pb-0" type="button" aria-hidden="true" tabindex="-1"><i class="fas fa-chevron-right" style="font-size: 22px;"></i></button>
</div>
<div class="d-flex d-md-none border-bottom">
<a class="nav-link pt-0" href="auth/login.html">
<img class="icon" src="2/assets/images/icons/icon-profile.svg" alt="تسجيل الدخول">
<span class="user-name text-primary-blue">تسجيل الدخول</span>
</a>
</div>
<ul class="navbar-nav me-auto" aria-label="القائمة الرئيسية" aria-owns="extraMenuItem1 extraMenuItem2 extraMenuItem3">
<li class="nav-item active">
<a class="nav-link" href="index.html" aria-current="page" accesskey="0">الرئيسية</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="2/waqf.html" aria-current="false" accesskey="و">وقف إحسان</a>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-current="false">فرص التبرع</a>
<div class="dropdown-menu border-0">
<div class="container d-flex flex-wrap flex-column flex-md-row justify-content-center p-0 p-md-2" role="list" aria-labelledby="dropdown01">
<div role="listitem">
<a class="dropdown-item" href="2/all.html" accesskey="ك">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-all.svg" alt="">
الكل
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/projects.html" accesskey="م">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-projects.svg" alt="">
المشاريع
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/tyassarat/judicialbills.html" accesskey="ت">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-taysrat.svg" alt="">
تيسرت
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/forijat.html" accesskey="ف">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-forijat.svg" alt="">
فرجت
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/subsidy.html" accesskey="ج">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-store.svg" alt="">
الكفارات
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" accesskey="غ" href="2/rescue.html">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-eghatha.svg" alt="">
الإغاثة
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="dropdown02" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-current="false">برامجنا</a>
<div class="dropdown-menu border-0">
<div class="container d-flex flex-wrap flex-column flex-md-row justify-content-center p-0 p-md-2" role="list" aria-labelledby="dropdown02">
<div role="listitem">
<a class="dropdown-item" href="2/blood.html" accesskey="ر">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-blood.svg" alt="">
التبرع بالدم
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/home/gheras.html" accesskey="ر">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-gheras.svg" alt="">
غِراس
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/zakat.html" accesskey="ز">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-zakat.svg" alt="">
الزكاة
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/gift.html" accesskey="ه">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-gift.svg" alt="">
هدية
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/adahi.html" accesskey="ض">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-adahi.svg" alt="">
الأضاحي
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/donationcampaign.html" accesskey="ح">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-campaign.svg" alt="">
الحملات
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/periodicdonation.html" accesskey="د">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/icon-periodic-donation.svg" alt="">
التبرع الدوري
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/smsdonation.html" accesskey="ص">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/icon-sms-5005.svg" alt="">
التبرع بالرسائل
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/stockspurification.html" accesskey="ز">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-stocksPurification.svg" alt="">
تطهير الأسهم
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-current="false">عن
إحسان</a>
<div class="dropdown-menu border-0">
<div class="container d-flex flex-column flex-md-row justify-content-center p-0" role="list" aria-labelledby="dropdown03">
<div role="listitem">
<a class="dropdown-item" accesskey="ع" href="2/home/about.html">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-about.svg" alt="">
من نحن
</div>
</a>
</div>
<div role="listitem">
<a class="dropdown-item" href="2/committee.html" accesskey="ش">
<div class="d-flex align-items-center align-items-md-start align-items-md-center flex-row flex-md-column">
<img loading="lazy" src="2/assets/images/menu-icons/icon-committee.svg" alt="">
اللجنة الشرعية
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item d-md-none">
<a class="nav-link" href="2/majordonors.html" aria-current="" accesskey="ا">أبرز المحسنين</a>
</li>
<li class="nav-item d-md-none">
<a class="nav-link" href="2/gheraslist.html" aria-current="" accesskey="ء">سفراء غراس</a>
</li>
</ul>
<a class="btn btn-gradient px-lg-5 d-none d-md-block" href="2/all.html">تبرع
الآن</a>
</div>
<div class="d-block d-md-none">
<ul class="navbar-nav me-auto" aria-label="القائمة الإضافية">
<li id="extraMenuItem1" class="nav-item" aria-hidden="false">
<a class="nav-link" href="2/completed5081.html?initiativeType=CompletedProject">الفرص
المكتملة</a>
</li>
<li id="extraMenuItem3" class="align-items-center d-flex flex-wrap justify-content-center mb-4 mb-md-0" aria-hidden="false" aria-label="حمل تطبيق إحسان" role="group">
<span class="nav-link w-100">
حمل تطبيق إحسان
</span>
<a target="_blank" href="https://apps.apple.com/us/app/ehsan-إحسان/id1602515092" class="me-3">
<img loading="lazy" src="2/UI/images/app-store.svg" alt="تنزيل التطبيق من متجر App Store">
</a>
<a target="_blank" href="https://play.google.com/store/apps/details?id=sa.gov.sdaia.ehsan">
<img loading="lazy" src="2/UI/images/play-store.svg" alt="تنزيل التطبيق من متجر Google Play">
</a>
</li>
</ul>
</div>
</div>
<span id="mainMenuDescription" class="visually-hidden" aria-hidden="true">استعمل مفتاح الانتقال للتنقل
بين عناصر القائمة الجانبية، ومفتاح الهروب لإغلاقها.</span>
</nav>
</div>
</div>
</header>
<div class="fixed-side-menu quick-donation-wrapper" role="region" aria-label="التبرع السريع" data-sropennotification="تم فتح مربع التبرع السريع. لإغلاق المربع، اضغط على زر "إغلاق" أو اضغط مفتاح الهروب" data-srclosenotification="تم إغلاق مربع التبرع السريع">
<h2 class="sr-only">التبرع السريع</h2>
<div class="d-flex clickable" onclick="toggleFixedMenu()">
<div class="title text-center font-bold" aria-hidden="true">تبرع سريع</div>
<div class="icon">
<button id="qd-open" class="btn hide-hovered" aria-label="التبرع السريع" aria-describedby="qd-opener-description">
<span class="round " aria-hidden="true">+</span>
</button>
<button id="qd-close" class="btn btn-primary-blue hovered" aria-label="إغلاق" aria-describedby="qd-closer-description">
<span class="close-icon" aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<span id="qd-opener-description" class="d-none">اضغط لفتح مربع "التبرع السريع" في نافذة منبثقة</span>
<span id="qd-closer-description" class="d-none">اضغط لإغلاق مربع "التبرع السريع"</span>
</div>
</div>
<div class="options" role="application" aria-roledescription="مربع تفاعلي. " aria-label="التبرع السريع" aria-owns="qd-close qd-options qd-panel" aria-describedby="qd-panel-description">
<h3 id="qd-options-list" class="sr-only">خيارات التبرع السريع</h3>
<span id="qd-sr-help" class="sr-only" aria-hidden="true">استعمل السهمين الأعلى والأسفل لتحديد نوع التبرع، ومفتاح الإدخال للاختيار</span>
<ul id="qd-options" class="nav nav-tabs" aria-labelledby="qd-options-list" data-kbd-nav="true" data-kbd-nav-autoclick="true" data-kbd-nav-attr="aria-pressed" aria-describedby="qd-sr-help">
<li onclick="handleFixedSideNavTabClick(event, this, 'tanfeethQuickDonation',21)" tabindex="0" role="button" aria-pressed="true" class="active" data-form-label="التبرع لِتيسرت" data-checkout-label="تبرع الآن لِتيسرت">
تيسرت
</li>
<li onclick="handleFixedSideNavTabClick(event, this, 'publicOpportunity',12)" tabindex="-1" role="button" aria-pressed="false" data-form-label="التبرع العام" data-checkout-label="تبرع الآن">
تبرع عام
</li>
<li onclick="handleFixedSideNavTabClick(event, this, 'AwkaafQuickDonation',26)" tabindex="-1" role="button" aria-pressed="false" data-form-label="التبرع لِوقف" data-checkout-label="تبرع الآن لِوقف">
وقف
</li>
<li onclick="handleFixedSideNavTabClick(event, this, 'mosqueCareQuickDonation',33)" tabindex="-1" role="button" aria-pressed="false" data-form-label="التبرع للمساجد" data-checkout-label="تبرع الآن للمساجد">
المساجد
</li>
</ul>
<div id="qd-panel" class="tab-content">
<div id="fixed-side-menu-tab1" class="tab-pane fade in active">
<div class="amount-field collapse show p-3">
<h3 id="qd-pre-amounts-title" class="sr-only">اختر مبلغ التبرع</h3>
<div id="qd-pre-amounts" class="d-flex justify-content-between mb-2" role="radiogroup" aria-labelledby="qd-pre-amounts-title" aria-describedby="qd-need-notice" data-kbd-nav="true" data-kbd-nav-autoclick="true" data-kbd-nav-attr="aria-checked">
<button type="button" class="btn border flex-fill pre-amount" onclick="setDonationAmount(10)" data-amount="10" aria-label="10 ريال سعودي" role="radio" aria-checked="false">10<small class="ms-1">ر.س</small></button>
<button type="button" class="btn border flex-fill pre-amount mx-1" onclick="setDonationAmount(50)" data-amount="50" aria-label="50 ريال سعودي" role="radio" aria-checked="false">50<small class="ms-1">ر.س</small></button>
<button type="button" class="btn border flex-fill pre-amount" onclick="setDonationAmount(100)" data-amount="100" aria-label="100 ريال سعودي" role="radio" aria-checked="false">100<small class="ms-1">ر.س</small></button>
</div>
<div class="price-details" role="group" aria-label="مبلغ تبرع آخر">
<input id="donationAmountInput" name="donationAmount" class="only-number amount click-select" placeholder="قيمة المبلغ" autocomplete="off" inputmode="numeric" pattern="[0-9]*" data-val="true" data-val-required="الرجاء إدخال مبلغ التبرع" data-val-number="ارقام" value="" maxlength="7" data-val-range-max="1000000" data-val-range-min="1" data-val-range="مبلغ التبرع بين 1 و 1000000 ريال سعودي" aria-label="مبلغ آخر (ريال سعودي)" aria-describedby="qd-need-notice" lang="en">
<span class="text-primary-green float-right" aria-hidden="true">ر.س</span>
</div>
<span class="field-validation-error" data-valmsg-for="CartItems[0].amount" data-valmsg-replace="true" role="alert"></span>
<span id="qd-need-notice" class="text-desc w-100 text-center font-bold">سيذهب تبرعك تلقائياً للحالات الأشد احتياجاً</span>
<div class="form-group text-center mt-0 mb-3">
<div class="d-flex payment-methods quick-donation align-items-center flex-wrap flex-md-nowrap text-center text-md-right justify-content-center mt-4" role="region" aria-label="خيارات الدفع المتاحة">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/apple.svg" alt="Apple Pay">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/mada.svg" alt="بطاقة مدى">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/visa.svg" alt="Visa">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/masterCard.svg" alt="Master Card">
<img class="filter-gray pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/qitaf.svg" alt="قطاف">
</div>
<div class="mt-3 text-center text-grey-4">
<i class="fas fa-shield-alt" aria-hidden="true"></i> <span class="font-semibold fs-12px">جميع عمليات الدفع آمنة 100%</span>
</div>
</div>
<button id="goToPaymentPage" type="button" class="btn btn-primary-blue rounded-pill w-100" onclick="checkoutAmount('#fixed-side-menu-tab1 ')" aria-label="تبرع الآن لِتيسرت">تبرع الآن</button>
<script>
function setDonationAmount(amount) {
document.getElementById("donationAmountInput").value = amount;
}
document.getElementById("goToPaymentPage").addEventListener("click", function() {
var donationAmount = document.getElementById("donationAmountInput").value;
sessionStorage.setItem("donationAmount", donationAmount);
window.location.href = "2/projects/0/1.html"; // تأكد من تغيير الرابط بما يتوافق مع العنوان الفعلي لصفحة بوابة الدفع
});
</script>
</div>
<div id="creditCardFromDetailsQuickMenu" class="creditCardForm collapse quickDonationCollapse p-3 overflow-hidden" name="creditCardFormDetails" role="group" aria-labelledby="qd-payment-title">
<h2 id="qd-payment-title" class="sr-only">الدفع</h2>
<div class="price-box pb-2 border-bottom mb-2 border-primary border-opacity-25">
<div class="payment-info-box card-header bg-blue-gradient position-relative py-4">
<img class="position-absolute end-0 top-0" src="2/assets/images/payment-header-bg.svg" alt="">
<div class="d-flex flex-column mb-2">
<small>الإجمالي</small>
</div>
<div class="d-flex justify-content-between position-relative z-index-1070">
<span><span class="amount-display"></span><span> ر.س</span></span>
<input id="qd_amount_modified" type="text" name="editAmount" maxlength="7" onchange="handleAmountEditOnChange('#fixed-side-menu-tab1')" onblur="hideInputAmount('#fixed-side-menu-tab1')" class="only-number amount toggle-hide form-control" value="" style="height: 25px;width: 80px;margin-right: 10px;padding: 0 5px;" inputmode="numeric" pattern="[0-9]*" aria-label="مبلغ التبرع (ريال سعودي)" aria-hidden="true" tabindex="-1" lang="en">
<span id="editAmountBtn" class="text-underline cursor-pointer fs-14px" onclick="showInputAmount('#fixed-side-menu-tab1')" onkeyup="handleKeyboardQDEdit(this, event)" role="button" tabindex="0">تعديل المبلغ</span>
</div>
</div>
<div class="align-content-center d-flex justify-content-between px-1 text-primary mt-2">
<h5 class="p-0 m-0 fs-16px" aria-level="2">خيارات الدفع</h5>
</div>
</div>
<div class="fs-18px" id="paymentOptions">
<div class="accordion" id="accordionPayment">
<div id="applePayAccordion" class="accordion-item border-0 rounded-12px d-none">
<h2 class="accordion-header" id="headingOne" aria-level="3">
<button class="accordion-button shadow-none bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#applePay" aria-expanded="false" aria-controls="collapseOne" aria-label="Apple Pay">
<span class="bg-primary-green-transparent fs-14px text-primary-color-lighter me-1 rounded-circle text-center w-30px h-30px lh-32px">
<i class="fas fa-chevron-up" aria-hidden="true"></i>
</span>
<i class="fab fa-apple-pay fa-2x" aria-hidden="true"></i>
</button>
</h2>
<div id="applePay" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body px-2 pt-0">
<input type="hidden" id="rb-applepay" name="PaymentMethod" class="custom-control-input paymentOption" aria-label="Apple Pay">
<div class="d-flex font-semibold fs-14px justify-content-between lh-45px pt-2 w-100">
<span class="text-grey-4" aria-hidden="true">بإتمام التبرع أنت توافق على</span>
<button type="button" class="btn btn-link fs-14px text-decoration-underline text-primary-darksky" data-bs-toggle="modal" data-bs-target="#payment-privacy-modal" role="button" aria-label="بإتمام التبرع، فإنك توافق على سياسات التبرع. اضغط لعرض سياسات التبرع في نافذة منبثقة">سياسات التبرع</button>
</div>
<div class="bg-green-opacity-5 d-flex justify-content-between px-3 rounded-14px py-2 font-semibold mb-2">
<label class="mb-0 text-primary-green">الإجمالي:</label>
<label class="mb-0 text-primary-green"><span class="amount-quick"></span> <small class="unit">ر.س</small></label>
</div>
<div id="applePayDiv" class="do-apple-payment d-flex justify-content-center" role="form" aria-labelledby="headingOne">
<div id="set-up-apple-pay-button" class="apple-pay apple-pay-set-up-button apple-pay-set-up-button-black input-block-level h-45px w-300px d-none" lang="ar"></div>
<div id="apple-pay-button" class="apple-pay input-block-level h-45px w-300px d-none" lang="ar"></div>
</div>
</div>
</div>
</div>
<div class="accordion-item border-0 rounded-12px payment-method-wrapper">
<h2 class="accordion-header" id="headingThree" aria-level="3">
<button class="accordion-button shadow-none bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-controls="collapseThree" aria-expanded="true">
<span class="bg-primary-green-transparent fs-14px text-primary-color-lighter me-1 rounded-circle text-center w-30px h-30px lh-32px">
<i class="fas fa-chevron-up" aria-hidden="true"></i>
</span>
<span class="ms-2 fs-18px payment-title">الدفع عبر البطاقة البنكية</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div id="NewCard" class="accordion-body px-0 pt-0">
<div class="mb-3 optionWrapper">
<input type="hidden" id="PayMethod" name="PayMethod" value="newCard">
<input id="qd_initiativeType" class="intiative-type-quick-donation" type="hidden" name="CartItems[0].initiativeType" value="tanfeethQuickDonation">
<input id="is_quickDonation" type="hidden" value="true">
<input id="qd_amount_edited" type="hidden" value="">
<input id="qd_amount" type="hidden" class="qd_amount" name="CartItems[0].amount">
<div class="do-payment px-2">
<div class="payment">
<div class="form-group mb-1 mt-2">
<label class="form-label text-primary-blue font-semibold fs-16px" for="cardNumber">رقم البطاقة</label>
<div class="card-type">
<input type="text" class="form-control only-number-with-paste new-card-number" id="cardNumber" name="PaymentInfo.CardNumber" maxlength="16" inputmode="numeric" pattern="\d*" autocomplete="cc-number" x-autocompletetype="cc-number" placeholder="الـ 16 رقمًا المدونة على بطاقتك" aria-label="رقم البطاقة">
</div>
</div>
<div class="form-group mb-1 mt-3">
<label class="form-label text-primary-blue font-semibold fs-16px" for="member">الاسم على البطاقة</label>
<input type="text" class="form-control card-holder-name english-only" placeholder="اسمك المدون على البطاقة" data-space="false" id="member" name="PaymentInfo.Member" maxlength="50" autocomplete="cc-name" x-autocompletetype="cc-name" aria-label="الاسم على البطاقة">
</div>
<div class="d-flex justify-content-between mt-3">
<div class="form-group" id="expiration-date" role="group" aria-label="تاريخ الانتهاء">
<label class="form-label text-primary-blue font-semibold fs-16px">تاريخ الانتهاء</label>
<div class="card-dates d-flex">
<input type="text" class="form-control only-number card-exp rounded-end-end-0px rounded-start-end-0px w-50px text-center fs-12px" id="expYearNewCard" name="PaymentInfo.ExpYear" placeholder="YY" inputmode="numeric" pattern="[0-9]*" maxlength="2" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="السنة (YYYY)" lang="en">
<input type="text" class="form-control only-number card-exp rounded-start-start-0px rounded-end-start-0px w-50px text-center fs-12px" id="expMonthNewCard" name="PaymentInfo.ExpMonth" placeholder="MM" inputmode="numeric" pattern="[0-9]*" maxlength="2" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="الشهر (MM)" lang="en">
</div>
<label id="errors-container_expDateYear" role="alert"></label>
<label id="errors-container_expDateMonth" class="me-1" role="alert"></label>
</div>
<div class="form-group cvv position-relative">
<label class="form-label text-primary-blue font-semibold fs-16px position-relative" for="cvv">
رمز الأمان <i class="fas fa-info-circle custom-tooltip text-primary-green" aria-hidden="true"></i>
<span id="creditCardInfoText" class="bg-white custom-tooltip__text shadow quick" aria-hidden="false">
<img src="2/assets/images/payment/CVV.svg" alt="يتكون رمز الأمان من ثلاثة أرقام مطبوعة في نهاية شريط التوقيع خلف البطاقة">
</span>
<span id="cvvPlaceSr" class="visually-hidden">يتكون رمز الأمان من ثلاثة أرقام مطبوعة في نهاية شريط التوقيع خلف البطاقة.</span>
</label>
<input type="text" class="form-control only-number card-exp text-center w-140px fs-12px" id="cvv" placeholder="الـ 3 أرقام خلف بطاقتك" name="PaymentInfo.CVV" maxlength="3" inputmode="numeric" pattern="[0-9]*" autocomplete="cc-csc" x-autocompletetype="cc-csc" aria-label="رمز الأمان CVV" aria-describedby="cvvPlaceSr" lang="en">
</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-baseline my-3">
<small class="text-dark">
<span aria-hidden="true">قم </span><a class="text-primary-blue text-underline" aria-label="قم بتسجيل الدخول لتتمكن من حفظ البطاقة" href="auth/login.html">بتسجيل الدخول</a><span aria-hidden="true"> لتتمكن من حفظ البطاقة</span>
</small>
</div>
<div class="mb-3 d-none" id="cardAliasName">
<label for="aliaseName" class="form-label text-primary-blue font-semibold fs-16px">تسميتك المختصرة للبطاقة <span class="fs-12px ms-1">(اختياري)</span></label>
<input type="text" class="form-control" maxlength="20" id="aliaseName" name="PaymentInfo.CardHolderName" placeholder="اسم مختصر لحفظ البطاقة">
</div>
<div class="border-opacity-25 border-primary border-top d-flex font-semibold fs-14px lh-45px pt-2 w-100">
<span class="text-grey-4" aria-hidden="true">بإتمام التبرع أنت توافق على</span>
<button type="button" class="btn btn-link fs-14px text-decoration-underline text-primary-darksky" data-bs-toggle="modal" data-bs-target="#payment-privacy-modal" role="button" aria-label="بإتمام التبرع، فإنك توافق على سياسات التبرع. اضغط لعرض سياسات التبرع في نافذة منبثقة">سياسات التبرع</button>
</div>
<div class="bg-green-opacity-5 d-flex justify-content-between px-3 py-2 rounded-14px font-semibold mb-2">
<label class="mb-0 text-primary-green">الإجمالي:</label>
<label class="mb-0 text-primary-green"><span class="amount-quick"></span> <small class="unit">ر.س</small></label>
</div>
<button id="submitNewCard" type="submit" class="btn btn-gradient w-100 font-semibold">إتمام عملية التبرع</button>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8F6blf7zzxRDpkFRMPt9Y5-oiqzw6bEVPYxyHCornt29MFDHeW-Fh6wtLwHHZe7U6v6CN5CFDMdE6xc009s7SLEYXWVqbnXhN3IsLC18XWhsfXHt3MOiLk1WMo7ET-XizCrhkzGhNmk64DeUXziW50I">
</div>
</div>
</div>
</div>
</div>
<div class="d-flex payment-methods quick-donation align-items-center flex-wrap flex-md-nowrap text-center text-md-right justify-content-center mt-4" role="region" aria-label="خيارات الدفع المتاحة">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/apple.svg" alt="Apple Pay">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/mada.svg" alt="بطاقة مدى">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/visa.svg" alt="Visa">
<img class="filter-gray border-end pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/masterCard.svg" alt="Master Card">
<img class="filter-gray pe-me-3 me-md-3 me-1 pe-1 h-20px" src="2/assets/images/payment/qitaf.svg" alt="قطاف">
</div>
<div class="mt-3 text-center text-grey-4">
<i class="fas fa-shield-alt" aria-hidden="true"></i> <span class="font-semibold fs-12px">جميع عمليات الدفع آمنة 100%</span>
</div>
</div>
</div>
</div>
</div>
</div>
<span id="qd-panel-description" class="d-none">استعمل مفتاح الانتقال للتنقل بين العناصر</span>
</div>
<script src="static/js/payment.js"></script>
<!-- Main Content -->
<main id="maincontent" class="home-page">
<div id="homeCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-inner" role="region" aria-label="جديد إحسان">
<h2 class="visually-hidden">جديد إحسان</h2>
<div class="carousel-indicators align-items-center">
<button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="0" class="carousel-indicators_item active" aria-current="true" aria-label="الانتقال إلى الشريحة رقم 1"></button>
<button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="1" class="carousel-indicators_item " aria-current="false" aria-label="الانتقال إلى الشريحة رقم 2"></button>
<button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="2" class="carousel-indicators_item " aria-current="false" aria-label="الانتقال إلى الشريحة رقم 3"></button>
<button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="3" class="carousel-indicators_item " aria-current="false" aria-label="الانتقال إلى الشريحة رقم 4"></button>
<button type="button" class="carousel-indicators_item toggle-player toggle-player_pause" aria-pressed="false" aria-label="إيقاف حركة الشرائح">
<i class="fas fa-pause" aria-hidden="true"></i>
<i class="fas fa-play d-none" aria-hidden="true"></i>
</button>
</div>
<div class="carousel-item active" role="region" aria-roledescription="شريحة" aria-label="التبرع الدوري">
<picture>
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/Dawri2.web.png" media="(min-width: 768px)">
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/Dawri2.mob.png" media="(max-width: 767px)">
<img class="" src="ehsanbaner.s3.me-south-1.amazonaws.com/Baners%2b-%2bFinal/Dawri2.web.png" alt="">
</picture>
<div class="carousel-content px-4 px-md-5 mx-md-4 text-center text-md-start position-absolute translate-middle-y" style="color:#2c557d;">
<h1 aria-level="3" class="text-center px-xl-5 text-md-start">التبرع الدوري</h1>
<p class="px-xl-5">عطاءٌ منهمر, وخيرٌ مستمر</p>
<a href="2/periodicdonation.html" class="btn rounded-pill px-5 fw-bold fs-5 mx-xl-5" style="color:#ffffff; background-color:#2c557d">
اشترك الآن
</a>
</div>
</div>
<div class="carousel-item " role="region" aria-roledescription="شريحة" aria-label="خدمة تيسرت">
<picture>
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/Tysrt2.web.png" media="(min-width: 768px)">
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/Tysrt2.mob.png" media="(max-width: 767px)">
<img class="" src="ehsanbaner.s3.me-south-1.amazonaws.com/Baners%2b-%2bFinal/Tysrt2.web.png" alt="">
</picture>
<div class="carousel-content px-4 px-md-5 mx-md-4 text-center text-md-start position-absolute translate-middle-y" style="color:#ffffff;">
<h1 aria-level="3" class="text-center px-xl-5 text-md-start">خدمة تيسرت</h1>
<p class="px-xl-5">إحسانك ييسّر حالًا</p>
<a href="tyassarat/judicialbills.html" class="btn rounded-pill px-5 fw-bold fs-5 mx-xl-5" style="color:#0a0a0a; background-color:#ffffff">
تبرع الآن
</a>
</div>
</div>
<div class="carousel-item " role="region" aria-roledescription="شريحة" aria-label="الهدية">
<picture>
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/gift1.web.png" media="(min-width: 768px)">
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/gift1.mob.png" media="(max-width: 767px)">
<img class="" src="ehsanbaner.s3.me-south-1.amazonaws.com/Baners%2b-%2bFinal/gift1.web.png" alt="">
</picture>
<div class="carousel-content px-4 px-md-5 mx-md-4 text-center text-md-start position-absolute translate-middle-y" style="color:#003f6e;">
<h1 aria-level="3" class="text-center px-xl-5 text-md-start">الهدية</h1>
<p class="px-xl-5">لتُسعدهم بعطائك</p>
<a href="2/gift.html" class="btn rounded-pill px-5 fw-bold fs-5 mx-xl-5" style="color:#003f6e; background-color:#ffffff">
أهدِ أحبابك
</a>
</div>
</div>
<div class="carousel-item " role="region" aria-roledescription="شريحة" aria-label="فرصة">
<picture>
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/moques5.web.jpg" media="(min-width: 768px)">
<source srcset="https://ehsanbaner.s3.me-south-1.amazonaws.com/Baners+-+Final/moques5.mob.jpg" media="(max-width: 767px)">
<img class="" src="ehsanbaner.s3.me-south-1.amazonaws.com/Baners%2b-%2bFinal/moques5.web.jpg" alt="">
</picture>
<div class="carousel-content px-4 px-md-5 mx-md-4 text-center text-md-start position-absolute translate-middle-y" style="color:#ffffff;">
<h1 aria-level="3" class="text-center px-xl-5 text-md-start">فرصة</h1>
<p class="px-xl-5">للخير بين يديك</p>
<a href="2/mosques.html" class="btn rounded-pill px-5 fw-bold fs-5 mx-xl-5" style="color:#3f8f75; background-color:#ffffff">
تبرع الآن
</a>
</div>
</div>
</div>
<button class="carousel-control-prev d-none d-md-flex" type="button" data-bs-target="#homeCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">الشريحة السابقة</span>
</button>
<button class="carousel-control-next d-none d-md-flex" type="button" data-bs-target="#homeCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">الشريحة التالية</span>
</button>
</div>
<section class="unique-donation" aria-label="من فرص التبرع">
<div class="container">
<div class="line-with-words my-5">
<img width="300" class="mx-auto" src="2/assets/images/homepage/ahseno-ayah.svg" alt="وَأَحْسِنُوا ۛ إِنَّ اللَّهَ يُحِبُّ الْمُحْسِنِينَ">
</div>
<section class="my-3 mb-4 py-md-5 py-4 rounded-2" id="waqf-header">
<div class="container text-center d-md-flex justify-content-between align-items-center px-md-4">
<div class="text-md-start">
<h2 class="text-white mb-3">وقف إحسان</h2>
<p class="text-white text-justify fs-28px">صدقة جارية يدوم نفعها ويتضاعف أجرها.</p>
</div>
<div>
<a href="2/waqf.html" class="btn btn-white me-2 px-5 py-2 fs-20px fs-sm-14px rounded-pill font-semibold text-primary-green text-center shadow-md">ساهم بعطائك </a>
</div>
</div>
</section>
<div class="line-with-words mb-5">
<div class="line me-5"></div>
<h5 id="unique-donations-title" class="mb-0 title" aria-level="2">من فرص التبرع</h5>
<div class="line ms-5"></div>
</div>
</div>
<div>
<ul class="nav nav-pills justify-content-center" id="unique-donation-tabs" role="tablist" aria-label="أنواع فرص التبرع" data-a11y="parent">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="pills-projects-tab" data-bs-toggle="pill" href="#projects-tab" role="tab" aria-controls="projects-tab" aria-selected="true" data-a11y="child">
المشاريع <img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-projects.svg" alt="">
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-tab="tyassarat-tab" id="pills-tyassarat-tab" data-bs-toggle="pill" href="#tyassarat-tab" role="tab" aria-controls="tyassarat-tab" aria-selected="false" data-a11y="child">
تيسرت <img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-taysrat.svg" alt="">
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-tab="forijat-tab" id="pills-forijat-tab" data-bs-toggle="pill" href="#forijat-tab" role="tab" aria-controls="forijat-tab" aria-selected="false" data-a11y="child">
فرجت <img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-forijat.svg" alt="">
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="pills-store-tab" data-bs-toggle="pill" href="#store-tab" role="tab" aria-controls="store-tab" aria-selected="false" data-a11y="child">
الكفارات <img loading="lazy" src="assets/images/menu-icons/new-icons/icon-store.svg" alt="">
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-tab="rescue-tab" id="pills-rescue-tab" data-bs-toggle="pill" href="#rescue-tab" role="tab" aria-controls="rescue-tab" aria-selected="false" data-a11y="child">
الإغاثة <img loading="lazy" src="2/assets/images/menu-icons/new-icons/icon-eghatha.svg" alt="">
</a>
</li>
</ul>
</div>
<div class="tab-content bg-smoke-white-3 py-4" id="unique-donation-tabContent">
<div class="tab-pane fade show active" id="projects-tab" role="tabpanel" aria-labelledby="pills-projects-tab">
<div class="container">
<div class="row mb-0 mb-sm-4 cards-wrapper" role="region" aria-label="المشاريع الموصى بها">
<h3 class="visually-hidden">المشاريع الموصى بها</h3>
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Product",
"name" : "دعم حلقات تحفيظ القرآن الكريم",
"image" : "~/2/assets/images/Default_card.svg",
"brand" : {
"@type" : "Brand",
"name" : "Project",
"logo" : "https://ehsan.org.uk/2/assets/images/ehsan-logo-slogan.svg"
},
"offers": {
"@type": "AggregateOffer",
"lowPrice": "40,256",
"highPrice": "207,244",
"priceCurrency": "SAR"
}
}
</script>
<div class="col-md-6 col-xl-4 col-12 mb-3 mb-xl-0 pb-3">
<div class="card card-shadow pt-2 pb-3 pe-3 ps-3">
<div class="custom-card-header d-flex justify-content-between align-items-center"><div class="replaced-link" onclick="doNavigate("2/projects/0/476057530.html?amount=null")" role="link" tabindex="0">
<h6 class="title text-truncate " aria-level="4">دعم حلقات تحفيظ القرآن الكريم</h6>
</div>
<a class="card-details-link" href="2/projects/0/476057530.html?amount=null" role="link" tabindex="-1" aria-hidden="true"></a>
<button class="btn share-icon-btn share-help ghiras_share" data-caseid="47605" data-casetype="Project" data-casetitle="دعم حلقات تحفيظ القرآن الكريم" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة دعم حلقات تحفيظ القرآن الكريم"><i class="fas fa-share-alt"></i></button>
</div>
<div class="my-1 project-item-details"><div class="replaced-link" onclick="doNavigate("2/projects/0/476057530.html?amount=null")">
<div class="project-img">
<img loading="lazy" class="h-100 w-100" src="ehsanimagesp.s3.me-south-1.amazonaws.com/P01155.jpg" onerror="this.src='assets/images/Default_card.svg';this.onerror='';" width="316" height="155" alt="دعم حلقات تحفيظ القرآن الكريم">
<div class="rangeslider1 w-100" id="js-rangeslider-0" aria-hidden="true">
16
<div class="rangeslider-fill-lower">
<div class="rangeslider-thumb" id="donut-47605" style="width: 16%" role="slider" aria-valuemin="0" aria-valuenow="16" aria-valuemax="100" aria-label="تم جمع">
<div class="range-output" style="transform: rotate(0deg);">
<output class="output" name="output" for="range">16%</output>
</div>
</div>
</div>
<style>
#donut-47605 {
width: 16%;
animation: donutLoad-47605 2s ease;
animation-direction: alternate;
}
@keyframes donutLoad-47605 {
0% {width: 0;}
100% {width: 16%;}
}
</style> </div>
</div>
</div>
<a class="card-details-link" href="2/projects/0/476057530.html?amount=null" role="presentation" tabindex="-1" aria-hidden="true"></a>
<div class="row mt-2">
<div class="col">
<small class="text-primary-green">تم جمع</small>
<label class="text-primary-blue d-block h6 font-semibold">40,256<small class="ms-1 text-nowrap">ر.س</small><span class="visually-hidden">(16%)</span></label>
</div>
<div class="col">
<small class="text-primary-green">المبلغ المتبقي</small>
<label class="text-primary-blue d-block h6 font-semibold MaxValSpan">207,244<small class="ms-1 text-nowrap">ر.س</small></label>
</div>
</div>
<div class="MaxValueBox">
<span class="MaxValueBoxTitle">أعلى قيمة يمكنك التبرع بها</span>
<span class="MaxValueBoxValue">207,244</span>
</div>
</div>
<!-- actions -->
<input type="hidden" name="id" value="47605">
<input type="hidden" name="title" value="دعم حلقات تحفيظ القرآن الكريم">
<input type="hidden" name="type" value="Project">
<input type="hidden" name="contributionType" value="صدقة">
<input type="hidden" name="AttachmentURL" value="https://ehsanimagesp.s3.me-south-1.amazonaws.com/P01155.jpg">
<div class="d-flex cart-wrapper" data-id="47605">
<div class="addToCartWrapper w-100 d-flex">
<div class="price-details">
<input class="float-start cart-amount only-number" placeholder="مبلغ التبرع" name="cartamount" autocomplete="off" id="donationAmountInput1" inputmode="numeric" pattern="[0-9]*" data-val-range-min="0" data-val-range-max="207244.00" data-val-range="****" data-val="true" data-val-number="ارقام" aria-label="مبلغ التبرع - دعم حلقات تحفيظ القرآن الكريم (ريال سعودي)" lang="en">
<span class="text-light-grey float-end" aria-hidden="true">ر.س</span>
</div>
<button id="goToPaymentPage1" class="btn btn-primary-blue flex-grow-1 mx-2 rounded-pill donate-now" type="button" onclick="navigateToDonation(this, '/projects/0/47605', 47605)">
تبرع الآن
</button>
<script>
function setDonationAmount1(amount) {
document.getElementById("donationAmountInput1").value = amount;
}
document.getElementById("goToPaymentPage1").addEventListener("click", function() {
var donationAmount = document.getElementById("donationAmountInput1").value;
sessionStorage.setItem("donationAmount", donationAmount);
window.location.href = "2/projects/0/1.html"; // تأكد من تغيير الرابط بما يتوافق مع العنوان الفعلي لصفحة بوابة الدفع
});
</script>
<button class="add-to-cart border-0 btn-primary-green btn-round-icon fa-cart-plus fas fs-5" data-url="/projects/0/47605?amount=null" data-initiativetypeid="1" data-maxamount="207244.00" data-id="47605" data-title="دعم حلقات تحفيظ القرآن الكريم" data-type="Project" data-type-name="Project" data-contribution-type="صدقة" data-attachment="https://ehsanimagesp.s3.me-south-1.amazonaws.com/P01155.jpg" aria-label="إضافة دعم حلقات تحفيظ القرآن الكريم إلى سلة تبرعاتك">
</button>
</div>
<div class="d-none removeFromCartWrapper d-flex flex-fill justify-content-between">
<button class="btn btn-link remove-from-cart text-grey-3" data-id="47605" data-initiativetypeid="1" aria-label="إزالة دعم حلقات تحفيظ القرآن الكريم من سلة تبرعاتك">
ازالة
</button>
<label class="addedToCart align-items-center bg-grey-1 d-flex px-5 rounded-pill text-grey-3">مضاف لسلة تبرعاتك <i class="fas fa-cart-plus ms-1"></i></label>
</div>
</div> <hr>
<div class="text-center">
<a type="button" class="btn btn-block btn-sm p-0 text-muted" href="2/projects/0/476057530.html?amount=null" tabindex="-1" aria-hidden="true"><span>تفاصيل الحالة</span></a>
</div>
</div>
</div><script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Product",
"name" : "تفريج كرب الأسر المتعففة",
"image" : "~/2/assets/images/Default_card.svg",
"brand" : {
"@type" : "Brand",
"name" : "Project",
"logo" : "https://ehsan.org.uk/assets/images/ehsan-logo-slogan.svg"
},
"offers": {
"@type": "AggregateOffer",
"lowPrice": "55,232",
"highPrice": "294,768",
"priceCurrency": "SAR"
}
}
</script>
<div class="col-md-6 col-xl-4 col-12 mb-3 mb-xl-0 pb-3">
<div class="card card-shadow pt-2 pb-3 pe-3 ps-3">
<div class="custom-card-header d-flex justify-content-between align-items-center"><div class="replaced-link" onclick="doNavigate("2/projects/0/476037530.html?amount=null")" role="link" tabindex="0">
<h6 class="title text-truncate ps-65px" aria-level="4">تفريج كرب الأسر المتعففة</h6>
</div>
<a class="card-details-link" href="2/projects/0/476037530.html?amount=null" role="link" tabindex="-1" aria-hidden="true"></a>
<button class="btn share-icon-btn share-help ghiras_share" data-caseid="47603" data-casetype="Project" data-casetitle="تفريج كرب الأسر المتعففة" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة تفريج كرب الأسر المتعففة"><i class="fas fa-share-alt"></i></button>
</div>
<div class="my-1 project-item-details"><div class="replaced-link" onclick="doNavigate("2/projects/0/476037530.html?amount=null")">
<div class="project-img">
<div class="badge d-flex flex-column font-regular font-semibold p-2 position-absolute pt-3 px-12px rounded-0 shadow zakat-badge">
<label class="mb-2">تقبل</label>
<label class="mb-1">الزكاة</label>
</div>
<img loading="lazy" class="h-100 w-100" src="ehsanimagesp.s3.me-south-1.amazonaws.com/P255.png" onerror="this.src='assets/images/Default_card.svg';this.onerror='';" width="316" height="155" alt="تفريج كرب الأسر المتعففة">
<div class="rangeslider1 w-100" id="js-rangeslider-0" aria-hidden="true">
16
<div class="rangeslider-fill-lower">
<div class="rangeslider-thumb" id="donut-47603" style="width: 16%" role="slider" aria-valuemin="0" aria-valuenow="16" aria-valuemax="100" aria-label="تم جمع">
<div class="range-output" style="transform: rotate(0deg);">
<output class="output" name="output" for="range">16%</output>
</div>
</div>
</div>
<style>
#donut-47603 {
width: 16%;
animation: donutLoad-47603 2s ease;
animation-direction: alternate;
}
@keyframes donutLoad-47603 {
0% {width: 0;}
100% {width: 16%;}
}
</style> </div>
</div>
</div>
<a class="card-details-link" href="2/projects/0/476037530.html?amount=null" role="presentation" tabindex="-1" aria-hidden="true"></a>
<div class="row mt-2">
<div class="col">
<small class="text-primary-green">تم جمع</small>
<label class="text-primary-blue d-block h6 font-semibold">55,232<small class="ms-1 text-nowrap">ر.س</small><span class="visually-hidden">(16%)</span></label>
</div>
<div class="col">
<small class="text-primary-green">المبلغ المتبقي</small>
<label class="text-primary-blue d-block h6 font-semibold MaxValSpan">294,768<small class="ms-1 text-nowrap">ر.س</small></label>
</div>
</div>
<div class="MaxValueBox">
<span class="MaxValueBoxTitle">أعلى قيمة يمكنك التبرع بها</span>
<span class="MaxValueBoxValue">294,768</span>
</div>
</div>
<!-- actions -->
<input type="hidden" name="id" value="47603">
<input type="hidden" name="title" value="تفريج كرب الأسر المتعففة">
<input type="hidden" name="type" value="Project">
<input type="hidden" name="contributionType" value="زكاة">
<input type="hidden" name="AttachmentURL" value="https://ehsanimagesp.s3.me-south-1.amazonaws.com/P255.png">
<div class="d-flex cart-wrapper" data-id="47603">
<div class="addToCartWrapper w-100 d-flex">
<div class="price-details">
<input class="float-start cart-amount only-number" placeholder="مبلغ التبرع" name="cartamount" autocomplete="off" id="donationAmountInput2" inputmode="numeric" pattern="[0-9]*" data-val-range-min="0" data-val-range-max="294768.00" data-val-range="****" data-val="true" data-val-number="ارقام" aria-label="مبلغ التبرع - تفريج كرب الأسر المتعففة (ريال سعودي)" lang="en">
<span class="text-light-grey float-end" aria-hidden="true">ر.س</span>
</div>
<button id="goToPaymentPage2" class="btn btn-primary-blue flex-grow-1 mx-2 rounded-pill donate-now" type="button" onclick="navigateToDonation(this, '/projects/0/47603', 47603)">
تبرع الآن
</button>
<script>
function setDonationAmount2(amount) {
document.getElementById("donationAmountInput2").value = amount;
}
document.getElementById("goToPaymentPage2").addEventListener("click", function() {
var donationAmount = document.getElementById("donationAmountInput2").value;
sessionStorage.setItem("donationAmount", donationAmount);
window.location.href = "2/projects/0/1.html"; // تأكد من تغيير الرابط بما يتوافق مع العنوان الفعلي لصفحة بوابة الدفع
});
</script>
<button class="add-to-cart border-0 btn-primary-green btn-round-icon fa-cart-plus fas fs-5" data-url="/projects/0/47603?amount=null" data-initiativetypeid="1" data-maxamount="294768.00" data-id="47603" data-title="تفريج كرب الأسر المتعففة" data-type="Project" data-type-name="Project" data-contribution-type="زكاة" data-attachment="https://ehsanimagesp.s3.me-south-1.amazonaws.com/P255.png" aria-label="إضافة تفريج كرب الأسر المتعففة إلى سلة تبرعاتك">
</button>
</div>
<div class="d-none removeFromCartWrapper d-flex flex-fill justify-content-between">
<button class="btn btn-link remove-from-cart text-grey-3" data-id="47603" data-initiativetypeid="1" aria-label="إزالة تفريج كرب الأسر المتعففة من سلة تبرعاتك">
ازالة
</button>
<label class="addedToCart align-items-center bg-grey-1 d-flex px-5 rounded-pill text-grey-3">مضاف لسلة تبرعاتك <i class="fas fa-cart-plus ms-1"></i></label>
</div>
</div> <hr>
<div class="text-center">
<a type="button" class="btn btn-block btn-sm p-0 text-muted" href="2/projects/0/476037530.html?amount=null" tabindex="-1" aria-hidden="true"><span>تفاصيل الحالة</span></a>
</div>
</div>
</div><script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Product",
"name" : "إعانة طلاب المرحلة الجامعية",
"image" : "~/2/assets/images/Default_card.svg",
"brand" : {
"@type" : "Brand",
"name" : "Project",
"logo" : "https://ehsan.org.uk/assets/images/ehsan-logo-slogan.svg"
},
"offers": {
"@type": "AggregateOffer",
"lowPrice": "333,063",
"highPrice": "66,937",
"priceCurrency": "SAR"
}
}
</script>
<div class="col-md-6 col-xl-4 col-12 mb-3 mb-xl-0 pb-3">
<div class="card card-shadow pt-2 pb-3 pe-3 ps-3">
<div class="custom-card-header d-flex justify-content-between align-items-center"><div class="replaced-link" onclick="doNavigate("2/projects/0/475167530.html?amount=null")" role="link" tabindex="0">
<h6 class="title text-truncate " aria-level="4">إعانة طلاب المرحلة الجامعية</h6>
</div>
<a class="card-details-link" href="2/projects/0/475167530.html?amount=null" role="link" tabindex="-1" aria-hidden="true"></a>
<button class="btn share-icon-btn share-help ghiras_share" data-caseid="47516" data-casetype="Project" data-casetitle="إعانة طلاب المرحلة الجامعية" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة إعانة طلاب المرحلة الجامعية"><i class="fas fa-share-alt"></i></button>
</div>
<div class="my-1 project-item-details"><div class="replaced-link" onclick="doNavigate("2/projects/0/475167530.html?amount=null")">
<div class="project-img">
<img loading="lazy" class="h-100 w-100" src="ehsanimagesp.s3.me-south-1.amazonaws.com/P381.jpg" onerror="this.src='assets/images/Default_card.svg';this.onerror='';" width="316" height="155" alt="إعانة طلاب المرحلة الجامعية">
<div class="rangeslider1 w-100" id="js-rangeslider-0" aria-hidden="true">
83
<div class="rangeslider-fill-lower">
<div class="rangeslider-thumb" id="donut-47516" style="width: 83%" role="slider" aria-valuemin="0" aria-valuenow="83" aria-valuemax="100" aria-label="تم جمع">
<div class="range-output" style="transform: rotate(0deg);">
<output class="output" name="output" for="range">83%</output>
</div>
</div>
</div>
<style>
#donut-47516 {
width: 83%;
animation: donutLoad-47516 2s ease;
animation-direction: alternate;
}
@keyframes donutLoad-47516 {
0% {width: 0;}
100% {width: 83%;}
}
</style> </div>
</div>
</div>
<a class="card-details-link" href="2/projects/0/475167530.html?amount=null" role="presentation" tabindex="-1" aria-hidden="true"></a>
<div class="row mt-2">
<div class="col">
<small class="text-primary-green">تم جمع</small>
<label class="text-primary-blue d-block h6 font-semibold">333,063<small class="ms-1 text-nowrap">ر.س</small><span class="visually-hidden">(83%)</span></label>
</div>
<div class="col">
<small class="text-primary-green">المبلغ المتبقي</small>
<label class="text-primary-blue d-block h6 font-semibold MaxValSpan">66,937<small class="ms-1 text-nowrap">ر.س</small></label>
</div>
</div>
<div class="MaxValueBox">
<span class="MaxValueBoxTitle">أعلى قيمة يمكنك التبرع بها</span>
<span class="MaxValueBoxValue">66,937</span>
</div>
</div>
<!-- actions -->
<input type="hidden" name="id" value="47516">
<input type="hidden" name="title" value="إعانة طلاب المرحلة الجامعية">
<input type="hidden" name="type" value="Project">
<input type="hidden" name="contributionType" value="صدقة">
<input type="hidden" name="AttachmentURL" value="https://ehsanimagesp.s3.me-south-1.amazonaws.com/P381.jpg">
<div class="d-flex cart-wrapper" data-id="47516">
<div class="addToCartWrapper w-100 d-flex">
<div class="price-details">
<input class="float-start cart-amount only-number" placeholder="مبلغ التبرع" name="cartamount" autocomplete="off" id="donationAmountInput3" inputmode="numeric" pattern="[0-9]*" data-val-range-min="0" data-val-range-max="66937.00" data-val-range="****" data-val="true" data-val-number="ارقام" aria-label="مبلغ التبرع - إعانة طلاب المرحلة الجامعية (ريال سعودي)" lang="en">
<span class="text-light-grey float-end" aria-hidden="true">ر.س</span>
</div>
<button id="goToPaymentPage3" class="btn btn-primary-blue flex-grow-1 mx-2 rounded-pill donate-now" type="button" onclick="navigateToDonation(this, '/projects/0/47516', 47516)">
تبرع الآن
</button>
<script>
function setDonationAmount3(amount) {
document.getElementById("donationAmountInput3").value = amount;
}
document.getElementById("goToPaymentPage3").addEventListener("click", function() {
var donationAmount = document.getElementById("donationAmountInput3").value;
sessionStorage.setItem("donationAmount", donationAmount);
window.location.href = "2/projects/0/1.html"; // تأكد من تغيير الرابط بما يتوافق مع العنوان الفعلي لصفحة بوابة الدفع
});
</script>
<button class="add-to-cart border-0 btn-primary-green btn-round-icon fa-cart-plus fas fs-5" data-url="/projects/0/47516?amount=null" data-initiativetypeid="1" data-maxamount="66937.00" data-id="47516" data-title="إعانة طلاب المرحلة الجامعية" data-type="Project" data-type-name="Project" data-contribution-type="صدقة" data-attachment="https://ehsanimagesp.s3.me-south-1.amazonaws.com/P381.jpg" aria-label="إضافة إعانة طلاب المرحلة الجامعية إلى سلة تبرعاتك">
</button>
</div>
<div class="d-none removeFromCartWrapper d-flex flex-fill justify-content-between">
<button class="btn btn-link remove-from-cart text-grey-3" data-id="47516" data-initiativetypeid="1" aria-label="إزالة إعانة طلاب المرحلة الجامعية من سلة تبرعاتك">
ازالة
</button>
<label class="addedToCart align-items-center bg-grey-1 d-flex px-5 rounded-pill text-grey-3">مضاف لسلة تبرعاتك <i class="fas fa-cart-plus ms-1"></i></label>
</div>
</div> <hr>
<div class="text-center">
<a type="button" class="btn btn-block btn-sm p-0 text-muted" href="2/projects/0/475167530.html?amount=null" tabindex="-1" aria-hidden="true"><span>تفاصيل الحالة</span></a>
</div>
</div>
</div> </div>
<div class="text-center mb-sm-5 mt-5 MobileBtn">
<a class="btn btn-primary-green rounded-pill px-5" aria-label="المزيد من المشاريع" href="2/projects.html">المزيد من المشاريع</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tyassarat-tab" role="tabpanel" aria-labelledby="pills-tyassarat-tab">
<div class="container">
<div class="row mb-0 mb-sm-4 tanfeeth-cards cards-wrapper" role="region" aria-label="حالات تيسرت الموصى بها">
<h3 class="sr-only">حالات تيسرت الموصى بها</h3>
<div class="col-md-6 col-lg-4">
<div class="card card-shadow border-rounded mb-4">
<div class="card-body p-0">
<div>
<div class="card-inner-top">
<span class="bg-helper"></span>
<div class="align-items-center bg-white border-rounded-8 card-details d-flex h-100 position-relative px-3 py-4 shadow description" style="z-index: 2;"><div class="replaced-link" onclick="doNavigate("tyassarat/details/34336.html")" role="link" tabindex="0">
<div class="text-center" role="heading" aria-level="4">
مُعسر عُمره 32 عاماً مُتزوج ولديه (1) من الأبناء عليه فاتورة بمبلغ 77000.00 ريال
</div>
</div>
<a href="tyassarat/details/34336.html" class="card-details-link" style="z-index: 2;" role="link" tabindex="-1" aria-hidden="true"></a>
</div>
<small class="border-rounded-8 d-block pb-1 pt-4 sdad-bill shadow text-center text-white w-100">
رقم الفاتورة:
<span>2255950960</span>
</small>
</div>
<div class="card-inner-bottom px-4 py-3">
<div class="d-flex justify-content-between mt-3">
<div>
<small class="text-primary-blue mb-2">تم جمع</small>
<div class="text-black-555 font-semibold">35,891
<small class="ms-1">ر.س</small><span class="visually-hidden"> (46 %)</span>
</div>
</div>
<div>
<small class="text-primary-blue mb-2">المبلغ المتبقي</small>
<div class="text-black-555 font-semibold">41,109<small class="ms-1">ر.س</small></div>
</div>
<div class="donut-chart" data-counted="46">
<svg viewBox="0 0 32 32" aria-hidden="true">
<circle r="16" cx="16" cy="16" id="donut-34336"></circle>
</svg>
<div class="donut-center" aria-hidden="true">46 %</div>
</div>
</div>
</div>
</div>
<div class="hr-dashed-custom mb-3"></div>
<div class="d-flex align-items-center justify-content-between px-4 pb-3 cart-wrapper" data-id="34336">
<div class="addToCartWrapper w-100 d-flex justify-content-between">
<span class="me-2 w-100" aria-hidden="true">
<a class="btn btn-primary-blue prevent-click-onscroll px-3 py-1 rounded-pill w-100" href="2/tyassarat/details/34336.html" aria-hidden="true" tabindex="-1">تبرع الآن</a>
</span>
<button type="button" class="btn share-icon-btn text-green p-0 ghiras_share" data-caseid="34336" data-casetype="Tanfeeth" data-casetitle="مُعسر عُمره 32 عاماً مُتزوج ولديه (1) من الأبناء عليه فاتورة بمبلغ 77000.00 ريال" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة مُعسر عُمره 32 عاماً مُتزوج ولديه (1) من الأبناء عليه فاتورة بمبلغ 77000.00 ريال">
<i class="fas fa-share-alt" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<style>
#donut-34336 {
stroke-dasharray: 46 100;
animation: donutLoad-34336 2s ease;
animation-direction: alternate;
}
@keyframes donutLoad-34336 {
0% {
stroke-dasharray: 0 100;
}
100% {
stroke-dasharray: 46 100;
}
}
</style>
<div class="col-md-6 col-lg-4">
<div class="card card-shadow border-rounded mb-4">
<div class="card-body p-0">
<div>
<div class="card-inner-top">
<span class="bg-helper"></span>
<div class="align-items-center bg-white border-rounded-8 card-details d-flex h-100 position-relative px-3 py-4 shadow description" style="z-index: 2;"><div class="replaced-link" onclick="doNavigate("tyassarat/details/8282.html")" role="link" tabindex="0">
<div class="text-center" role="heading" aria-level="4">
مُعسرة عُمرها 51 عاماً مُتزوجة ولديها (2) من الأبناء عليها فاتورة بمبلغ 30864.00 ريال
</div>
</div>
<a href="tyassarat/details/8282.html" class="card-details-link" style="z-index: 2;" role="link" tabindex="-1" aria-hidden="true"></a>
</div>
<small class="border-rounded-8 d-block pb-1 pt-4 sdad-bill shadow text-center text-white w-100">
رقم الفاتورة:
<span>1949657928</span>
</small>
</div>
<div class="card-inner-bottom px-4 py-3">
<div class="d-flex justify-content-between mt-3">
<div>
<small class="text-primary-blue mb-2">تم جمع</small>
<div class="text-black-555 font-semibold">11,385
<small class="ms-1">ر.س</small><span class="visually-hidden"> (36 %)</span>
</div>
</div>
<div>
<small class="text-primary-blue mb-2">المبلغ المتبقي</small>
<div class="text-black-555 font-semibold">19,479<small class="ms-1">ر.س</small></div>
</div>
<div class="donut-chart" data-counted="36">
<svg viewBox="0 0 32 32" aria-hidden="true">
<circle r="16" cx="16" cy="16" id="donut-8282"></circle>
</svg>
<div class="donut-center" aria-hidden="true">36 %</div>
</div>
</div>
</div>
</div>
<div class="hr-dashed-custom mb-3"></div>
<div class="d-flex align-items-center justify-content-between px-4 pb-3 cart-wrapper" data-id="8282">
<div class="addToCartWrapper w-100 d-flex justify-content-between">
<span class="me-2 w-100" aria-hidden="true">
<a class="btn btn-primary-blue prevent-click-onscroll px-3 py-1 rounded-pill w-100" href="2/tyassarat/details/8282.html" aria-hidden="true" tabindex="-1">تبرع الآن</a>
</span>
<button type="button" class="btn share-icon-btn text-green p-0 ghiras_share" data-caseid="8282" data-casetype="Tanfeeth" data-casetitle="مُعسرة عُمرها 51 عاماً مُتزوجة ولديها (2) من الأبناء عليها فاتورة بمبلغ 30864.00 ريال" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة مُعسرة عُمرها 51 عاماً مُتزوجة ولديها (2) من الأبناء عليها فاتورة بمبلغ 30864.00 ريال">
<i class="fas fa-share-alt" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<style>
#donut-8282 {
stroke-dasharray: 36 100;
animation: donutLoad-8282 2s ease;
animation-direction: alternate;
}
@keyframes donutLoad-8282 {
0% {
stroke-dasharray: 0 100;
}
100% {
stroke-dasharray: 36 100;
}
}
</style>
<div class="col-md-6 col-lg-4">
<div class="card card-shadow border-rounded mb-4">
<div class="card-body p-0">
<div>
<div class="card-inner-top">
<span class="bg-helper"></span>
<div class="align-items-center bg-white border-rounded-8 card-details d-flex h-100 position-relative px-3 py-4 shadow description" style="z-index: 2;"><div class="replaced-link" onclick="doNavigate("2/tyassarat/details/9478.html")" role="link" tabindex="0">
<div class="text-center" role="heading" aria-level="4">
مُعسر عُمره 40 عاماً مُتزوج عليه فاتورة بمبلغ 24367.00 ريال
</div>
</div>
<a href="2/tyassarat/details/9478.html" class="card-details-link" style="z-index: 2;" role="link" tabindex="-1" aria-hidden="true"></a>
</div>
<small class="border-rounded-8 d-block pb-1 pt-4 sdad-bill shadow text-center text-white w-100">
رقم الفاتورة:
<span>1929805009</span>
</small>
</div>
<div class="card-inner-bottom px-4 py-3">
<div class="d-flex justify-content-between mt-3">
<div>
<small class="text-primary-blue mb-2">تم جمع</small>
<div class="text-black-555 font-semibold">15,967
<small class="ms-1">ر.س</small><span class="visually-hidden"> (65 %)</span>
</div>
</div>
<div>
<small class="text-primary-blue mb-2">المبلغ المتبقي</small>
<div class="text-black-555 font-semibold">8,400<small class="ms-1">ر.س</small></div>
</div>
<div class="donut-chart" data-counted="65">
<svg viewBox="0 0 32 32" aria-hidden="true">
<circle r="16" cx="16" cy="16" id="donut-9478"></circle>
</svg>
<div class="donut-center" aria-hidden="true">65 %</div>
</div>
</div>
</div>
</div>
<div class="hr-dashed-custom mb-3"></div>
<div class="d-flex align-items-center justify-content-between px-4 pb-3 cart-wrapper" data-id="9478">
<div class="addToCartWrapper w-100 d-flex justify-content-between">
<span class="me-2 w-100" aria-hidden="true">
<a class="btn btn-primary-blue prevent-click-onscroll px-3 py-1 rounded-pill w-100" href="2/tyassarat/details/9478.html" aria-hidden="true" tabindex="-1">تبرع الآن</a>
</span>
<button type="button" class="btn share-icon-btn text-green p-0 ghiras_share" data-caseid="9478" data-casetype="Tanfeeth" data-casetitle="مُعسر عُمره 40 عاماً مُتزوج عليه فاتورة بمبلغ 24367.00 ريال" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة مُعسر عُمره 40 عاماً مُتزوج عليه فاتورة بمبلغ 24367.00 ريال">
<i class="fas fa-share-alt" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<style>
#donut-9478 {
stroke-dasharray: 65 100;
animation: donutLoad-9478 2s ease;
animation-direction: alternate;
}
@keyframes donutLoad-9478 {
0% {
stroke-dasharray: 0 100;
}
100% {
stroke-dasharray: 65 100;
}
}
</style> </div>
<div class="text-center mb-sm-5 mt-5 MobileBtn">
<a class="btn btn-primary-green rounded-pill px-5" aria-label="المزيد من حالات تيسرت" href="2/tyassarat/judicialbills.html">المزيد من حالات تيسرت</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="forijat-tab" role="tabpanel" aria-labelledby="pills-forijat-tab">
<div class="container">
</div>
</div>
<div class="tab-pane fade" id="store-tab" role="tabpanel" aria-labelledby="pills-store-tab">
<div class="container">
<div class="row mb-0 mb-sm-4 cards-wrapper" role="region" aria-label="المنتجات الموصى بها">
<h3 class="visually-hidden">المنتجات الموصى بها</h3>
<div class="col-md-6 col-xl-4 col-12 mb-3 mb-xl-0 pb-3">
<div class="card card-shadow border-rounded px-3 pb-3 pt-2 cart-wrapper h-100" data-id="10601">
<div class="d-flex justify-content-between align-items-center mb-2 custom-card-header">
<div class="header"><div class="replaced-link" onclick="doNavigate("2/subsidy/details/106017530.html?amount=null")" role="link" tabindex="0">
<h6 class="title text-primary-blue text-truncate ps-2" aria-level="4">كفارة اليمين</h6>
</div>
<a class="card-details-link" href="2/subsidy/details/106017530.html?amount=null" role="link" tabindex="-1" aria-hidden="true"></a>
</div>
<button class="btn text-primary-green p-0 share-icon-btn share-help ghiras_share" data-caseid="10601" data-casetitle="كفارة اليمين" data-casetype="SpecialNeeds" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة كفارة اليمين">
<i class="fas fa-share-alt" aria-hidden="true"></i>
</button>
</div>
<div class="img-subsidy"><div class="replaced-link" onclick="doNavigate("2/subsidy/details/106017530.html?amount=null")">
<label class="img-subsidy-price">سعر الوحدة<span>100.00</span><small class="font-regular">ر.س</small></label>
<img loading="lazy" src="ehsanimagesp.s3.me-south-1.amazonaws.com/P110.jpg" onerror="this.src='assets/images/Default_card.svg';this.onerror='';" alt="كفارة اليمين">
</div>
<a class="card-details-link" href="2/subsidy/details/106017530.html?amount=null" aria-hidden="true" tabindex="-1"></a>
<div class="rangeslider1 w-100" id="js-rangeslider-0">
<div class="rangeslider-fill-lower">
<div class="rangeslider-thumb" id="bar-10601" style="width: 42%;" aria-label="تم جمع" role="slider" aria-valuemin="0" aria-valuenow="42" aria-valuemax="100">
<div class="range-output" style="transform: rotate(0deg);">
<output class="output" name="output" for="range">42%</output>
</div>
</div>
</div>
</div>
</div>
<!-- actions -->
<input type="hidden" class="caseId" name="id" value="10601">
<input type="hidden" class="initiativeType" name="CartItems[0].initiativeType" value="SpecialNeeds">
<input type="hidden" class="title" name="CartItems[0].title" value="كفارة اليمين">
<input type="hidden" class="contributionType" name="contributionType" value="Charity">
<input type="hidden" class="attachmentURL" name="AttachmentURL" value="../ehsanimagesp.s3.me-south-1.amazonaws.com/P110.jpg">
<div class="row mt-0">
<div class="col">
<small class="text-primary-green">تم دعم</small>
<label class="text-primary-blue d-block h6 font-semibold">3349<small class="ms-2 text-nowrap">وحدة</small></label>
</div>
<div class="col">
<small class="text-primary-green">المتبقي</small>
<label class="text-primary-blue d-block h6 font-semibold MaxValSpan">4651<small class="ms-2 text-nowrap">وحدة</small></label>
</div>
</div>
<div class="addToCartWrapper row mb-3" role="group" aria-label="التبرع لِ كفارة اليمين">
<div class="col-6 col-md-5">
<div class="d-flex me-3" role="group" aria-label="التبرع بالوحدات">
<button class="btn btn-whitesmoke rounded-pill-right px-2" type="button" onclick="increaseValue(this, 100.00)" id="btnIncrease" aria-label="إضافة وحدة"><i class="fas fa-plus fa-xs" aria-hidden="true"></i></button>
<input type="number" value="0" class="form-control p-0 bg-white border text-center calcQuantity rounded-0 border-start-0 border-end-0" id="quantity" disabled="disabled" aria-label="الوحدات">
<button class="btn btn-whitesmoke rounded-pill-left px-2" type="button" onclick="decreaseValue(this, '100.00')" id="btnDecrease" aria-label="إزالة وحدة"><i class="fas fa-minus fa-xs" aria-hidden="true"></i></button>
<span class="visually-hidden" aria-live="polite" aria-atomic="true"></span>
</div>
</div>
<div class="col-6 col-md-7 ps-0">
<div class="input-group no-bg">
<input id="donationAmountInput4" class="only-number form-control calcAmount cart-amount" name="CartItems[0].amount" placeholder="المبلغ" readonly="" aria-label="مبلغ التبرع لِ كفارة اليمين (ريال سعودي)" autocomplete="off" data-val="true" data-val-required="الرجاء إدخال مبلغ التبرع" data-val-range=" أعلى قيمة يمكنك التبرع بها 465096.00 و أقل قيمة يمكنك التبرع بها 1.00" data-val-range-max="465096.00" data-val-range-min="1" data-val-number="ارقام" maxlength="7" inputmode="numeric" pattern="[0-9]*" onchange="changeAmount(this, 100.00)" lang="en">
<span class="input-group-text text-primary-green" id="basic-addon1" aria-hidden="true">ر.س</span>
</div>
</div>
<div class="col-12">
<span class="field-validation-valid" data-valmsg-for="CartItems[0].amount" data-valmsg-replace="true" role="alert"></span>
</div>
<div class="align-items-center col-12 d-flex justify-content-between mt-3 px-4">
<button id="goToPaymentPage4" class="btn btn-primary-blue flex-grow-1 me-2 rounded-pill flex-fill donate-now" type="submit" aria-label="تبرع الآن لِ كفارة اليمين">تبرع الآن</button>
<script>
function setDonationAmount4(amount) {
document.getElementById("donationAmountInput4").value = amount;
}
document.getElementById("goToPaymentPage4").addEventListener("click", function() {
var donationAmount = document.getElementById("donationAmountInput4").value;
sessionStorage.setItem("donationAmount", donationAmount);
window.location.href = "2/projects/0/1.html"; // تأكد من تغيير الرابط بما يتوافق مع العنوان الفعلي لصفحة بوابة الدفع
});
</script>
<button type="button" class="add-to-cart border-0 btn-primary-green btn-round-icon fa-cart-plus fas fs-5" data-price-per-unit="100.00" data-allowamount="True" aria-label="إضافة كفارة اليمين إلى سلة تبرعاتك" data-initiativetypeid="2" data-maxamount="465096.00" data-id="10601" data-title="كفارة اليمين" data-type="SpecialNeeds" data-type-name="SpecialNeeds" data-contribution-type="0" data-attachment="../ehsanimagesp.s3.me-south-1.amazonaws.com/P110.jpg"></button>
</div>
</div>
<div class="d-none removeFromCartWrapper d-flex flex-fill justify-content-between mt-30px pt-20px">
<button type="button" class="btn btn-link remove-from-cart text-grey-3" data-id="10601" data-initiativetypeid="2" aria-label="إزالة كفارة اليمين من سلة تبرعاتك">ازالة</button>
<label class="addedToCart align-items-center bg-grey-1 d-flex rounded-pill w-100 justify-content-center text-grey-3">مضاف لسلة تبرعاتك <i class="fas fa-cart-plus ms-1"></i></label>
</div>
<div class="separator mb-2 mt-3"></div>
<p class="mb-0 text-center" aria-hidden="true"><a href="2/subsidy/details/106017530.html?amount=null" class="text-black-50 small" tabindex="-1">تفاصيل الحالة</a></p>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8F6blf7zzxRDpkFRMPt9Y5-oiqzw6bEVPYxyHCornt29MFDHeW-Fh6wtLwHHZe7U6v6CN5CFDMdE6xc009s7SLEYXWVqbnXhN3IsLC18XWhsfXHt3MOiLk1WMo7ET-XizCrhkzGhNmk64DeUXziW50I">
</div>
</div>
<style>
#bar-10601 {
width: 42%;
animation: barLoad-10601 2s ease;
animation-direction: alternate;
}
@keyframes barLoad-10601 {
0% {width: 0;}
100% {width: 42%;}
}
</style><div class="col-md-6 col-xl-4 col-12 mb-3 mb-xl-0 pb-3">
<div class="card card-shadow border-rounded px-3 pb-3 pt-2 cart-wrapper h-100" data-id="10594">
<div class="d-flex justify-content-between align-items-center mb-2 custom-card-header">
<div class="header"><div class="replaced-link" onclick="doNavigate("2/subsidy/details/105947530.html?amount=null")" role="link" tabindex="0">
<h6 class="title text-primary-blue text-truncate ps-2" aria-level="4">كفارة العاجز عن الصيام</h6>
</div>
<a class="card-details-link" href="2/subsidy/details/105947530.html?amount=null" role="link" tabindex="-1" aria-hidden="true"></a>
</div>
<button class="btn text-primary-green p-0 share-icon-btn share-help ghiras_share" data-caseid="10594" data-casetitle="كفارة العاجز عن الصيام" data-casetype="SpecialNeeds" title="شارك التبرع عبر وسائل التواصل الاجتماعي" aria-label="مشاركة كفارة العاجز عن الصيام">
<i class="fas fa-share-alt" aria-hidden="true"></i>
</button>
</div>
<div class="img-subsidy"><div class="replaced-link" onclick="doNavigate("2/subsidy/details/105947530.html?amount=null")">
<label class="img-subsidy-price">سعر الوحدة<span>10.00</span><small class="font-regular">ر.س</small></label>
<img loading="lazy" src="ehsanimagesp.s3.me-south-1.amazonaws.com/P01126.jpg" onerror="this.src='assets/images/Default_card.svg';this.onerror='';" alt="كفارة العاجز عن الصيام">
</div>
<a class="card-details-link" href="2/subsidy/details/105947530.html?amount=null" aria-hidden="true" tabindex="-1"></a>
<div class="rangeslider1 w-100" id="js-rangeslider-0">
<div class="rangeslider-fill-lower">
<div class="rangeslider-thumb" id="bar-10594" style="width: 47%;" aria-label="تم جمع" role="slider" aria-valuemin="0" aria-valuenow="47" aria-valuemax="100">
<div class="range-output" style="transform: rotate(0deg);">
<output class="output" name="output" for="range">47%</output>
</div>
</div>
</div>
</div>
</div>
<!-- actions -->
<input type="hidden" class="caseId" name="id" value="10594">
<input type="hidden" class="initiativeType" name="CartItems[0].initiativeType" value="SpecialNeeds">
<input type="hidden" class="title" name="CartItems[0].title" value="كفارة العاجز عن الصيام">
<input type="hidden" class="contributionType" name="contributionType" value="Charity">
<input type="hidden" class="attachmentURL" name="AttachmentURL" value="ehsanimagesp.s3.me-south-1.amazonaws.com/P01126.jpg">
<div class="row mt-0">
<div class="col">
<small class="text-primary-green">تم دعم</small>
<label class="text-primary-blue d-block h6 font-semibold">28084<small class="ms-2 text-nowrap">وحدة</small></label>
</div>
<div class="col">
<small class="text-primary-green">المتبقي</small>
<label class="text-primary-blue d-block h6 font-semibold MaxValSpan">31916<small class="ms-2 text-nowrap">وحدة</small></label>
</div>
</div>
<div class="addToCartWrapper row mb-3" role="group" aria-label="التبرع لِ كفارة العاجز عن الصيام">
<div class="col-6 col-md-5">
<div class="d-flex me-3" role="group" aria-label="التبرع بالوحدات">
<button class="btn btn-whitesmoke rounded-pill-right px-2" type="button" onclick="increaseValue(this, 10.00)" id="btnIncrease" aria-label="إضافة وحدة"><i class="fas fa-plus fa-xs" aria-hidden="true"></i></button>
<input type="number" value="0" class="form-control p-0 bg-white border text-center calcQuantity rounded-0 border-start-0 border-end-0" id="quantity" disabled="disabled" aria-label="الوحدات">
<button class="btn btn-whitesmoke rounded-pill-left px-2" type="button" onclick="decreaseValue(this, '10.00')" id="btnDecrease" aria-label="إزالة وحدة"><i class="fas fa-minus fa-xs" aria-hidden="true"></i></button>
<span class="visually-hidden" aria-live="polite" aria-atomic="true"></span>
</div>
</div>
<div class="col-6 col-md-7 ps-0">
<div class="input-group no-bg">
<input id="donationAmountInput0" class="only-number form-control calcAmount cart-amount" name="CartItems[0].amount" placeholder="المبلغ" readonly="" aria-label="مبلغ التبرع لِ كفارة العاجز عن الصيام (ريال سعودي)" autocomplete="off" data-val="true" data-val-required="الرجاء إدخال مبلغ التبرع" data-val-range=" أعلى قيمة يمكنك التبرع بها 824037.00 و أقل قيمة يمكنك التبرع بها 1.00" data-val-range-max="824037.00" data-val-range-min="1" data-val-number="ارقام" maxlength="7" inputmode="numeric" pattern="[0-9]*" onchange="changeAmount(this, 10.00)" lang="en">
<span class="input-group-text text-primary-green" id="basic-addon1" aria-hidden="true">ر.س</span>
</div>
</div>
<div class="col-12">
<span class="field-validation-valid" data-valmsg-for="CartItems[0].amount" data-valmsg-replace="true" role="alert"></span>
</div>
<div class="align-items-center col-12 d-flex justify-content-between mt-3 px-4">
<button id="goToPaymentPage0" class="btn btn-primary-blue flex-grow-1 me-2 rounded-pill flex-fill donate-now" type="submit" aria-label="تبرع الآن لِ كفارة العاجز عن الصيام">تبرع الآن</button>
<button type="button" class="add-to-cart border-0 btn-primary-green btn-round-icon fa-cart-plus fas fs-5" data-price-per-unit="10.00" data-allowamount="True" aria-label="إضافة كفارة العاجز عن الصيام إلى سلة تبرعاتك" data-initiativetypeid="2" data-maxamount="319154.00" data-id="10594" data-title="كفارة العاجز عن الصيام" data-type="SpecialNeeds" data-type-name="SpecialNeeds" data-contribution-type="0" data-attachment="../ehsanimagesp.s3.me-south-1.amazonaws.com/P01126.jpg"></button>
<script>
function setDonationAmount0(amount) {
document.getElementById("donationAmountInput0").value = amount;
}
document.getElementById("goToPaymentPage0").addEventListener("click", function() {
var donationAmount = document.getElementById("donationAmountInput0").value;
sessionStorage.setItem("donationAmount", donationAmount);
window.location.href = "2/projects/0/1.html"; // تأكد من تغيير الرابط بما يتوافق مع العنوان الفعلي لصفحة بوابة الدفع
});
</script>
</div>
</div>
<div class="d-none removeFromCartWrapper d-flex flex-fill justify-content-between mt-30px pt-20px">
<button type="button" class="btn btn-link remove-from-cart text-grey-3" data-id="10594" data-initiativetypeid="2" aria-label="إزالة كفارة العاجز عن الصيام من سلة تبرعاتك">ازالة</button>
<label class="addedToCart align-items-center bg-grey-1 d-flex rounded-pill w-100 justify-content-center text-grey-3">مضاف لسلة تبرعاتك <i class="fas fa-cart-plus ms-1"></i></label>
</div>
<div class="separator mb-2 mt-3"></div>
<p class="mb-0 text-center" aria-hidden="true"><a href="2/subsidy/details/105947530.html?amount=null" class="text-black-50 small" tabindex="-1">تفاصيل الحالة</a></p>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8F6blf7zzxRDpkFRMPt9Y5-oiqzw6bEVPYxyHCornt29MFDHeW-Fh6wtLwHHZe7U6v6CN5CFDMdE6xc009s7SLEYXWVqbnXhN3IsLC18XWhsfXHt3MOiLk1WMo7ET-XizCrhkzGhNmk64DeUXziW50I">
</div>
</div>
<style>
#bar-10594 {
width: 47%;
animation: barLoad-10594 2s ease;
animation-direction: alternate;
}
@keyframes barLoad-10594 {
0% {width: 0;}
100% {width: 47%;}
}
</style> </div>
<div class="text-center mb-sm-5 mt-5 MobileBtn">
<a class="btn btn-primary-green rounded-pill px-5" aria-label="المزيد من المنتجات" href="subsidy.html">المزيد من الكفارات</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="rescue-tab" role="tabpanel" aria-labelledby="pills-rescue-tab">
<div class="container">
</div>
</div>
</div>
</section>
<section class="my-4">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-6 col-md-12 pe-0 pe-md-3">
<div class="d-flex flex-column justify-content-between p-3 border-rounded-15 mb-3 banner-major-doners new-shape" role="region" aria-label="الحملة الوطنية للعمل الخيري">
<div>
<h6 class="small text-white-70" aria-level="2">
الحملة الوطنية للعمل الخيري
</h6>
<div class="text-white font-semibold">إحسانكم مستمر</div>
</div>
<div class="text-end">
<a class="small text-white" href="2/majordonors.html">
أبرز المحسنين<i class="fas fa-chevron-left ms-3"></i>
</a>
</div>
</div>
</div>
<div class="col-6 col-md-12">
<div class="d-flex flex-column justify-content-between p-3 border-rounded-15 banner-ghiras-ambassadors new-shape" role="region" aria-label="سفراء غراس">
<div>
<h6 class="small text-white-70" aria-level="2">سفراء غراس</h6>
<div class="text-white font-semibold">
شارك فرص التبرّع في منصّات التواصل الاجتماعي
وكن أحد سفراء غِراس
</div>
</div>
<div class="text-end">
<a class="small text-white" href="2/gheraslist.html">
سفراء غراس<i class="fas fa-chevron-left ms-3"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 ps-md-0">
<style>
.banner-partners {
background-image: url(assets/images/partners/partneres_banner-mobile.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 170px;
}
.banner-partners > * {
position: relative;
}
.banner-partners:before {
background: rgb(18, 141, 119);
background: linear-gradient(318deg, rgba(18, 141, 119, 1) 0%, rgba(33, 69, 112, 1) 100%);
inset: 0;
mix-blend-mode: multiply;
position: absolute;
content: "";
}
.new-shape {
position: relative;
z-index: 1;
}
.new-shape:after {
content: '';
background-image: url(assets/images/partners/icon.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
height: 60px;
width: 55%;
top: 20px;
left: 20px;
z-index: 1;
filter: brightness(0) invert(1);
opacity: .6;
}
@media (max-width: 768px) {
.new-shape:not(.banner-partners):after {
top: auto !important;
bottom: 15%;
}
}
@media (min-width: 768px) {
.banner-partners {
height: 337px;
}
.banner-partners.new-shape:after {
top: 0;
transform: rotate(90deg) translateX(35%);
left: -55px;
height: 35%;
}
}
</style>
<div class="d-flex flex-column justify-content-between p-3 border-rounded-15 banner-partners overflow-hidden position-relative new-shape" role="region" aria-label="شركاء الإحسان">
<div>
<div class="text-white font-semibold">شركاء الإحسان</div>
</div>
<div class="text-end">
<a class="small text-white" href="2/partner.html">
شركاء الإحسان<i class="fas fa-chevron-left ms-3"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="sponsers">
<div class="container">
<section class="sponsers pb-5 pt-3" aria-label="الجهات الإشرافية">
<div class="line-with-words mb-4">
<div class="line me-5"></div>
<h5 id="sponsers" class="mb-0 title" aria-level="2">الجهات الإشرافية</h5>
<div class="line ms-5"></div>
</div>
<div class="sponsers-items px-0 px-lg-5">
<div class="d-none d-md-flex align-items-center justify-content-around justify-content-lg-between">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOI.svg" alt="وزارة الداخلية">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOF.svg" alt="وزارة المالية">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOH.svg" alt="وزارة الصحة">
<img style="width: 120px;" loading="lazy" src="2/assets/images/homepage/sponser-icons/SAMA.svg" alt="البنك المركزي السعودي">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOE.svg" alt="وزارة التعليم">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/mci.svg" alt="وزارة التجارة">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/HRSD.svg" alt="وزارة الموارد البشرية والتنمية الاجتماعية">
</div>
<div class="d-flex flex-wrap flex-md-nowrap align-items-center justify-content-around justify-content-lg-between mt-0 mt-md-5">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOI.svg" class="d-block d-md-none" alt="وزارة الداخلية">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOF.svg" class="d-block d-md-none" alt="وزارة المالية">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOH.svg" class="d-block d-md-none" alt="وزارة الصحة">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/SAMA.svg" class="d-block d-md-none" alt="البنك المركزي السعودي">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOE.svg" class="d-block d-md-none" alt="وزارة التعليم">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/mci.svg" class="d-block d-md-none" alt="وزارة التجارة">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/HRSD.svg" class="d-block d-md-none" alt="وزارة الموارد البشرية والتنمية الاجتماعية">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOJ.svg" alt="وزارة العدل">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/MOMRA.svg" alt="وزارة الشؤون البلدية والقروية والإسكان">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/PSS.svg" alt="رئاسة أمن الدولة">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/sdaia.svg" alt="الهيئة السعودية للبيانات والذكاء الاصطناعي">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/DGA.svg" alt="هيئة الحكومة الرقمية">
<img loading="lazy" src="2/assets/images/homepage/sponser-icons/NC.svg" alt="المركز الوطني لتنمية القطاع غير الربحي">
</div>
</div>
</section>
</div>
</section>
<section class="statistics">
<div class="container position-relative d-flex flex-column justify-content-around" role="region" aria-label="إحسان في أرقام">
<h3 class="text-center mb-4" aria-level="2">إحسان في أرقام</h3>
<div class="row justify-content-center mb-3 text-center box py-4">
<div class="col-md-4 col-12 pb-4">
<div class="mx-auto mb-3">
<img width="45" src="2/assets/images/icons/ramadan1444.svg" alt="إجمالي تبرعات وقف إحسان" aria-hidden="true">
</div>
<label class="title text-truncate mb-4">إجمالي تبرعات وقف إحسان</label>
<!-- // should be change to waqf amount -->
<div>
<span id="total-amount" class="amount"></span>
<span class="currency ms-2">ر.س</span>
</div>
</div>
</div>
<div class="row justify-content-center mb-2 text-center box py-5">
<div class="col-md-4 col-12 pb-4">
<div class="icon mx-auto mb-3">
<img width="25" src="2/assets/images/icons/icon-donations.svg" alt="إجمالي التبرعات" aria-hidden="true">
</div>
<div class="title text-truncate mb-4">إجمالي التبرعات</div>
<div>
<span class="amount">
7,937,047,262
</span>
<span class="currency ms-2">ر.س</span>
</div>
</div>
<div class="col-md-4 col-12 pb-4">
<div class="icon mx-auto mb-3">
<img width="25" src="2/assets/images/icons/icon-add-user.svg" alt="عدد المستفيدين" aria-hidden="true">
</div>
<div class="title text-truncate mb-1">
عدد المستفيدين من البرامج الخيرية و التنموية
<br>
لعام
2024
حتى الآن
</div>
<div>
<span class="amount">
2,942,636
<small>مستفيد</small>
</span>
</div>
</div>
<div class="col-md-4 col-12 pb-4">
<div class="icon mx-auto mb-3">
<img width="25" src="2/assets/images/icons/icon-add-user.svg" alt="عدد عمليات التبرع" aria-hidden="true">
</div>
<div class="title text-truncate mb-4">
عدد عمليات التبرع
</div>
<div>
<span class="amount">
147,758,992
<small>عملية</small>
</span>
</div>
</div>
<div class="col-12">
<a class="btn btn-outline-light fs-18px px-5 rounded-pill" aria-label="تفاصيل الإحصائيات" href="2/dashboard.html">
تفاصيل الإحصائيات <i class="fa-arrow-left fas ms-20px rotate-45deg"></i>
</a>
</div>
</div>
<h5 class="text-center mt-md-3" role="presentation">
<img width="300" src="2/assets/images/homepage/lntnalo-ayah.svg" alt="لَن تَنَالُوا الْبِرَّ حَتَّىٰ تُنفِقُوا مِمَّا تُحِبُّونَ">
</h5>
</div>
</section>
</main>
</div>
<div class="modal fade" id="" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-label="الدفع" aria-hidden="true" aria-describedby="">
<div class="modal-dialog modal-sm mt-200px">
<div class="border-0 modal-content rounded-18px overflow-hidden">
<img src="2/assets/images/horizential-grey-flowers1.svg" class="end--50px opacity-25 position-absolute w-50 d-none" alt="">
<div id="">
<div class="modal-body text-center text-primary-blue mb-4">
<div class="loading-circles m-auto" style="font-size:200px;--duration:2s;--num-dot:10;">
<!-- index start from 0 -->
<div style="--index:0"></div>
<div style="--index:1"></div>
<div style="--index:2"></div>
<div style="--index:3"></div>
<div style="--index:4"></div>
<div style="--index:5"></div>
<div style="--index:6"></div>
<div style="--index:7"></div>
<div style="--index:8"></div>
<div style="--index:9"></div>
<!-- index ended with (var(--num-dot) - 1) -->
</div>
<label class="d-block fs-20px text-primary mt-2">جاري تنفيذ العملية</label>
<label class="text-grey-4 fs-20px">نقدر لك انتظارك</label>
</div>
</div>
<div id="" class="d-none">
<div class="align-items-center bg-smoke-white-3 d-flex h-100px mt-4 justify-content-center m-auto rounded-circle text-center text-danger w-100px">
<i class="fas fa-exclamation-triangle fs-42px" aria-hidden="true"></i>
</div>
<div class="modal-body text-center text-primary-blue mb-4">
حدث خطأ ما، يرجى المحاولة مرة أخرى
</div>
<div class="d-flex">
<button type="button" class="btn btn-outline-dark d-block mb-4 mx-auto px-5 rounded-pill" id="" data-bs-dismiss="modal" aria-label="Close">
إلغاء
</button>
</div>
</div>
</div>
</div>
</div>
<div class="toast align-items-center position-fixed z-index-1070 bottom-0 bg-lightyellow" role="alert" id="addToCartToast" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body">
<label class="can-not-add-elec d-none">
عذرًا، لا يمكن إضافة فرص الكهرباء حالياً نظرًا لاحتواء السلة على فرص من نوع غير الكهرباء.
</label>
<label class="can-add-elec d-none">
عذرًا، لا يمكن إضافة فرص غير الكهرباء حالياً، نظرًا لاحتواء السلة على فرص من نوع الكهرباء.
</label>
<label class="add-all-msg d-none">
</label>
</div>
<button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
<footer class="footer-large" role="presentation">
<div class="content-1"></div>
<div class="content-3">
<div class="container">
<div class="d-flex flex-wrap justify-content-center justify-content-lg-between align-items-center">
<nav class="nav fs-16px d-flex flex-column flex-md-row hide-in-payment" role="Complementary" aria-label="تواصل معنا">
<a class="nav-link nav-link-txt me-3 me-lg-0 mb-3 mb-lg-0 text-white" target="_blank" href="https://twitter.com/Ehsansa" rel="noopener" aria-label="تابعنا على Twitter">
<i class="fab fa-twitter me-2 fs-5" aria-hidden="true"></i>تويتر منصة إحسان
</a>
<a class="nav-link nav-link-txt me-3 me-lg-0 mb-3 mb-lg-0 text-white" href="tel:8001247000" rel="noopener" aria-label="تواصل معنا عن طريق مركز الاتصال: 800 124 7000" accesskey="ك">
<i class="fas fa-phone me-2 rotate-90deg fs-5" aria-hidden="true"></i>مركز الاتصال
8001247000
</a>
</nav>
<div class="links fs-16px" role="Complementary" aria-label="روابط تهمك">
<a class="app-link faq-link hide-in-payment" href="2/smsdonation.html" accesskey="ص">
التبرع بالرسائل النصية
</a>
<a class="app-link faq-link" accesskey="س" href="2/home/faq.html">
الأسئلة الشائعة
</a>
<a class="app-link faq-link" accesskey="خ" href="2/privacy.html">
سياسة الخصوصية
</a>
<a class="app-link faq-link" accesskey="ل" href="2/accessibility.html">
إمكانية الوصول
</a>
<a class="app-link faq-link" accesskey="ا" href="2/serviceagreement.html">
اتفاقية مستوى الخدمة
</a>
</div>
</div>
</div>
</div>
<div class="content-4">
<div class="container">
<div class="align-items-center d-flex flex-md-nowrap flex-wrap justify-content-between" role="contentinfo">
<span class="order-2 order-md-0 fs-16px">جميع الحقوق محفوظة لمنصة إحسان
2024</span>
<div class="align-items-center d-flex d-md-inline justify-content-around mb-4 mb-md-0 order-1 order-md-0 col-12 col-md-5 hide-in-payment">
<span class="fs-16px">حمل تطبيق إحسان</span>
<a target="_blank" href="https://apps.apple.com/us/app/ehsan-إحسان/id1602515092" class="mx-0 mx-md-3">
<img loading="lazy" src="2/UI/images/app-store.svg" alt="تنزيل التطبيق من متجر App Store" class="me-md-2">
</a>
<a target="_blank" href="https://play.google.com/store/apps/details?id=sa.gov.sdaia.ehsan">
<img loading="lazy" src="2/UI/images/play-store.svg" alt="تنزيل التطبيق من متجر Google Play" class="me-md-2">
</a>
</div>
<div class="align-items-center d-flex flex-column order-3 order-md-0">
<span>Powered by</span>
<div class="mt-2" id="SdaiaLogo">
<img loading="lazy" src="2/assets/images/sdaia-logo-white.svg" alt="الهيئة السعودية للبيانات والذكاء الاصطناعي" class="me-md-2">
</div>
</div>
<div class="order-4 mt-3 mt-md-0 m-auto m-md-0" id="DGAWrapper">
<a class="d-block position-relative text-white" target="_blank" href="https://raqmi.dga.gov.sa/platforms/DigitalStamp/ShowCertificate/5485">
<span class="bottom-0 fs-12px position-absolute w-100" aria-hidden="true">20230523949</span>
<img loading="lazy" src="2/assets/images/DGA.svg" alt="مسجلة لدى هيئة الحكومة الرقمية بالشهادة رقم: 20230523949" class="w-250px">
</a>
</div>
<input type="hidden" id="serverHash">
<script>
const serverHash = document.getElementById('serverHash');
document.getElementById("SdaiaLogo").addEventListener('click', function (evt) {
if (evt.detail === 4) {
fetch("/GetServerHash").then(response => response.json()).then(data => {
serverHash.value = data.data
navigator.clipboard.writeText(serverHash.value);
})
}
});
</script>
</div>
</div>
</div>
</footer>
<span id="srNotificationArea" class="sr-only" aria-live="polite" role="status">تم تحميل الصفحة</span>
<div class="modal fade share-modal" id="share-modal" tabindex="-1" role="dialog" aria-labelledby="share-modal-text" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content border-rounded-15 px-4 py-3">
<div class="modal-head mb-0">
<button id="toggle-share-modal" class="btn btn-close" type="button" data-bs-toggle="modal" data-bs-target="#share-modal" aria-label="إغلاق"></button>
</div>
<div class="text-center mt-0 mb-1">
<img class="rounded mx-auto mb-5 d-block" src="2/assets/images/share-img.svg" alt="twitter-icon">
<h5 id="share-modal-text" class="text-primary-green ">مشاركة عبر وسائل التواصل الاجتماعي</h5>
</div>
<div class="position-relative text-center font-semibold show-ghiras-text">
<span>
ليتم احتساب نقاط غراس، قم <a class="text-primary-blue text-underline" href="auth/login.html">بتسجيل الدخول</a>
</span>
<img class="custom-tooltip align-top" src="2/assets/images/icons/icon-info.svg" alt="مزيد من المعلومات" width="18">
<div class="custom-tooltip__text bg-lightyellow text-primary-blue" style=" width: 200px;">
خدمة تتيح لك
نشر فرص التبرع عبر وسائل التواصل، وكسب نقاط لكل عملية تبرع حصلت من الآخرين عن طريق نشرك.
</div>
</div>
<div class="link-label mt-3">
<i class="fa-2x fa-link fas me-2 text-light-grey"></i>
<span class="text font-bold">رابط المشاركة</span>
</div>
<div class="share-link">
<input style="direction:ltr;" id="ghiras_link_text" type="text" readonly="" aria-label="رابط المشاركة">
<button onclick="copyToClipboard()" class="btn btn-primary-green rounded-pill">نسخ الرابط</button>
</div>
<div class="social-icons">
<a id="whatsappShareLink" class="btn watsapp" href="whatsapp://send?text=GFG Example for whatsapp sharing" data-action="share/whatsapp/share" target="_blank" rel="noopener">
<div>
<img loading="lazy" src="2/assets/images/icons/whatsapp.svg" alt="مشاركة عبر WhatsApp">
</div>
</a>
<a id="twitterShareLink" class="btn twitter" href="#" target="_blank" rel="noopener">
<div>
<img loading="lazy" src="2/assets/images/icons/twitter.svg" alt="مشاركة عبر Twitter">
</div>
</a>
<a id="facebookShareLink" class="btn facebook" href="#" target="_blank" rel="noopener">
<div>
<img loading="lazy" src="2/assets/images/icons/facebook.svg" alt="مشاركة عبر Facebook">
</div>
</a>
</div>
</div>
</div>
</div>
<script src="2/lib/jquery/dist/jquery.min.js"></script>
<script src="2/assets/js/jquery.filter_input.min.js"></script>
<script src="2/lib/bootstrap-5.1.3/js/bootstrap.bundle.min.js"></script>
<script src="2/assets/js/tiptop.js"></script>
<!-- Custom Script -->
<script src="2/static/js/commona7e1.js?v=H40Wnc_v6T-psIqmdnJTVvMW-ZrdVOyaC9rYNez4PF8"></script>
<script src="2/assets/js/IhsanApplePay1df5.js?v=3VT_Gcu2eXyuLQTE31MwATnSvmcUCXHDPwnBuLrZzyM"></script>
<script src="2/lib/calendar/jquery.plugin.js"></script>
<!--<script src="jquery.calendars.all.js"></script><!-- Use instead of calendars, plus, and picker below -->
<script src="2/lib/calendar/jquery.calendars.js"></script>
<script src="2/lib/calendar/jquery.calendars.plus.js"></script>
<script src="2/lib/calendar/jquery.calendars.picker.js"></script>
<script src="2/lib/calendar/jquery.calendars.ummalqura.js"></script>
<script src="2/lib/calendar/jquery.calendars.ummalqura-ar.js"></script>
<script src="2/lib/calendar/jquery.calendars-ar.js" type="text/javascript"></script>
<script src="2/lib/calendar/jquery.calendars.picker-ar.js" type="text/javascript"></script>
<!-- SELECT2 -->
<script src="2/assets/js/select2.full.min.js"></script>
<script src="2/assets/js/ar.js"></script>
<script src="2/assets/js/jquery.unobtrusive-ajax.js"></script>
<!-- Toggle Boostrap -->
<script>
function AddClass(cc) { document.documentElement.classList.add(cc) };
var avif = new Image();
avif.src = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=";
avif.onload = function () { AddClass("avif") };
avif.onerror = function () {
var webp = new Image();
webp.src = "data:image/webp;base64,UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==";
webp.onload = function () { AddClass("webp") }
}
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) });
//Display Loading Message to Screen Readers.
if (document.readyState == 'loading') $('#srNotificationArea').attr('aria-live', 'assertive').html('يجري تحميل الصفحة');
function handleAmountEditOnChange(parent) {
var inputValue = +$(parent + " .payment-info-box .amount").val();
$('#editAmountBtn').attr('aria-label', 'المبلغ: ' + inputValue + ' ريال سعودي. اضغط لتعديل مبلغ التبرع');
$(parent + " .payment-info-box .amount-display").html(inputValue);
$("#qd_amount").val(inputValue);
let amountQuick = $('.amount-quick');
let qd_amount = $('.qd_amount')
if (amountQuick.length) {
amountQuick.each(function (index, element) {
$(element).html(inputValue);
});
}
if (qd_amount.length) {
qd_amount.each(function (index, element) {
$(element).val(inputValue);
});
}
$(parent + " .payment-info-box .amount-display").addClass("toggle-hide");
}
function showInputAmount(parent) {
var inputElem = $(parent + " .payment-info-box input");
var amountDisplayElem = $(parent + " .payment-info-box .amount-display");
if (!inputElem.hasClass("error") && !$(parent + " .payment-info-box").hasClass("editing")) {
if (inputElem.hasClass("toggle-hide")) {
inputElem.removeClass("toggle-hide").attr('aria-hidden', 'false').attr('tabindex', '0');
setTimeout(function () { inputElem.focus(), 200 });
amountDisplayElem.addClass("toggle-hide");
$(parent + " .payment-info-box").addClass("editing");
}
}
}
function hideInputAmount(parent) {
var inputElem = $(parent + " .payment-info-box input");
var amountDisplayElem = $(parent + " .payment-info-box .amount-display");
var amount = $("#qd_amount_modified").val();
$("#qd_amount_edited").val(amount);
if (!inputElem.hasClass("error")) {
inputElem.addClass("toggle-hide").attr('aria-hidden', 'true').attr('tabindex', '-1');
amountDisplayElem.removeClass("toggle-hide");
setTimeout(function () {
$(parent + " .payment-info-box").removeClass("editing");
$('#editAmountBtn').focus();
}, 200);
}
}
var addCartToStorage = function (cartObj) {
var cartStr = JSON.stringify(cartObj);
sessionStorage.setItem("ihsan_cart", cartStr);
}
var getCartObj = function () {
var cart = sessionStorage.getItem("ihsan_cart");
return JSON.parse(cart);
}
var clearCartStorage = function () {
sessionStorage.removeItem("ihsan_cart");
}
var confirmRemove = function (id, bindCartToPage = true) {
this.id = id;
remnove_cart_item(this.id, bindCartToPage);
//ConfirmDialog("تأكيد", "هل أنت متأكد من حذف التبرع", (id) => remnove_cart_item(this.id, bindCartToPage));
}
var remove_cart_item_subsidy = function (id, bindCartToPage) {
var cartObj = getCartObj()
var itemToRemoveIndex = cartObj.findIndex(x => x.id == id);
if (itemToRemoveIndex > -1) {
cartObj.splice(itemToRemoveIndex, 1);
addCartToStorage(cartObj);
//window.updateCart();
if (bindCartToPage) {
window.bindCartToPage();
}
}
}
var bindCartControlsToCards = function () {
var cartObj = getCartObj();
if (!cartObj) return;
cartObj.forEach(c => {
var caseIdInput = $("input[name=id][value=" + c.id + "]");
if (caseIdInput && caseIdInput.length > 0) {
if ((caseIdInput.closest("form").find(".initiativeType") && caseIdInput.closest("form").find(".initiativeType").val() == c.type)
|| (caseIdInput.closest("form").find("input[name=type]") && caseIdInput.closest("form").find("input[name=type]").val() == c.type)) {
var form = caseIdInput.parents("form");
// replaceAddToCart(form);
}
}
var cartContainer = $("#cart_ctr");
if (cartContainer && cartContainer.length > 0) {
var caseIdInput_html = $("input[name=id]");
if (caseIdInput_html && caseIdInput_html.length > 0 && caseIdInput_html.val() == c.id) {
// replaceAddToCart(cartContainer);
}
}
})
}
var update_cart_item_amount = function (id) {
var val = document.getElementById("amount_input_" + id);
var amount = val.value;
//if (amount < 0) return;
if (!(/^\d+$/.test(Number(amount)))) return false;
var cartObj = getCartObj();
var itemToUpdateIndex = cartObj.findIndex(x => x.id == id);
if (itemToUpdateIndex > -1) {
cartObj[itemToUpdateIndex].amount = amount;
addCartToStorage(cartObj);
//window.updateCart();
}
}
var replaceAddToCart = function (cardForm) {
cardForm.find('.cart-ctr, .already-donate').toggleClass('d-flex').toggle();
cardForm.find('.cart-ctr-subsidy, .already-donate-subsidy').toggleClass('d-flex').toggle();
}
var togglePanels = function (show, hide) {
if (show) {
show.addClass("d-flex");
show.css("display", "");
}
if (hide) {
hide.removeClass("d-flex");
hide.css("display", "none");
}
}
var remnove_cart_item = function (id, bindCartToPage) {
var cartObj = getCartObj()
var itemToRemoveIndex = cartObj.findIndex(x => x.id == id);
if (itemToRemoveIndex > -1) {
cartObj.splice(itemToRemoveIndex, 1);
addCartToStorage(cartObj);
//window.updateCart();
if (bindCartToPage) {
window.bindCartToPage();
}
}
}
window.updateCart = function () {
var cartTotalContainer = $("#cart_total");
var total = 0;
var cartItems = getCartObj();
if (cartTotalContainer) {
var cartItems = getCartObj();
if (cartItems && cartItems.length > 0) {
cartItems.forEach(x => {
let value = x.amount
if (!(/^\d+$/.test(value))) return false;
total += Number(x.amount)
});
}
cartTotalContainer.text(total);
var totalHiddenInput = $("#cart_total_hidden");
if (totalHiddenInput) totalHiddenInput.val(total);
}
if (cartItems) {
let length = cartItems.length;
if ($('.cart_count .badge').length === 0) {
$(".cart_count").prepend("<sup class=\"badge\">" + length + "</sup>");
}
else {
if (length === 0) {
$(".cart_count .badge").remove();
sessionStorage.removeItem("ihsan_cart");
}
else
$(".cart_count .badge").text(length);
}
}
}
var navigateToDonation = function (i, url, id) {
const amount = document.getElementById(`item-${id}-amount`).value || null;
window.location.href = `${url}?amount=${amount}`;
}
var navigateToMolDetail = function (i, url) {
var input = $(i);
var form = input.parents("form");
var amountInput = form.find("input[name=cartamount]");
var url = url + '&amount=' + (amountInput && amountInput.val());
window.location.href = url;
}
var navigateToZakahDetail = function (i, url) {
var input = $(i);
var form = input.parents("form");
var isValid = form.valid();
if (!isValid) {
form.submit();
return;
}
var amountInput = form.find("input[name=cartamount]");
var url = url + '?amount=' + (amountInput && amountInput.val());
window.location.href = url;
}
window.switchCartPanels = function (cardForm) {
if (!cardForm) return;
var idInput = cardForm.find("input[name=id]");
if (!idInput) return;
var cartCtr = cardForm.find("div.cart-ctr");
var alreadyDonate = cardForm.find("div.already-donate");
if (cartCtr.hasClass("d-flex")) togglePanels(alreadyDonate, cartCtr);
else togglePanels(cartCtr, alreadyDonate)
}
var copyToClipboard = function () {
try {
var copyText = document.getElementById("ghiras_link_text");
copyText.select();
copyText.setSelectionRange(0, 99999); /*For mobile devices*/
document.execCommand("copy");
}
catch (error) {
}
}
//function BindCartEvents() {
// $('button[name=addToCatrBtn]').click(function () {
// $(this).closest('.cart-ctr-subsidy').toggleClass('d-flex').toggle();
// $(this).closest('.subsidy-card-cotrols').find(".already-donate-subsidy").toggleClass('d-flex').toggle();
// $(this).closest('.subsidy-card-cotrols').find(".already-donate-subsidy").toggleClass('d-none').toggle();
// });
// $('button[name=removeFromCart]').click(function () {
// $(this).closest('.already-donate-subsidy').toggleClass('d-flex').toggle();
// $(this).closest('.subsidy-card-cotrols').find(".cart-ctr-subsidy").toggleClass('d-flex').toggle();
// $(this).closest('.subsidy-card-cotrols').find(".cart-ctr-subsidy").toggleClass('d-none').toggle();
// });
//}
$(document).ready(function () {
//BindCartEvents();
$(".pre-amount").click(function () {
var amount = this.dataset.amount;
$("#qd_amount").val(amount);
$("#qd_amount").trigger("change");
});
$(document).on("click", ".ghiras_share", function (e) {
e.stopPropagation();
e.preventDefault();
var dataSets = $(e.currentTarget).data();
var urlRout = '/all/share?caseid=' + dataSets.caseid + '&initiativetype=' + dataSets.casetype + '&casename=' + dataSets.casetitle + '&campaigncreatorid=' + dataSets.campaigncreatorid + '';
if (dataSets.caseid) {
$.ajax({
type: "Get",
url: urlRout,
success: function (response) {
var result = response;
var describtion = `أجر لك وأجر لي %0aساهم معي في التبرع لـ (${dataSets.casetitle}) عبر %23منصة_إحسان:`;
$("#facebookShareLink").attr("href", "https://www.facebook.com/sharer/sharer.php?u=" + result + ""e=" + describtion);
$("#twitterShareLink").attr("href", "https://twitter.com/intent/tweet?url=" + " " + result + "&text=" + describtion + "&hashtags=");
$("#whatsappShareLink").attr("href", "https://wa.me/?text=" + describtion + "%0a" + result);
$("#ghiras_link_text").val(result);
var myModal = document.getElementById('share-modal');
var modal = bootstrap.Modal.getOrCreateInstance(myModal)
modal.show()
},
error: function (err) {
}
});
}
});
$("body").on("keydown keyup change", "input.cart-amount", function (e) {
var maxvalue = parseInt($(this).closest(".card").find('.MaxValueBoxValue').text().replace(/,/g, ""))
if ($(this).val() > maxvalue
&& e.keyCode !== 46
&& e.keyCode !== 8
) {
e.preventDefault();
$(this).val(maxvalue);
}
})
$("body").on("focus", "input.cart-amount", function () {
$('.MaxValueBox').removeClass('ShowMaxValueBox')
$(this).closest(".card").find('.MaxValueBox').addClass('ShowMaxValueBox')
});
$("body").on("focusout", "input.cart-amount", function () {
$('.MaxValueBox').removeClass('ShowMaxValueBox')
});
bindCartControlsToCards();
init_fields_validations();
//window.updateCart();
$("body").on("reset", "form[name=addToCart]", function (e) {
e.preventDefault();
var idInput = $(e.currentTarget).find("input[name=id]");
if (!idInput) return;
remnove_cart_item(idInput.val(), false);
var cardForm = $(e.currentTarget);
window.switchCartPanels(cardForm);
});
var itemTypes = [
{ type: "Project", val: "مشروع" },
{ type: "SpecialNeeds", val: "الكفارات" },
{ type: "Zakah", val: "الزكاة" },
{ type: "Rescue", val: "إغاثة" },
];
$("body").on("submit", "form[name=addToCart]", function (e) {
handleAddToCart(e);
});
$("body").on("click", "button[name=addToCatrBtn]", function (e) {
handleAddToSubsidyCart(e);
});
function handleAddToCart(e) {
e.preventDefault();
var cardForm = $(e.currentTarget);
var amountInput = $(e.currentTarget).find("input[name=cartamount]");
var titleInput = $(e.currentTarget).find("input[name=title]");
var typeInput = $(e.currentTarget).find("input[name=type]");
var idInput = $(e.currentTarget).find("input[name=id]");
var contributionTypeInput = $(e.currentTarget).find("input[name=contributionType]");
var attachmentURL = $(e.currentTarget).find("input[name=AttachmentURL]").val();
var cartItemAmount = amountInput.val();
var cartItemTitle = titleInput && titleInput.val();
var cartItemId = idInput && idInput.val();
var cartItemType = typeInput && typeInput.val();
var contributionType = contributionTypeInput && contributionTypeInput.val();
if (cartItemAmount < 0) return;
if (!amountInput) return;
if (!checkMax(amountInput)) return;
var typeNameValue = null;
for (var i = 0; i < itemTypes.length; i++) {
if (itemTypes[i].type == cartItemType)
typeNameValue = itemTypes[i].val;
}
var cartItem = {
amount: cartItemAmount,
title: cartItemTitle,
id: cartItemId,
type: cartItemType,
typeName: typeNameValue,
contributionType: contributionType,
attachmentURL: attachmentURL
}
try {
var cartobj = getCartObj();
if (!cartobj)
cartobj = [];
else {
var itemExistsIndex = cartobj.findIndex(x => x.id == cartItem.id);
if (itemExistsIndex > -1) cartobj.splice(itemExistsIndex, 1);
}
cartobj.push(cartItem)
addCartToStorage(cartobj);
//window.updateCart();
replaceAddToCart(cardForm);
} catch (e) {
clearCartStorage();
alert("unable to update the cart, please try again");
}
}
function handleAddToSubsidyCart(e) {
e.preventDefault();
var cardForm;
//if ( window.location.href.indexOf("all") > -1 )
// cardForm = $(e.currentTarget).closest("form");
//else
cardForm = $(e.currentTarget);
var amountInput = $(e.currentTarget).closest("form").find(".calcAmount");
var titleInput = $(e.currentTarget).closest("form").find(".title");
var typeInput = $(e.currentTarget).closest("form").find(".initiativeType");
var idInput = $(e.currentTarget).closest("form").find(".caseId");
var contributionTypeInput = $(e.currentTarget).closest("form").find(".contributionType");
//var ImageBytes = $(e.currentTarget).closest("form").find(".ImageBytes");
var attachmentURL = $(e.currentTarget).closest("form").find(".attachmentURL").val();
var cartItemAmount = amountInput.val();
var cartItemTitle = titleInput && titleInput.val();
var cartItemId = idInput && idInput.val();
var cartItemType = typeInput && typeInput.val();
var contributionType = contributionTypeInput && contributionTypeInput.val();
if (cartItemAmount < 0) return;
if (!amountInput) return;
if (!checkMax(amountInput)) return;
var typeNameValue = null;
for (var i = 0; i < itemTypes.length; i++) {
if (itemTypes[i].type == cartItemType)
typeNameValue = itemTypes[i].val;
}
var cartItem = {
amount: cartItemAmount,
title: cartItemTitle,
id: cartItemId,
type: cartItemType,
typeName: typeNameValue,
contributionType: contributionType,
attachmentURL: attachmentURL
}
try {
var cartobj = getCartObj();
if (!cartobj)
cartobj = [];
else {
var itemExistsIndex = cartobj.findIndex(x => x.id == cartItem.id);
if (itemExistsIndex > -1) cartobj.splice(itemExistsIndex, 1);
}
cartobj.push(cartItem);
addCartToStorage(cartobj);
//window.updateCart();
replaceAddToCart(cardForm);
} catch (e) {
clearCartStorage();
alert("unable to update the cart, please try again");
}
}
});
(function () {
function id(v) { return document.getElementById(v); }
}());
$(document).ready(function () {
$('#navbarMenu').on('shown.bs.offcanvas', function () {
$('#closeMenuFocusout').focus();
});
$(".qd-apple-button").click(function () {
$("#is_quickDonation").val("true");
});
$("#closeNavbar").click(function () {
$(".navbar-collapse").removeClass("open")
});
});
$(document).ready(function () {
$('#savedCardCvv').hide();
$('.img-visa-2').hide();
$('.img-mastercard-2').hide();
$('.img-dimmed-2').show();
});
$("#cards-dropdown").on('change', function () {
var selectedtext = $("#cards-dropdown option:selected").text();
var selected = $(this).val();
if (selected > 0) {
$('#NewCard').hide();
$('#savedCardCvv').show();
if (selectedtext[0] === "5") {
$('.img-mastercard-2').show();
$('.img-visa-2').hide();
$('.img-dimmed-2').hide();
}
else if (selectedtext[0] === "4") {
$('.img-mastercard-2').hide();
$('.img-visa-2').show();
$('.img-dimmed-2').hide();
}
else {
$('.img-mastercard-2').hide();
$('.img-visa-2').hide();
$('.img-dimmed-2').show();
}
}
else if (selected == 0) {
$('#NewCard').show();
$('#savedCardCvv').hide();
$('.img-dimmed-2').show();
$('.img-mastercard-2').hide();
$('.img-visa-2').hide();
}
});
$(function () {
$('[data-bs-toggle="popover"]').popover()
})
</script>
<script src="2/static/js/app8aa8.js?v=lep_o_FlsPKpT6OINuhvOJnoyDT8G0G-KD-hICDe3Lk"></script>
<script src="2/static/js/zakatAlfiter.js"></script>
<script src="2/static/js/validateMobileInGift.js"></script>
<script src="2/static/js/validateOtp.js"></script>
<div class="modal fade payment-privacy-modal" id="payment-privacy-modal" tabindex="-1" role="dialog" aria-labelledby="privacy-modal-title" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content border-0 border-rounded-15">
<div class="modal-header align-items-center">
<h5 id="privacy-modal-title" class="modal-title color-dark-green">سياسات التبرع</h5>
<button id="toggle-payment-privacy-modal" class="btn btn-close py-0 ms-auto me-0" type="button" data-bs-toggle="modal" data-bs-target="#payment-privacy-modal" aria-label="إغلاق"></button>
</div>
<div class="modal-body">
<h6 class="text-primary-green">التمهيد:</h6>
<p>الهدف من هذه السياسة تحديد المبادئ والتوجيهات اللازمة وآليات جمع الموارد المالية وعمل منظومة “إحسان”.
</p>
<h6 class="text-primary-green">التعريف والغرض:</h6>
<p>إحسان هي منظومة وطنية غير ربحية، تقدم خدماتها وما تحصل عليه من تبرعات للمستفيدين الأشد احتياجاً عبر
شركائها.</p>
<h6 class="text-primary-green">التزامات المتبرع:</h6>
<ul>
<li>يقر المتبرع عند استخدامه لهذه المنصة بأهليته القانونية لإجراء التبرعات.</li>
<li>يوافق المتبرع على الشروط والأحكام، كما يوافق على حق المنظومة المُطلق في تعديلها وتغييرها في أي
مرحلة.</li>
<li>يقر المتبرع بسلامة ونقاء وشرعية مصدر الأموال محل التبرع وبصحة كافة البيانات ذات العلاقة بتبرعه.
</li>
<li>يفوض المتبرع منصة "إحسان" بالقيام بكافة الأعمال في سبيل إيصال التبرعات وإنهاء جميع الإجراءات ذات
العلاقة عبر شركاء المنصة سواء من الجهات الحكومية أو الجمعيات الأهلية المرخصة.</li>
<li>
يتحمل المتبرع المسئولية منفرداً في حال مخالفته أي من أنظمة او قوانين المملكة أو القوانين الدولية
الخاصة بــ :
<ul style="list-style: disc;">
<li>نظام مكافحة الإرهاب.</li>
<li>نظام مكافحة غسيل الأموال</li>
<li>أنظمة وقرارات الأمم المتحدة الموقع عليها من المملكة.</li>
<li>القرارات والقواعد ذات العلاقة بالممارسات المحظورة.</li>
<li>الأنظمة ذات العلاقة.</li>
</ul>
</li>
</ul>
<h6 class="text-primary-green">نظام الاسترداد :</h6>
<ul>
<li>يُتاح طلب الاسترداد لمبلغ التبرع خلال مدة أقصاها (5) خمسة أيام من تاريخ تنفيذ العملية، ومن ثم
يتم دراسة الطلب.</li>
<li>يشترط في طلب الاسترداد أن يتم إثبات عملية التبرع بإرفاق الوثائق اللازمة.</li>
<li>لا يمكن استرداد مبالغ التبرعات لخدمة فُرجت وخدمة تيسرت، وكذلك برنامج قطاف وبرامج الولاء.</li>
</ul>
<h6 class="text-primary-green">أحكام أخرى:</h6>
<ul>
<li>للمستخدم (المسجل) في المنصة الاطلاع على المبالغ المتبرع بها، وذلك من خلال صفحة "المستخدم".</li>
<li>في حالة تعثر المشروع المُتبرع لأجله -لسبب غير راجع للمنصة- فإن المتبرع يوافق على تحويل المبلغ
لمشروع مشابه من المشاريع المدرجة في المنصة وتلتزم المنصة بذلك.</li>
<li>في حال تعثر إيصال مبلغ التبرع لفواتير سداد الخدمات “فرجت –تيسرت “فإن المتبرع يوافق على تحويل المبلغ لحالة أخرى من الحالات المدرجة في منصة إحسان، وتكون الأولوية للفاتورة المطلوب سدادها من قبل المتبرع إن أمكن.</li>
<li>هذه السياسة قابلة للتعديل، ويسري العمل بأي تعديل قد يطرأ عليها فور نشره من خلال المنصة.</li>
</ul>
</div>
</div>
</div>
</div>
<script src="2/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="2/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
<script src="2/static/js/home.js"></script>
<script src="2/static/js/subsidy.js"></script>
<script src="2/static/js/ramadan-statistics.js"></script>
<script src="2/static/js/total-amount.js"></script>
<!-- Default Statcounter code for Tahlia Street, https://ehsan.kesug.com/-->
<script type="text/javascript">
var sc_project=13020795;
var sc_invisible=1;
var sc_security="a43afc38";
</script>
<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async=""></script>
<noscript><div class="statcounter"><a title="web counter"
href="https://statcounter.com/" target="_blank"><img class="statcounter"
src="https://c.statcounter.com/13020795/0/a43afc38/1/" alt="web counter"
referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
</body><!-- Mirrored from ehsan.sa/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 01 Aug 2024 14:57:51 GMT --></html>