141 lines
5.0 KiB
PHP
141 lines
5.0 KiB
PHP
<?php
|
|
include 'koneksi.php';
|
|
|
|
$success = false;
|
|
|
|
if (isset($_POST['register'])) {
|
|
$username = $_POST['username'];
|
|
$password = $_POST['password'];
|
|
|
|
// basic escaping to avoid simple injection (keep consistent with existing style)
|
|
$username = mysqli_real_escape_string($conn, $username);
|
|
$password = mysqli_real_escape_string($conn, $password);
|
|
|
|
// insert with initial balance = 0
|
|
$SQL = "INSERT INTO users (username, password, balance) VALUES ('$username', '$password', 0)";
|
|
$result = mysqli_query($conn, $SQL);
|
|
|
|
if ($result) {
|
|
$success = true;
|
|
}
|
|
}
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>OCA Gaming Hub - Login</title>
|
|
<link rel="stylesheet" href="login.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="logo">
|
|
<h1>♠ OCA GAMING HUB ♠</h1>
|
|
<p>BLACKJACK 21 CARD GAME</p>
|
|
</div>
|
|
|
|
<div class="form-container">
|
|
<div class="card-icon">🂡</div>
|
|
|
|
<?php if ($success): ?>
|
|
<div class="success-message show">Register Success!</div>
|
|
<script>
|
|
setTimeout(function() {
|
|
window.location.href = 'loginn.php';
|
|
}, 2000);
|
|
</script>
|
|
<?php else: ?>
|
|
<!-- Sign Up Page -->
|
|
<form action ="register.php" method="POST">
|
|
<div class="form-group">
|
|
<label for="username">Username</label>
|
|
<input id="username" type="text" name="username" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input id="password" type="password" name="password" required>
|
|
</div>
|
|
|
|
<div class="button-group">
|
|
<button type="submit" name="register" class="btn btn-register">Register</button>
|
|
</div>
|
|
</form>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function goToMain() {
|
|
document.getElementById('mainPage').style.display = 'block';
|
|
document.getElementById('signupForm').style.display = 'none';
|
|
// Clear messages
|
|
document.getElementById('mainMessage').classList.remove('show');
|
|
document.getElementById('mainError').classList.remove('show');
|
|
}
|
|
|
|
function goToSignUp() {
|
|
document.getElementById('mainPage').style.display = 'none';
|
|
document.getElementById('signupForm').style.display = 'block';
|
|
}
|
|
|
|
// Login handler: validate input and show messages
|
|
function handleLogin() {
|
|
const username = document.getElementById('mainUsername').value.trim();
|
|
const password = document.getElementById('mainPassword').value.trim();
|
|
const successEl = document.getElementById('mainMessage');
|
|
const errorEl = document.getElementById('mainError');
|
|
|
|
// Reset messages
|
|
successEl.classList.remove('show');
|
|
errorEl.classList.remove('show');
|
|
|
|
if (!username || !password) {
|
|
errorEl.textContent = 'Please enter both username and password.';
|
|
errorEl.classList.add('show');
|
|
return;
|
|
}
|
|
|
|
// Simulate login (replace with real auth as needed)
|
|
if (username.toLowerCase() === 'admin' && password === 'admin') {
|
|
successEl.textContent = `Welcome back, ${username}! Redirecting...`;
|
|
successEl.classList.add('show');
|
|
setTimeout(() => {
|
|
alert('Logged in as ' + username + '. (Simulated)');
|
|
// Example: redirect to game/dashboard page
|
|
// window.location.href = 'dashboard.html';
|
|
}, 800);
|
|
} else {
|
|
errorEl.textContent = 'Invalid username or password.';
|
|
errorEl.classList.add('show');
|
|
}
|
|
}
|
|
|
|
// Signup Form Handler
|
|
document.getElementById('signupForm').addEventListener('submit', function (e) {
|
|
e.preventDefault();
|
|
const username = document.getElementById('signupUsername').value;
|
|
const email = document.getElementById('signupEmail').value;
|
|
const password = document.getElementById('signupPassword').value;
|
|
|
|
if (username && email && password) {
|
|
const message = document.getElementById('signupMessage');
|
|
message.textContent = `✓ Account created successfully for ${username}!`;
|
|
message.classList.add('show');
|
|
|
|
setTimeout(() => {
|
|
alert(`Account created!\nUsername: ${username}\nEmail: ${email}`);
|
|
// Add your redirect here
|
|
goToMain();
|
|
}, 1500);
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|