💳️
Payments Page
organizes incoming, sent, and archived messages, providing an efficient way to manage communications.
View Mode
HTML
<div class="page-head">
<h1 class="page-title">الإعدادات</h1>
<p class="page-desc">ضبط إعدادات المنصة.</p>
</div>
<div class="js-simplebar mb-4 mb-lg-5">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="setting-01.html">اعدادات عامة</a></li>
<li class="nav-item"><a class="nav-link active" aria-current="page" href="setting-02.html">المدفوعات</a></li>
<li class="nav-item"><a class="nav-link" href="setting-03.html">بياناتي البنكية</a></li>
<li class="nav-item"><a class="nav-link" href="setting-04.html">ادارة المناطق</a></li>
<li class="nav-item"><a class="nav-link" href="setting-05.html">بوابة SMS</a></li>
<li class="nav-item"><a class="nav-link" href="setting-06.html">نموذج التسجيل</a></li>
<li class="nav-item"><a class="nav-link" href="setting-07.html">ادارة البريد</a></li>
<li class="nav-item"><a class="nav-link" href="setting-08.html">قوالب الرسائل</a></li>
</ul>
</div>
<div class="row g-4">
<div class="col-sm-6 col-xxl-4">
<div class="app-widget">
<div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/clickpay.svg" alt=""/>
<div class="app-widget__meta">
<h6 class="app-widget__name">كليك باي</h6><span class="app-widget__link">clickpay.com.sa</span>
</div>
<div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch"/>
</div>
</div>
<p class="app-widget__content">هي الطريقة الأسهل والأكثر أمانًا للحصول على أموال مقابل أفكار عملك ذات الرؤية عبر أي طريقة دفع تقريبًا.</p>
<div class="app-widget__buttons-wrapper">
<button class="btn btn-white"><span class="tticon-pen btn-icon"> </span>تحرير</button>
<button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-4">
<div class="app-widget">
<div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/hyperpay.svg" alt=""/>
<div class="app-widget__meta">
<h6 class="app-widget__name">هايبر باي</h6><span class="app-widget__link">hyperpay.com</span>
</div>
<div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch" checked="checked"/>
</div>
</div>
<p class="app-widget__content">بوابة الدفع الالكتروني للأعمال سريعة النمو في منطقة الشرق الأوسط وشمال أفريقيا.</p>
<div class="app-widget__buttons-wrapper">
<button class="btn btn-white"><span class="tticon-pen btn-icon"> </span>تحرير</button>
<button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-4">
<div class="app-widget">
<div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/moyasar.svg" alt=""/>
<div class="app-widget__meta">
<h6 class="app-widget__name">ميسر</h6><span class="app-widget__link">moyasar.com</span>
</div>
<div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch"/>
</div>
</div>
<p class="app-widget__content">شركة سعودية مرخصة من قبل البنك المركزي السعودي لتقديم حلول الدفع الالكتروني ومقرها في الرياض.</p>
<div class="app-widget__buttons-wrapper">
<button class="btn btn-white"><span class="tticon-pen btn-icon"> </span>تحرير</button>
<button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-4">
<div class="app-widget">
<div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/alrajhibank.svg" alt=""/>
<div class="app-widget__meta">
<h6 class="app-widget__name">بوابة بنك الراجحي</h6><span class="app-widget__link">alrajhibank.com.sa</span>
</div>
<div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch" checked="checked"/>
</div>
</div>
<p class="app-widget__content">بوابة يوفرها بنك الراجحي إحدى الشركات المصرفية الكبرى في المملكة السعودية.</p>
<div class="app-widget__buttons-wrapper">
<button class="btn btn-white"><span class="tticon-pen btn-icon"> </span>تحرير</button>
<button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-4">
<div class="app-widget">
<div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/tap.svg" alt=""/>
<div class="app-widget__meta">
<h6 class="app-widget__name">تاب</h6><span class="app-widget__link">tap.company</span>
</div>
<div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch" checked="checked"/>
</div>
</div>
<p class="app-widget__content">شركة خليجية رائدة في تقديم خدمات مبتكرة للدفع الإلكتروني.</p>
<div class="app-widget__buttons-wrapper">
<button class="btn btn-white"><span class="tticon-pen btn-icon"> </span>تحرير</button>
<button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
</div>
</div>
</div>
</div>
<hr class="my-4 my-lg-5"/>
<div class="row g-4">
<div class="col-xl-3 col-xxl-4">
<h6 class="mb-0">وسيلة الدفع</h6>
<p class="text-body-xs mb-0">يمكن تفعيل أكثر من وسيلة للمدفوعات.</p>
</div>
<div class="col-xl-9 col-xxl-8">
<div class="row g-4">
<div class="col-sm-6">
<label class="payment-method"> <span class="tticon-bank payment-method__icon"> </span>
<div class="payment-method__info">
<h6 class="payment-method__title">تحويلات بنكية</h6><span class="payment-method__desc">بنك الراجحي, الإنماء ,الأهلي..</span>
</div>
<input class="form-check-input payment-method__radio" type="checkbox" checked="checked"/>
</label>
</div>
<div class="col-sm-6">
<label class="payment-method"> <span class="tticon-credit-card payment-method__icon"> </span>
<div class="payment-method__info">
<h6 class="payment-method__title">بطاقة ائتمانية</h6><span class="payment-method__desc">فيزا, ماستر كارد, مدى... </span>
</div>
<input class="form-check-input payment-method__radio" type="checkbox"/>
</label>
</div>
</div>
</div>
</div>
<hr class="my-4 my-lg-5"/>
<div class="row g-4">
<div class="col-xl-3 col-xxl-4">
<h6 class="mb-0">بيئة الدفع</h6>
<p class="text-body-xs mb-0">اختر نوعية البيئة الحالية للمدفوعات.</p>
</div>
<div class="col-xl-9 col-xxl-8">
<div class="row g-4">
<div class="col-sm-6">
<div class="form-radio-group">
<div class="form-check">
<input class="form-check-input" type="radio" name="name_01" id="id_01"/>
<label class="form-check-label" for="id_01">البيئة التجريبية</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="name_01" id="id_02" checked="checked"/>
<label class="form-check-label" for="id_02">البيئة الحية</label>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="my-4 my-lg-5"/>
<div class="row g-4">
<div class="col-xl-3 col-xxl-4">
<h6 class="mb-0">إعدادت الضريبة</h6>
<p class="text-body-xs mb-0">إعداد رقم وقيمة الضريبة المضافة. </p>
</div>
<div class="col-xl-9 col-xxl-8">
<div class="row g-4">
<div class="col-sm-6">
<label class="form-label">الرقم الضريبي</label>
<input class="form-control text-english" type="text" placeholder="مثال: “7842154”"/>
</div>
<div class="col-sm-6">
<label class="form-label">قيمة الضريبة المضافة (<span class="tticon-sar"> </span> )</label>
<input class="form-control text-english" type="text" placeholder="0"/>
</div>
<div class="col-12">
<div class="alert alert-warning">في حال المنشأة غير مسجلة في ضريبة القيمة المضافة، فضلا اترك الحقل فارغ ، لن يتم إظهار القيمة الضريبة في الفاتورة.</div>
</div>
</div>
</div>
</div>
<hr class="my-4 my-lg-5"/>
<div class="row g-4">
<div class="col-xl-3 col-xxl-4">
<h6 class="mb-0">الفاتورة</h6>
<p class="text-body-xs mb-0">إعدادات القبول ورسالة التأكيد.</p>
</div>
<div class="col-xl-9 col-xxl-8">
<div class="row g-4">
<div class="col-12">
<label class="form-label">تذييل الصفحة <span class="text-danger">*</span></label>
<input class="form-control" type="text" placeholder="مثال: نحن نقدر دعمكم ونتطلع إلى خدمتكم مرة أخرى.."/>
</div>
<div class="col-sm-6">
<label class="form-label">شعار الفاتورة <span class="text-danger">*</span></label>
<input class="js-filepond"/>
</div>
</div>
</div>
</div>
<hr class="my-4 my-lg-5"/>
<div class="d-flex align-items-center justify-content-between">
<button class="btn btn-primary">حفظ التغييرات</button>
<button class="btn btn-white">إلغاء</button>
</div>