| .. | |||||
| image | |||||
| config.php | |||||
| coursePlayer.php | |||||
| dashboard.php | |||||
| error_log | |||||
| invite_friends.php | |||||
| login_reg.php | |||||
| profile.php | |||||
| wallet.php |
| Server IP : 139.59.11.189 / Your IP : 216.73.216.247 Web Server : LiteSpeed System : Linux Jupiter.hostitsmartserver.com 5.14.0-611.49.2.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Apr 30 09:05:08 EDT 2026 x86_64 User : xjlivlhf ( 1472) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/xjlivlhf/www/dm.hopewayindia.com/student/ |
Upload File : |
<?php
$apiBase = rtrim('https://dm.hopewayindia.com/api', '/');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HOPEWAY INDIA | Login / Register</title>
<style>
:root {
--bg: #050505;
--card: #111111;
--field: #1a1a1a;
--border: #2a2a2a;
--muted: #8f8fb6;
--text: #ffffff;
--accent: #f59e0b;
--green: #10b981;
--pink: #e1306c;
--shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}
* {
box-sizing: border-box;
}
body {
margin: 0;
min-height: 100vh;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background: var(--bg);
color: var(--text);
overflow-x: hidden;
}
.page {
position: relative;
min-height: 100vh;
padding: 40px 18px;
display: flex;
align-items: center;
justify-content: center;
}
.blob {
position: fixed;
border-radius: 50%;
filter: blur(6px);
pointer-events: none;
z-index: 0;
}
.blob-1 {
width: 280px;
height: 280px;
top: -90px;
right: -60px;
background: rgba(245, 158, 11, 0.1);
}
.blob-2 {
width: 200px;
height: 200px;
bottom: 80px;
left: -60px;
background: rgba(16, 185, 129, 0.08);
}
.blob-3 {
width: 140px;
height: 140px;
top: 45%;
right: -40px;
background: rgba(225, 48, 108, 0.08);
}
.container {
position: relative;
z-index: 1;
width: 100%;
max-width: 460px;
animation: fadeIn 0.6s ease;
}
.brand {
text-align: center;
margin-bottom: 30px;
}
.logo-box {
width: 84px;
height: 84px;
margin: 0 auto 8px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(245, 158, 11, 0.3);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.logo-box img {
width: 100%;
height: 100%;
object-fit: contain;
}
.logo-fallback {
font-size: 26px;
font-weight: 900;
color: var(--accent);
letter-spacing: 2px;
}
.brand-name {
margin: 0;
font-size: 24px;
font-weight: 900;
letter-spacing: 4px;
}
.brand-sub {
margin-top: 6px;
color: #FFFF00;
font-size: 11px;
letter-spacing: 2px;
}
.tab-wrap {
position: relative;
display: flex;
background: var(--field);
border: 1px solid var(--border);
border-radius: 14px;
padding: 4px;
height: 48px;
margin-bottom: 20px;
}
.tab-indicator {
position: absolute;
top: 4px;
left: 4px;
width: calc(50% - 4px);
height: 40px;
background: var(--accent);
border-radius: 10px;
transition: transform 0.25s ease;
}
.tab-indicator.register {
transform: translateX(100%);
}
.tab-btn {
position: relative;
z-index: 1;
flex: 1;
border: 0;
background: transparent;
color: var(--muted);
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.tab-btn.active {
color: #000;
font-weight: 900;
}
.card {
position: relative;
background: var(--card);
border: 1px solid #222;
border-radius: 24px;
padding: 24px 22px 22px;
box-shadow: var(--shadow);
overflow: hidden;
}
.card-top-line {
position: absolute;
top: 0;
left: 40px;
right: 40px;
height: 2px;
background: var(--accent);
}
.card-top-line.pink {
background: var(--pink);
}
.card-top-line.gold {
background: var(--accent);
}
.panel {
display: none;
}
.panel.active {
display: block;
}
.field-wrap {
margin-bottom: 16px;
}
label {
display: block;
margin-bottom: 8px;
color: var(--muted);
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
}
.input,
.submit-btn {
width: 100%;
border-radius: 12px;
min-height: 52px;
font-size: 15px;
}
.input {
border: 1px solid var(--border);
background: var(--field);
color: var(--text);
padding: 0 16px;
outline: none;
}
.input:focus {
border-color: rgba(245, 158, 11, 0.75);
box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
}
.pass-wrap {
position: relative;
}
.pass-wrap .input {
padding-right: 56px;
}
.eye-btn {
position: absolute;
top: 0;
right: 8px;
width: 44px;
height: 52px;
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
font-size: 18px;
}
.hint-text {
margin-top: 6px;
font-size: 12px;
color: #888;
}
.hint-text.success {
color: var(--accent);
font-weight: 600;
}
.forgot-row,
.back-row {
text-align: right;
margin-bottom: 14px;
}
.link-btn {
border: 0;
background: transparent;
color: var(--accent);
font-size: 12px;
font-weight: 600;
cursor: pointer;
padding: 0;
}
.back-row {
text-align: center;
margin-top: 14px;
margin-bottom: 0;
}
.back-row .link-btn {
color: var(--muted);
}
.submit-btn {
border: 0;
background: var(--accent);
color: #000;
font-weight: 900;
letter-spacing: 1px;
cursor: pointer;
margin-top: 6px;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.submit-btn:hover {
transform: translateY(-1px);
}
.submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
}
.submit-btn.pink {
background: var(--pink);
color: #fff;
}
.submit-btn.gold {
background: var(--accent);
color: #000;
}
.section-title {
margin: 0 0 6px;
font-size: 20px;
font-weight: 900;
}
.section-sub {
margin: 0 0 20px;
color: var(--muted);
font-size: 12px;
}
.alert-box {
display: none;
margin-bottom: 16px;
padding: 12px 14px;
border-radius: 12px;
font-size: 13px;
line-height: 1.5;
}
.alert-box.show {
display: block;
}
.alert-box.error {
background: rgba(225, 48, 108, 0.12);
border: 1px solid rgba(225, 48, 108, 0.28);
color: #ffb1c8;
}
.alert-box.success {
background: rgba(16, 185, 129, 0.12);
border: 1px solid rgba(16, 185, 129, 0.28);
color: #93f0c8;
}
.foot-space {
height: 32px;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 520px) {
.page {
padding: 22px 14px;
}
.brand-name {
font-size: 20px;
letter-spacing: 3px;
}
.card {
padding: 22px 16px 18px;
}
}
</style>
</head>
<body>
<div class="page">
<div class="blob blob-1"></div>
<div class="blob blob-2"></div>
<div class="blob blob-3"></div>
<div class="container">
<div class="brand">
<div class="logo-box">
<img src="image/logo.png" alt="Hopeway India" onerror="this.style.display='none'; document.getElementById('logoFallback').style.display='block';">
<div id="logoFallback" class="logo-fallback" style="display:none;">AC</div>
</div>
<h1 class="brand-name">HOPEWAY INDIA</h1>
<div class="brand-sub">India's Leading EduTech</div>
</div>
<div id="authTabs" class="tab-wrap">
<div id="tabIndicator" class="tab-indicator"></div>
<button id="loginTabBtn" class="tab-btn active" type="button">Sign In</button>
<button id="registerTabBtn" class="tab-btn" type="button">Register</button>
</div>
<div class="card">
<div id="cardTopLine" class="card-top-line"></div>
<div id="alertBox" class="alert-box"></div>
<div id="loginPanel" class="panel active">
<div class="field-wrap">
<label for="loginEmail">EMAIL ADDRESS</label>
<input id="loginEmail" class="input" type="email" placeholder="you@gmail.com">
</div>
<div class="field-wrap">
<label for="loginPassword">PASSWORD</label>
<div class="pass-wrap">
<input id="loginPassword" class="input" type="password" placeholder="••••••••">
<button id="loginEyeBtn" class="eye-btn" type="button">👁️</button>
</div>
</div>
<div class="forgot-row">
<button id="forgotBtn" class="link-btn" type="button">Forgot Password?</button>
</div>
<button id="loginSubmit" class="submit-btn" type="button">SIGN IN →</button>
</div>
<div id="registerPanel" class="panel">
<div class="field-wrap">
<label for="registerName">FULL NAME</label>
<input id="registerName" class="input" type="text" placeholder="Full Name">
</div>
<div class="field-wrap">
<label for="registerEmail">EMAIL ADDRESS</label>
<input id="registerEmail" class="input" type="email" placeholder="you@gmail.com">
</div>
<div class="field-wrap">
<label for="registerPassword">PASSWORD</label>
<div class="pass-wrap">
<input id="registerPassword" class="input" type="password" placeholder="••••••••">
<button id="registerEyeBtn" class="eye-btn" type="button">👁️</button>
</div>
</div>
<div class="field-wrap">
<label for="registerRefCode">INVITE CODE</label>
<input id="registerRefCode" class="input" type="text" placeholder="CODE">
<div id="refHint" class="hint-text"></div>
</div>
<button id="registerSubmit" class="submit-btn" type="button">CREATE ACCOUNT →</button>
</div>
<div id="forgotEmailPanel" class="panel">
<h2 class="section-title">Reset Password</h2>
<p class="section-sub">Enter email to receive OTP</p>
<div class="field-wrap">
<label for="forgotEmail">EMAIL ADDRESS</label>
<input id="forgotEmail" class="input" type="email" placeholder="you@gmail.com">
</div>
<button id="sendOtpBtn" class="submit-btn pink" type="button">SEND OTP →</button>
<div class="back-row">
<button id="backToLoginBtn" class="link-btn" type="button">← Back to Sign In</button>
</div>
</div>
<div id="forgotOtpPanel" class="panel">
<h2 class="section-title">Enter OTP</h2>
<p class="section-sub">OTP verify karke password reset karein</p>
<div class="field-wrap">
<label for="otpInput">6-DIGIT OTP</label>
<input id="otpInput" class="input" type="text" inputmode="numeric" placeholder="123456">
</div>
<div class="field-wrap">
<label for="newPassword">NEW PASSWORD</label>
<input id="newPassword" class="input" type="password" placeholder="Min 6 chars">
</div>
<button id="resetPasswordBtn" class="submit-btn gold" type="button">RESET PASSWORD →</button>
</div>
</div>
<div class="foot-space"></div>
</div>
</div>
<script>
const API_BASE = <?php echo json_encode($apiBase, JSON_UNESCAPED_SLASHES); ?>;
let currentScreen = "login";
let loading = false;
let referrerName = null;
let refTimer = null;
const panels = {
login: document.getElementById("loginPanel"),
register: document.getElementById("registerPanel"),
forgot_email: document.getElementById("forgotEmailPanel"),
forgot_otp: document.getElementById("forgotOtpPanel"),
};
const tabWrap = document.getElementById("authTabs");
const tabIndicator = document.getElementById("tabIndicator");
const loginTabBtn = document.getElementById("loginTabBtn");
const registerTabBtn = document.getElementById("registerTabBtn");
const alertBox = document.getElementById("alertBox");
const cardTopLine = document.getElementById("cardTopLine");
const loginEmail = document.getElementById("loginEmail");
const loginPassword = document.getElementById("loginPassword");
const registerName = document.getElementById("registerName");
const registerEmail = document.getElementById("registerEmail");
const registerPassword = document.getElementById("registerPassword");
const registerRefCode = document.getElementById("registerRefCode");
const refHint = document.getElementById("refHint");
const forgotEmail = document.getElementById("forgotEmail");
const otpInput = document.getElementById("otpInput");
const newPassword = document.getElementById("newPassword");
const loginSubmit = document.getElementById("loginSubmit");
const registerSubmit = document.getElementById("registerSubmit");
const sendOtpBtn = document.getElementById("sendOtpBtn");
const resetPasswordBtn = document.getElementById("resetPasswordBtn");
function showAlert(type, message) {
alertBox.className = "alert-box show " + type;
alertBox.textContent = message;
}
function hideAlert() {
alertBox.className = "alert-box";
alertBox.textContent = "";
}
function clearFields() {
loginEmail.value = "";
loginPassword.value = "";
registerName.value = "";
registerEmail.value = "";
registerPassword.value = "";
registerRefCode.value = "";
forgotEmail.value = "";
otpInput.value = "";
newPassword.value = "";
referrerName = null;
refHint.textContent = "";
refHint.className = "hint-text";
}
function setLoadingState(button, isLoading, idleText, busyText) {
button.disabled = isLoading;
button.textContent = isLoading ? busyText : idleText;
}
function setScreen(screen) {
currentScreen = screen;
Object.keys(panels).forEach((key) => {
panels[key].classList.toggle("active", key === screen);
});
const authMode = screen === "login" || screen === "register";
tabWrap.style.display = authMode ? "flex" : "none";
loginTabBtn.classList.toggle("active", screen === "login");
registerTabBtn.classList.toggle("active", screen === "register");
tabIndicator.classList.toggle("register", screen === "register");
cardTopLine.className = "card-top-line";
if (screen === "forgot_email") {
cardTopLine.classList.add("pink");
} else if (screen === "forgot_otp") {
cardTopLine.classList.add("gold");
}
hideAlert();
}
function switchTab(toLogin) {
clearFields();
setScreen(toLogin ? "login" : "register");
}
async function postJson(url, payload) {
const response = await fetch(url, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload),
});
return response.json();
}
async function handleLogin() {
const em = loginEmail.value.trim().toLowerCase();
const password = loginPassword.value;
if (!em || !password) {
showAlert("error", "Please enter email and password.");
return;
}
setLoadingState(loginSubmit, true, "SIGN IN →", "WAIT...");
try {
const data = await postJson(API_BASE + "/student_login.php", { email: em, password });
if (data.success) {
localStorage.setItem("student_data", JSON.stringify(data.student));
localStorage.setItem("student_token", data.token || "");
localStorage.setItem("referral_code", data.student.referral_code || "");
localStorage.setItem("student_name", data.student.name || "");
localStorage.setItem("student_earnings", String(data.student.earnings || ""));
window.location.href = "dashboard.php";
return;
}
showAlert("error", data.message || "Invalid credentials.");
} catch (error) {
showAlert("error", "Could not connect. Check your internet.");
} finally {
setLoadingState(loginSubmit, false, "SIGN IN →", "WAIT...");
}
}
async function handleRegister() {
const name = registerName.value.trim();
const em = registerEmail.value.trim().toLowerCase();
const password = registerPassword.value;
const referral_code = registerRefCode.value.trim().toUpperCase();
if (!name || !em || !password || !referral_code) {
showAlert("error", "Please fill in all required fields.");
return;
}
if (!referrerName) {
showAlert("error", "Please enter a valid Associated code to proceed.");
return;
}
setLoadingState(registerSubmit, true, "CREATE ACCOUNT →", "WAIT...");
try {
const data = await postJson(API_BASE + "/student_register.php", {
name,
email: em,
password,
referral_code,
});
if (data.success) {
clearFields();
setScreen("login");
showAlert("success", "Welcome, " + name + "! Account created successfully. Please sign in.");
return;
}
showAlert("error", data.message || "Something went wrong.");
} catch (error) {
showAlert("error", "Could not connect.");
} finally {
setLoadingState(registerSubmit, false, "CREATE ACCOUNT →", "WAIT...");
}
}
async function handleRequestOtp() {
const em = forgotEmail.value.trim().toLowerCase();
if (!em) {
showAlert("error", "Please enter your registered email.");
return;
}
setLoadingState(sendOtpBtn, true, "SEND OTP →", "SENDING...");
try {
const data = await postJson(API_BASE + "/student_forgot_password.php", {
step: "request",
email: em,
});
if (data.success) {
setScreen("forgot_otp");
showAlert("success", "An OTP has been sent to your email.");
return;
}
showAlert("error", data.message || "Something went wrong.");
} catch (error) {
showAlert("error", "Could not connect.");
} finally {
setLoadingState(sendOtpBtn, false, "SEND OTP →", "SENDING...");
}
}
async function handleResetPassword() {
const em = forgotEmail.value.trim().toLowerCase();
const otp = otpInput.value.trim();
const password = newPassword.value;
if (!otp || !password) {
showAlert("error", "Enter OTP and new password.");
return;
}
setLoadingState(resetPasswordBtn, true, "RESET PASSWORD →", "WAIT...");
try {
const data = await postJson(API_BASE + "/student_forgot_password.php", {
step: "reset",
email: em,
otp,
new_password: password,
});
if (data.success) {
const savedEmail = forgotEmail.value;
clearFields();
forgotEmail.value = savedEmail;
setScreen("login");
showAlert("success", "Your password has been updated. Please sign in.");
return;
}
showAlert("error", data.message || "Reset failed.");
} catch (error) {
showAlert("error", "Could not connect.");
} finally {
setLoadingState(resetPasswordBtn, false, "RESET PASSWORD →", "WAIT...");
}
}
async function verifyReferralCode() {
const code = registerRefCode.value.trim().toUpperCase();
registerRefCode.value = code;
if (code.length < 4) {
referrerName = null;
refHint.textContent = "";
refHint.className = "hint-text";
return;
}
refHint.textContent = "Verifying...";
refHint.className = "hint-text";
try {
const response = await fetch(API_BASE + "/verify_referral.php?code=" + encodeURIComponent(code));
const data = await response.json();
if (data.success) {
referrerName = data.name;
refHint.textContent = "✓ " + data.name;
refHint.className = "hint-text success";
} else {
referrerName = null;
refHint.textContent = "Invalid invite code";
refHint.className = "hint-text";
}
} catch (error) {
referrerName = null;
refHint.textContent = "Could not verify code";
refHint.className = "hint-text";
}
}
function attachPasswordToggle(buttonId, inputId) {
const button = document.getElementById(buttonId);
const input = document.getElementById(inputId);
button.addEventListener("click", () => {
const isHidden = input.type === "password";
input.type = isHidden ? "text" : "password";
button.textContent = isHidden ? "🙈" : "👁️";
});
}
loginTabBtn.addEventListener("click", () => switchTab(true));
registerTabBtn.addEventListener("click", () => switchTab(false));
document.getElementById("forgotBtn").addEventListener("click", () => {
hideAlert();
setScreen("forgot_email");
});
document.getElementById("backToLoginBtn").addEventListener("click", () => {
hideAlert();
setScreen("login");
});
loginSubmit.addEventListener("click", handleLogin);
registerSubmit.addEventListener("click", handleRegister);
sendOtpBtn.addEventListener("click", handleRequestOtp);
resetPasswordBtn.addEventListener("click", handleResetPassword);
registerRefCode.addEventListener("input", () => {
clearTimeout(refTimer);
refTimer = setTimeout(verifyReferralCode, 600);
});
attachPasswordToggle("loginEyeBtn", "loginPassword");
attachPasswordToggle("registerEyeBtn", "registerPassword");
setScreen("login");
</script>
</body>
</html>| .. | |||||
| image | |||||
| config.php | |||||
| coursePlayer.php | |||||
| dashboard.php | |||||
| error_log | |||||
| invite_friends.php | |||||
| login_reg.php | |||||
| profile.php | |||||
| wallet.php |