2526-web/Kelompok8-OCAGamingHub-Ody-Alex-Cliff
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
ody 2025-12-15 21:25:46 +07:00
parent 462beb09c5
commit a455084f43
7 changed files with 540 additions and 1306 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

251
gamefix.php
View File

@ -1,251 +0,0 @@
<?php
session_start();
include "koneksi.php";
// =============================
// REQUIRE LOGIN
// =============================
if (!isset($_SESSION['user_id'])) {
header("Location: loginn.php");
exit;
}
// =============================
// AJAX HANDLER
// =============================
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
header('Content-Type: application/json; charset=utf-8');
$user_id = intval($_SESSION['user_id']);
$action = $_POST['action'];
// ========= TOP UP ==========
if ($action === 'topup') {
$amount = intval($_POST['amount']);
$bank_method = trim($_POST['bank_method']);
if ($amount <= 0) {
echo json_encode(['status'=>'error','message'=>'Jumlah top up tidak valid.']);
exit;
}
// UPDATE SALDO (BANK)
$sql = "UPDATE users SET bank = bank + ? WHERE id = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "ii", $amount, $user_id);
mysqli_stmt_execute($stmt);
mysqli_stmt_close($stmt);
// Ambil saldo baru
$sql2 = "SELECT bank FROM users WHERE id = ?";
$stmt2 = mysqli_prepare($conn, $sql2);
mysqli_stmt_bind_param($stmt2, "i", $user_id);
mysqli_stmt_execute($stmt2);
$result = mysqli_stmt_get_result($stmt2);
$row = mysqli_fetch_assoc($result);
mysqli_stmt_close($stmt2);
$_SESSION['bank'] = intval($row['bank']);
echo json_encode([
'status' => 'ok',
'bank' => $_SESSION['bank'],
'message' => 'Top up berhasil.'
]);
exit;
}
// ========= SET BANK (saldo game win/lose) ===========
if ($action === 'set_balance') {
$newBank = intval($_POST['balance']);
if ($newBank < 0) {
echo json_encode(['status'=>'error','message'=>'Bank tidak valid']);
exit;
}
$sql = "UPDATE users SET bank = ? WHERE id = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "ii", $newBank, $user_id);
mysqli_stmt_execute($stmt);
mysqli_stmt_close($stmt);
$_SESSION['bank'] = $newBank;
echo json_encode(['status'=>'ok','bank'=>$newBank]);
exit;
}
echo json_encode(['status'=>'error','message'=>'Action tidak dikenal']);
exit;
}
// =============================
// LOAD USER DATA NORMAL
// =============================
$user_id = intval($_SESSION['user_id']);
$sql = "SELECT username, bank FROM users WHERE id = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "i", $user_id);
mysqli_stmt_execute($stmt);
$res = mysqli_stmt_get_result($stmt);
$user = mysqli_fetch_assoc($res);
mysqli_stmt_close($stmt);
if (!$user) {
session_destroy();
header("Location: loginn.php");
exit;
}
$_SESSION['username'] = $user['username'];
$_SESSION['bank'] = intval($user['bank']);
$username = htmlspecialchars($_SESSION['username']);
$bank = intval($_SESSION['bank']);
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Blackjack [21]</title>
<link rel="stylesheet" href="cliff.css">
</head>
<body>
<div class="table">
<header>
<h1>Blackjack [21]</h1>
<div class="controls">
<div>
Signed in as: <strong><?php echo $username; ?></strong>
<button id="topup-btn">Top Up</button>
<a href="logout.php" class="btn-danger">Logout</a>
</div>
<div style="margin-top:10px;">
<div class="chip">Bank: Rp <span id="bank-display"><?php echo number_format($bank,0,',','.'); ?></span></div>
<div class="chip">Taruhan: <span id="current-bet">0</span></div>
</div>
</div>
</header>
<main>
<div id="game-area"></div>
</main>
<footer>OCA GameHub - Blackjack [21]</footer>
</div>
<!-- ========== MODAL TOP UP ========== -->
<div id="topup-modal" class="modal" style="display:none;">
<div class="modal-content">
<span class="close" id="close-topup">&times;</span>
<h2>Top Up Saldo</h2>
<div id="topup-msg" style="display:none;"></div>
<p><strong>Pemain:</strong> <?php echo $username; ?></p>
<p><strong>Saldo sekarang:</strong> Rp <span id="modal-bank"><?php echo number_format($bank,0,',','.'); ?></span></p>
<form id="topup-form">
<label>Metode:</label>
<select id="bank-method">
<option value="">-- pilih --</option>
<option value="bca">BCA</option>
<option value="bni">BNI</option>
<option value="mandiri">Mandiri</option>
<option value="cimb">CIMB</option>
<option value="ewallet">E-Wallet</option>
</select>
<label>Jumlah (Rp):</label>
<input type="number" id="topup-amount" min="1">
<button type="submit">Top Up</button>
</form>
</div>
</div>
<script>
let bank = <?php echo $bank; ?>;
// Format rupiah
function formatIDR(n) {
return Number(n).toLocaleString('id-ID');
}
// Update UI
function refreshBankUI() {
document.getElementById("bank-display").innerText = formatIDR(bank);
document.getElementById("modal-bank").innerText = formatIDR(bank);
}
// Modal
const modal = document.getElementById("topup-modal");
document.getElementById("topup-btn").onclick = () => modal.style.display = "flex";
document.getElementById("close-topup").onclick = () => modal.style.display = "none";
// ====== Top Up Submit ======
document.getElementById("topup-form").onsubmit = function(e){
e.preventDefault();
let amount = parseInt(document.getElementById("topup-amount").value);
let method = document.getElementById("bank-method").value;
if (!method) { alert("Pilih metode dulu"); return; }
if (amount <= 0) { alert("Jumlah tidak valid"); return; }
let data = new URLSearchParams();
data.append("action","topup");
data.append("amount",amount);
data.append("bank_method",method);
fetch("game.php", {
method: "POST",
headers: {"Content-Type":"application/x-www-form-urlencoded"},
body: data.toString()
})
.then(r=>r.json())
.then(res=>{
if(res.status === "ok"){
bank = res.bank;
refreshBankUI();
alert("Top up berhasil!");
modal.style.display = "none";
} else {
alert(res.message);
}
});
};
// ====== Called from JS game (win/lose) ======
window.persistBalanceToServer = function(newBank){
let data = new URLSearchParams();
data.append("action","set_balance");
data.append("balance",newBank);
return fetch("game.php", {
method:"POST",
headers:{"Content-Type":"application/x-www-form-urlencoded"},
body:data.toString()
})
.then(r=>r.json())
.then(res=>{
if(res.status === "ok"){
bank = res.bank;
refreshBankUI();
}
});
};
// untuk script game
window.getBank = () => bank;
window.setBank = (v) => { bank = v; refreshBankUI(); };
</script>
<script src="ody git.js"></script>
</body>
</html>

484
html.php
View File

@ -1,81 +1,10 @@
<?php
session_start();
include "koneksi.php";
// Jika tidak login, redirect ke login
if (!isset($_SESSION['user_id'])) {
// If not logged in, redirect to login
if (!isset($_SESSION['username'])) {
header('Location: loginn.php');
exit;
}
// Ambil saldo dari database
$query = "SELECT bank FROM users WHERE id = ?";
$stmt = mysqli_prepare($conn, $query);
mysqli_stmt_bind_param($stmt, "i", $_SESSION['user_id']);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
$data = mysqli_fetch_assoc($result);
$currentBank = intval($data["bank"]);
$_SESSION["bank"] = $currentBank;
$_SESSION["balance"] = $currentBank;
// Handle Top Up form
$topup_response = '';
$topup_success = false;
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['bank_method'])) {
$bank_method = $_POST['bank_method'] ?? '';
$amount = (int)($_POST['amount'] ?? 0);
if (empty($bank_method)) {
$topup_response = 'Pilih metode pembayaran terlebih dahulu.';
} elseif ($amount <= 0) {
$topup_response = 'Masukkan jumlah top up yang valid (lebih dari 0).';
} else {
// Update saldo di database
$new_balance = $currentBank + $amount;
$update_query = "UPDATE users SET bank = ? WHERE id = ?";
$update_stmt = mysqli_prepare($conn, $update_query);
mysqli_stmt_bind_param($update_stmt, "ii", $new_balance, $_SESSION['user_id']);
if (mysqli_stmt_execute($update_stmt)) {
$_SESSION['balance'] = $new_balance;
$_SESSION['bank'] = $new_balance;
$currentBank = $new_balance;
$topup_response = 'Top up berhasil! Saldo: Rp ' . number_format($_SESSION['balance'], 0, ',', '.');
$topup_success = true;
// Refresh halaman untuk update saldo
header("Refresh:2");
} else {
$topup_response = 'Gagal melakukan top up. Coba lagi.';
}
}
}
// Handle balance update from game
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
$new_balance = (int)$_POST['update_balance'];
if ($new_balance >= 0) {
// Update saldo di database
$update_query = "UPDATE users SET bank = ? WHERE id = ?";
$update_stmt = mysqli_prepare($conn, $update_query);
mysqli_stmt_bind_param($update_stmt, "ii", $new_balance, $_SESSION['user_id']);
if (mysqli_stmt_execute($update_stmt)) {
$_SESSION['balance'] = $new_balance;
$_SESSION['bank'] = $new_balance;
header('Content-Type: application/json');
echo json_encode(['status' => 'success', 'balance' => $_SESSION['balance']]);
exit;
} else {
header('Content-Type: application/json');
echo json_encode(['status' => 'error', 'message' => 'Failed to update balance']);
exit;
}
}
}
?>
<!doctype html>
<html lang="id">
@ -85,226 +14,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
<title>Blackjack [21] - OCA GameHub</title>
<link rel="stylesheet" href="cliff.css" />
<style>
/* Modal Styling */
.modal {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
}
.modal-content {
background: linear-gradient(135deg, rgba(10, 58, 26, 0.95), rgba(15, 122, 58, 0.95));
border: 2px solid rgba(0, 255, 0, 0.4);
border-radius: 15px;
padding: 30px;
max-width: 500px;
width: 90%;
box-shadow: 0 8px 32px 0 rgba(0, 255, 0, 0.3);
color: #88FF88;
}
.modal-content h2 {
color: #00FF00;
text-align: center;
margin-bottom: 20px;
text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}
.close-modal {
color: #00FF00;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
}
.close-modal:hover {
color: #FF6B6B;
text-shadow: 0 0 10px rgba(255, 107, 107, 0.5);
}
.modal-info {
background: rgba(0, 100, 0, 0.2);
border: 1px solid rgba(0, 255, 0, 0.3);
border-radius: 8px;
padding: 12px;
margin-bottom: 20px;
font-size: 14px;
}
.modal-info p {
margin: 5px 0;
}
.modal-info strong {
color: #00FF00;
}
.topup-message {
padding: 12px;
border-radius: 8px;
margin-bottom: 15px;
font-size: 13px;
border: 1px solid;
}
.topup-message.success {
background: rgba(0, 255, 0, 0.2);
border-color: #00FF00;
color: #00FF00;
}
.topup-message.error {
background: rgba(255, 107, 107, 0.2);
border-color: #FF6B6B;
color: #FF9999;
}
.form-group-modal {
margin-bottom: 20px;
}
.form-group-modal label {
display: block;
color: #00FF00;
font-size: 13px;
margin-bottom: 10px;
font-weight: 600;
}
.bank-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
gap: 10px;
margin-bottom: 15px;
}
.bank-choice {
position: relative;
}
.bank-choice input[type="radio"] {
display: none;
}
.bank-btn {
display: block;
padding: 12px 8px;
background: rgba(0, 100, 0, 0.2);
border: 2px solid rgba(0, 255, 0, 0.3);
border-radius: 6px;
text-align: center;
cursor: pointer;
font-size: 12px;
color: #88FF88;
transition: all 0.3s;
}
.bank-choice input[type="radio"]:checked + .bank-btn {
background: rgba(0, 255, 0, 0.3);
border-color: #00FF00;
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
color: #00FF00;
font-weight: bold;
}
.bank-btn:hover {
border-color: rgba(0, 255, 0, 0.6);
background: rgba(0, 150, 0, 0.2);
}
.form-group-modal input[type="number"] {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 255, 0, 0.5);
background: rgba(0, 100, 0, 0.1);
color: #88FF88;
border-radius: 6px;
font-size: 14px;
transition: all 0.3s;
}
.form-group-modal input[type="number"]::placeholder {
color: rgba(136, 255, 136, 0.5);
}
.form-group-modal input[type="number"]:focus {
outline: none;
border-color: #00FF00;
background: rgba(0, 150, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}
.quick-btn-group {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-top: 10px;
}
.quick-btn {
padding: 8px;
background: rgba(0, 255, 0, 0.2);
border: 1px solid rgba(0, 255, 0, 0.4);
color: #00FF00;
border-radius: 4px;
cursor: pointer;
font-size: 11px;
transition: all 0.3s;
}
.quick-btn:hover {
background: rgba(0, 255, 0, 0.3);
border-color: #00FF00;
}
.modal-buttons {
display: flex;
gap: 10px;
margin-top: 20px;
}
.btn-modal-submit, .btn-modal-cancel {
flex: 1;
padding: 12px;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
letter-spacing: 0.5px;
}
.btn-modal-submit {
background: linear-gradient(135deg, #00FF00, #00CC00);
color: #000;
}
.btn-modal-submit:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 255, 0, 0.6);
}
.btn-modal-cancel {
background: rgba(0, 255, 0, 0.2);
color: #00FF00;
border: 1px solid #00FF00;
}
.btn-modal-cancel:hover {
background: rgba(0, 255, 0, 0.3);
}
</style>
</head>
<body>
<div class="table" role="application" aria-label="Blackjack tanpa iklan">
@ -313,11 +22,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
<div class="controls">
<div style="display:flex;gap:12px;align-items:center;margin-bottom:8px;">
<div>Signed in as: <strong><?php echo htmlspecialchars($_SESSION['username']); ?></strong></div>
<button id="topup-btn" style="text-decoration:none;padding:6px 10px;background:#3b82f6;color:#fff;border-radius:6px;border:none;cursor:pointer;font-weight:bold;">Top Up</button>
<a href="topup.php" style="text-decoration:none;padding:6px 10px;background:#3b82f6;color:#fff;border-radius:6px;">Top Up</a>
<a href="logout.php" style="text-decoration:none;padding:6px 10px;background:#ef4444;color:#fff;border-radius:6px;">Logout</a>
</div>
<div class="info">
<div class="chip">Bank: <span id="balance">0</span></div>
<div class="chip">Bank: <span id="balance"><?php echo isset($_SESSION['balance']) ? (int)$_SESSION['balance'] : 0; ?></span></div>
<div class="chip">Taruhan: <span id="current-bet">0</span></div>
</div>
<div class="bet">
@ -349,196 +58,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
</div>
</main>
<!-- Top Up Modal -->
<div id="topup-modal" class="modal" style="display: none;">
<div class="modal-content">
<span class="close-modal" onclick="closeTopUpModal()">&times;</span>
<h2>💳 Top Up Saldo</h2>
<div class="modal-info">
<p>Pemain: <strong><?php echo htmlspecialchars($_SESSION['username']); ?></strong></p>
<p>Saldo Saat Ini: <strong>Rp <span id="modal-balance">0</span></strong></p>
</div>
<div id="topup-message" class="topup-message" style="display: none;"></div>
<form method="POST" id="topup-form">
<div class="form-group-modal">
<label>🏦 Pilih Bank</label>
<div class="bank-grid">
<div class="bank-choice">
<input type="radio" id="m-bca" name="bank_method" value="bca" />
<label for="m-bca" class="bank-btn">🏛️ BCA</label>
</div>
<div class="bank-choice">
<input type="radio" id="m-mandiri" name="bank_method" value="mandiri" />
<label for="m-mandiri" class="bank-btn">🏦 Mandiri</label>
</div>
<div class="bank-choice">
<input type="radio" id="m-bni" name="bank_method" value="bni" />
<label for="m-bni" class="bank-btn">🏤 BNI</label>
</div>
<div class="bank-choice">
<input type="radio" id="m-cimb" name="bank_method" value="cimb" />
<label for="m-cimb" class="bank-btn">💰 CIMB</label>
</div>
<div class="bank-choice">
<input type="radio" id="m-ocbc" name="bank_method" value="ocbc" />
<label for="m-ocbc" class="bank-btn">🏢 OCBC</label>
</div>
<div class="bank-choice">
<input type="radio" id="m-ewallet" name="bank_method" value="ewallet" />
<label for="m-ewallet" class="bank-btn">📱 e-Wallet</label>
</div>
</div>
</div>
<div class="form-group-modal">
<label for="modal-amount">💵 Jumlah Top Up</label>
<input id="modal-amount" name="amount" type="number" min="1" placeholder="Contoh: 50000" />
<div class="quick-btn-group">
<button type="button" class="quick-btn" onclick="setModalAmount(10000)">10K</button>
<button type="button" class="quick-btn" onclick="setModalAmount(50000)">50K</button>
<button type="button" class="quick-btn" onclick="setModalAmount(100000)">100K</button>
<button type="button" class="quick-btn" onclick="setModalAmount(250000)">250K</button>
<button type="button" class="quick-btn" onclick="setModalAmount(500000)">500K</button>
<button type="button" class="quick-btn" onclick="setModalAmount(1000000)">1JT</button>
</div>
</div>
<div class="modal-buttons">
<button type="submit" class="btn-modal-submit">Top Up</button>
<button type="button" class="btn-modal-cancel" onclick="closeTopUpModal()">Batal</button>
</div>
</form>
</div>
</div>
<footer>
OCA GameHub - <code> Blackjack_[21] - </code> Semoga menang bosq
</footer>
</div>
<script>
// Initialize balance from server BEFORE loading game script
const serverBalance = <?php echo (int)$_SESSION['balance']; ?>;
let gameBalance = serverBalance;
// Update display on load
function updateBalanceDisplay() {
document.getElementById('balance').textContent = gameBalance.toLocaleString('id-ID');
const formattedBalance = gameBalance.toLocaleString('id-ID', {
minimumFractionDigits: 0,
maximumFractionDigits: 0
});
document.getElementById('modal-balance').textContent = formattedBalance;
localStorage.setItem('playerBalance', gameBalance);
}
updateBalanceDisplay();
// Modal Top Up
const topupBtn = document.getElementById('topup-btn');
const topupModal = document.getElementById('topup-modal');
const topupForm = document.getElementById('topup-form');
const topupMessage = document.getElementById('topup-message');
const modalAmount = document.getElementById('modal-amount');
// Open modal
topupBtn.addEventListener('click', function() {
topupModal.style.display = 'flex';
topupForm.reset();
topupMessage.style.display = 'none';
updateBalanceDisplay();
});
// Close modal
function closeTopUpModal() {
topupModal.style.display = 'none';
topupMessage.style.display = 'none';
}
// Set amount
function setModalAmount(amount) {
document.getElementById('modal-amount').value = amount;
}
// Close modal when clicking outside
window.addEventListener('click', function(e) {
if (e.target === topupModal) {
closeTopUpModal();
}
});
// Handle form submission
topupForm.addEventListener('submit', function(e) {
e.preventDefault();
const bankMethod = document.querySelector('input[name="bank_method"]:checked');
const amount = parseInt(modalAmount.value);
if (!bankMethod) {
showTopUpMessage('Pilih metode pembayaran terlebih dahulu.', 'error');
return;
}
if (amount <= 0) {
showTopUpMessage('Masukkan jumlah top up yang valid.', 'error');
return;
}
// Submit form
const formData = new FormData(topupForm);
fetch('', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
// Parse HTML response to check for success
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
const responseDiv = doc.querySelector('.topup-message');
if (responseDiv) {
const isSuccess = responseDiv.classList.contains('success');
const message = responseDiv.textContent;
showTopUpMessage(message, isSuccess ? 'success' : 'error');
if (isSuccess) {
// Update balance display
gameBalance = <?php echo $currentBank; ?> + amount;
updateBalanceDisplay();
topupForm.reset();
setTimeout(() => {
closeTopUpModal();
location.reload(); // Reload to get updated balance
}, 2000);
}
}
})
.catch(error => {
console.error('Error:', error);
showTopUpMessage('Terjadi kesalahan. Coba lagi.', 'error');
});
});
function showTopUpMessage(msg, type) {
topupMessage.textContent = msg;
topupMessage.className = 'topup-message ' + type;
topupMessage.style.display = 'block';
}
// Show PHP response if exists
<?php if ($topup_response): ?>
document.addEventListener('DOMContentLoaded', function() {
showTopUpMessage('<?php echo $topup_response; ?>', '<?php echo $topup_success ? "success" : "error"; ?>');
document.getElementById('topup-message').style.display = 'block';
});
<?php endif; ?>
</script>
<script src="ody git.js"></script>
</body>
</html>

135
loginn.php
View File

@ -1,116 +1,67 @@
<?php
include "koneksi.php";
session_start();
$error = '';
if(isset($_POST['login'])){
$username = mysqli_real_escape_string($conn, $_POST['username']);
$username = $_POST['username'];
$password = $_POST['password'];
// PAKAI KOLOM BANK, BUKAN BALANCE
$sql = "SELECT id, username, password, bank FROM users WHERE username = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "s", $username);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
$sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
$user = mysqli_fetch_assoc($result);
if($password === $user['password']) {
// SESSION PAKAI BANK
$_SESSION['user_id'] = $user['id'];
session_start();
$_SESSION['username'] = $user['username'];
$_SESSION['bank'] = intval($user['bank']);
$update_sql = "UPDATE users SET last_login = NOW() WHERE id = ?";
$update_stmt = mysqli_prepare($conn, $update_sql);
mysqli_stmt_bind_param($update_stmt, "i", $user['id']);
mysqli_stmt_execute($update_stmt);
// ensure balance key exists
$_SESSION['balance'] = isset($user['balance']) ? (int)$user['balance'] : 0;
header("Location: html.php");
exit;
} else {
$error = 'Invalid username or password.';
}
} else {
$error = 'Invalid username or password.';
}
mysqli_stmt_close($stmt);
}
?>
<!-- ... form login tetap sama ... -->
<?php
include "koneksi.php";
session_start();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="container">
<div class="logo">
<h1>OCAGamingHub</h1>
<p>Welcome back — sign in to continue</p>
</div>
$error = '';
$success = '';
<div class="form-container">
<div class="card-icon">♠</div>
if(isset($_POST['register'])){
$username = mysqli_real_escape_string($conn, $_POST['username']);
$password = $_POST['password'];
$confirm_password = $_POST['confirm_password'];
<?php if(!empty($error)): ?>
<div class="error-message show"><?=htmlspecialchars($error)?></div>
<?php endif; ?>
if(empty($username) || empty($password)) {
$error = 'All fields are required.';
} elseif($password !== $confirm_password) {
$error = 'Passwords do not match.';
} elseif(strlen($password) < 6) {
$error = 'Password must be at least 6 characters.';
} else {
$check_sql = "SELECT id FROM users WHERE username = ?";
$check_stmt = mysqli_prepare($conn, $check_sql);
mysqli_stmt_bind_param($check_stmt, "s", $username);
mysqli_stmt_execute($check_stmt);
mysqli_stmt_store_result($check_stmt);
<form action="loginn.php" method="POST">
<div class="form-group">
<label for="username">Username</label>
<input id="username" name="username" type="text" placeholder="Enter username" required>
</div>
if(mysqli_stmt_num_rows($check_stmt) > 0) {
$error = 'Username already exists.';
} else {
$hashed_password = $password;
<div class="form-group">
<label for="password">Password</label>
<input id="password" name="password" type="password" placeholder="Enter password" required>
</div>
// INSERT KE KOLOM BANK, BUKAN BALANCE
$insert_sql = "INSERT INTO users (username, password, bank, created_at)
VALUES (?, ?, 1000, NOW())";
$insert_stmt = mysqli_prepare($conn, $insert_sql);
mysqli_stmt_bind_param($insert_stmt, "ss", $username, $hashed_password);
<div class="button-group">
<button type="submit" name="login" class="btn btn-signin">Sign In</button>
<a href="register.php" class="btn btn-signup">Sign Up</a>
</div>
if(mysqli_stmt_execute($insert_stmt)) {
$success = 'Registration successful! You can now login.';
$user_id = mysqli_insert_id($conn);
$_SESSION['user_id'] = $user_id;
$_SESSION['username'] = $username;
$_SESSION['bank'] = 1000;
header("Location: html.php");
exit;
} else {
$error = 'Registration failed. Please try again.';
}
}
}
}
?>
<?
$sql = "SELECT id, username, password, bank FROM users WHERE username = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "s", $username);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
if ($row = mysqli_fetch_assoc($result)) {
if ($password === $row['password']) {
$_SESSION['user_id'] = $row['id'];
$_SESSION['username'] = $row['username'];
$_SESSION['bank'] = intval($row['bank']); // ← INI YANG PENTING
header("Location: html.php");
exit;
}
}
</form>
</div>
</div>
</body>
</html>

561
ody git.js
View File

@ -1,23 +1,14 @@
// =========================
// SET MESSAGE
// =========================
function setMessage(text, status) {
if (messageEl) {
// SET MESSAGE (WIN/LOSE)
function setMessage(text, status){
messageEl.textContent = text;
messageEl.className = status;
}
messageEl.className = status; // 'win', 'lose', atau '' (tie)
}
// =========================
// KONSTANTA KARTU
// =========================
const SUITS = ['♠', '♥', '♦', '♣'];
const RANKS = ['A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K'];
// Simple Blackjack implementation
const SUITS = ['♠','♥','♦','♣'];
const RANKS = ['A','2','3','4','5','6','7','8','9','10','J','Q','K'];
// =========================
// DOM ELEMENTS
// =========================
// DOM
const dealerHandEl = document.getElementById('dealer-hand');
const playerHandEl = document.getElementById('player-hand');
const dealerValueEl = document.getElementById('dealer-value');
@ -32,148 +23,67 @@ const doubleBtn = document.getElementById('double');
const newRoundBtn = document.getElementById('new-round');
const messageEl = document.getElementById('message');
// TOPUP DOM
const topupBtn = document.getElementById('topup-btn');
const topupModal = document.getElementById('topup-modal');
const topupForm = document.getElementById('topup-form');
const topupMessage = document.getElementById('topup-message');
const modalAmount = document.getElementById('modal-amount');
// =========================
// VARIABEL GAME
// =========================
let deck = [];
let dealer = [];
let player = [];
let dealerHidden = true;
let balance = 0;
let balance = 1000;
let currentBet = 0;
let inRound = false;
// =========================================
// AMBIL VALUE DARI PHP (HIDDEN INPUT)
// =========================================
let gameBalance = parseInt(document.getElementById('php-balance').value);
let userId = parseInt(document.getElementById('php-userid').value);
// =========================
// UPDATE BALANCE DISPLAY
// =========================
function updateBalanceDisplay() {
if (balanceEl) balanceEl.textContent = gameBalance.toLocaleString('id-ID');
const modalBalance = document.getElementById('modal-balance');
if (modalBalance) modalBalance.textContent = gameBalance.toLocaleString('id-ID');
}
// =========================
// SYNC KE SERVER
// =========================
async function syncBalanceToServer() {
try {
const response = await fetch('update_balance.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ userId, balance: gameBalance })
});
const data = await response.json();
return data.success;
} catch (err) {
console.error("Error:", err);
return false;
}
}
// =========================
// UPDATE SESSION PHP
// =========================
async function updateSessionBalance() {
try {
await fetch('update_session.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ balance: gameBalance })
});
} catch (err) {
console.error("Error:", err);
}
}
// =========================
// UPDATE BALANCE LOGIC
// =========================
function updateGameBalance(amount, type) {
if (type === 'win') gameBalance += amount;
else if (type === 'loss') gameBalance -= amount;
else if (type === 'bet') gameBalance -= amount;
else if (type === 'refund') gameBalance += amount;
updateBalanceDisplay();
syncBalanceToServer();
updateSessionBalance();
}
window.updateGameBalance = updateGameBalance;
window.gameBalance = gameBalance;
window.userId = userId;
// =========================
// FUNGSI KARTU
// =========================
function makeDeck() {
function makeDeck(){
deck = [];
for (const s of SUITS) {
for (const r of RANKS) deck.push({ suit: s, rank: r });
for(const s of SUITS){
for(const r of RANKS){
deck.push({suit:s,rank:r});
}
}
}
function shuffle() {
for (let i = deck.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[deck[i], deck[j]] = [deck[j], deck[i]];
function shuffle(){
for(let i=deck.length-1;i>0;i--){
const j = Math.floor(Math.random()*(i+1));
[deck[i],deck[j]] = [deck[j],deck[i]];
}
}
function cardValue(card) {
if (card.rank === 'A') return [1, 11];
if (['J', 'Q', 'K'].includes(card.rank)) return [10];
return [parseInt(card.rank)];
function cardValue(card){
const r = card.rank;
if(r==='A') return [1,11];
if(['J','Q','K'].includes(r)) return [10];
return [parseInt(r,10)];
}
function handValues(hand) {
function handValues(hand){
let totals = [0];
for (const card of hand) {
const cv = cardValue(card);
for(const c of hand){
const vals = cardValue(c);
const newTotals = [];
totals.forEach(t => cv.forEach(v => newTotals.push(t + v)));
totals = [...new Set(newTotals)];
for(const t of totals){
for(const v of vals){ newTotals.push(t+v); }
}
const valid = totals.filter(t => t <= 21);
return valid.length ? Math.max(...valid) : Math.min(...totals);
totals = Array.from(new Set(newTotals));
}
const valid = totals.filter(t=>t<=21);
if(valid.length) return Math.max(...valid);
return Math.min(...totals);
}
function renderHand(el, hand, hideFirst = false) {
el.innerHTML = '';
hand.forEach((c, i) => {
function renderHand(el,hand,hideFirst=false){
el.innerHTML='';
hand.forEach((c,i)=>{
const div = document.createElement('div');
div.className='card'+(c.suit==='♥'||c.suit==='♦'?' red':'');
if (hideFirst && i === 0) {
div.className = 'card back';
div.textContent = 'HIDE';
if(hideFirst && i===0){
div.className='card back';
div.textContent='TERSEMBUNYI';
} else {
div.className = 'card' + ((c.suit === '♥' || c.suit === '♦') ? ' red' : '');
const top = document.createElement('div');
const bot = document.createElement('div');
top.textContent = c.rank + ' ' + c.suit;
const bot = document.createElement('div');
bot.style.alignSelf='flex-end';
bot.textContent = c.rank + ' ' + c.suit;
bot.style.alignSelf = 'flex-end';
div.appendChild(top);
div.appendChild(bot);
}
@ -182,219 +92,298 @@ function renderHand(el, hand, hideFirst = false) {
});
}
// =========================
// UPDATE UI
// =========================
function updateUI() {
renderHand(dealerHandEl, dealer, dealerHidden);
renderHand(playerHandEl, player);
dealerValueEl.textContent = dealerHidden ? '??' : 'Nilai: ' + handValues(dealer);
playerValueEl.textContent = 'Nilai: ' + handValues(player);
updateBalanceDisplay();
if (currentBetEl) currentBetEl.textContent = currentBet.toLocaleString('id-ID');
function updateUI(){
renderHand(dealerHandEl,dealer,dealerHidden);
renderHand(playerHandEl,player,false);
dealerValueEl.textContent = dealerHidden ? '??' : 'Nilai: '+handValues(dealer);
playerValueEl.textContent = 'Nilai: '+handValues(player);
balanceEl.textContent = balance;
currentBetEl.textContent = currentBet;
}
// =========================
// START ROUND
// =========================
function startRound() {
if (inRound) return;
function startRound(){
if(inRound) return;
const bet = Number(betInput.value);
if (bet <= 0) return alert("Masukkan jumlah taruhan!");
if (bet > gameBalance) return alert("BANK TIDAK CUKUP!");
const bet = Number(betInput.value) || 0;
if(bet <=0 || bet > balance){ alert(' BANK TIDAK CUKUP! '); return; }
currentBet = bet;
updateGameBalance(bet, 'bet');
inRound = true;
dealerHidden = true;
setMessage("", "");
balance -= bet;
inRound=true;
dealerHidden=true;
makeDeck();
shuffle();
setMessage('', ''); // RESET MESSAGE
makeDeck(); shuffle();
dealer = [deck.pop(), deck.pop()];
player = [deck.pop(), deck.pop()];
updateUI();
// NATURAL BLACKJACK
if (handValues(player) === 21) {
dealerHidden = false;
if(handValues(player)===21){
dealerHidden=false;
updateUI();
const dealerVal = handValues(dealer);
if (handValues(dealer) === 21) {
updateGameBalance(currentBet, 'refund');
setMessage("Tie!", "");
if(dealerVal===21){
balance += currentBet;
setMessage('Tie (seri).', '');
} else {
updateGameBalance(Math.floor(currentBet * 2.5), 'win');
setMessage("Blackjack! You win!", "win");
const payout = Math.floor(currentBet * 2.5);
balance += payout;
setMessage('Blackjack! You Win!', 'win');
}
inRound = false;
currentBet = 0;
inRound=false;
currentBet=0;
updateUI();
}
}
// =========================
// HIT
// =========================
function playerHit() {
if (!inRound) return;
function playerHit(){
if(!inRound) return;
player.push(deck.pop());
updateUI();
if (handValues(player) > 21) {
dealerHidden = false;
setMessage("Bust! You Lose!", "lose");
inRound = false;
currentBet = 0;
if(handValues(player) > 21){
dealerHidden=false;
setMessage('Bust! You Lose!', 'lose');
inRound=false;
currentBet=0;
updateUI();
}
}
// =========================
// STAND
// =========================
function playerStand() {
if (!inRound) return;
function playerStand(){
if(!inRound) return;
dealerHidden = false;
dealerHidden=false;
while (handValues(dealer) < 17) dealer.push(deck.pop());
updateUI();
while(handValues(dealer)<17){
dealer.push(deck.pop());
}
const pv = handValues(player);
const dv = handValues(dealer);
if (dv > 21 || pv > dv) {
updateGameBalance(currentBet * 2, 'win');
setMessage("You Win!", "win");
} else if (pv === dv) {
updateGameBalance(currentBet, 'refund');
setMessage("Tie!", "");
if(dv>21 || pv>dv){
balance += currentBet*2;
setMessage('You Win!', 'win');
} else if(pv===dv){
balance += currentBet;
setMessage('Tie (seri).', '');
} else {
setMessage("You Lose!", "lose");
setMessage('You Lose!', 'lose');
}
inRound = false;
currentBet = 0;
inRound=false;
currentBet=0;
updateUI();
}
// =========================
// DOUBLE
// =========================
function playerDouble() {
if (!inRound) return;
if (gameBalance < currentBet) return alert("Bank tidak cukup untuk double.");
function playerDouble(){
if(!inRound) return;
if(balance < currentBet){ alert('Bank tidak cukup untuk double.'); return; }
updateGameBalance(currentBet, 'bet');
balance -= currentBet;
currentBet *= 2;
player.push(deck.pop());
updateUI();
if (handValues(player) > 21) {
dealerHidden = false;
setMessage("Bust! You Lose!", "lose");
inRound = false;
currentBet = 0;
if(handValues(player)>21){
dealerHidden=false;
setMessage('Bust! You Lose!', 'lose');
inRound=false;
currentBet=0;
updateUI();
return;
}
playerStand();
}
// =========================
// TOP UP MODAL
// =========================
topupBtn.addEventListener('click', () => {
topupModal.style.display = 'flex';
topupForm.reset();
topupMessage.style.display = 'none';
updateBalanceDisplay();
});
function closeTopUpModal() {
topupModal.style.display = 'none';
topupMessage.style.display = 'none';
}
window.addEventListener('click', e => {
if (e.target === topupModal) closeTopUpModal();
});
function setModalAmount(amount) {
modalAmount.value = amount;
}
function showTopUpMessage(msg, type) {
topupMessage.textContent = msg;
topupMessage.className = 'topup-message ' + type;
topupMessage.style.display = 'block';
}
topupForm.addEventListener('submit', e => {
e.preventDefault();
const bankMethod = document.querySelector('input[name="bank_method"]:checked');
const amount = parseInt(modalAmount.value);
if (!bankMethod) return showTopUpMessage("Pilih metode pembayaran!", "error");
if (amount <= 0 || amount > 1000000) return showTopUpMessage("Jumlah harus 1–1.000.000", "error");
const formData = new FormData(topupForm);
formData.append('userId', userId);
fetch('process_topup.php', { method: 'POST', body: formData })
.then(res => res.json())
.then(data => {
if (data.success) {
gameBalance = data.new_balance;
updateBalanceDisplay();
showTopUpMessage("✓ Top up berhasil!", "success");
setTimeout(closeTopUpModal, 2000);
} else {
showTopUpMessage(data.message, "error");
}
})
.catch(() => showTopUpMessage("Terjadi kesalahan.", "error"));
});
// =========================
// EVENT LISTENERS
// =========================
// EVENTS
betBtn.addEventListener('click', startRound);
hitBtn.addEventListener('click', playerHit);
standBtn.addEventListener('click', playerStand);
doubleBtn.addEventListener('click', playerDouble);
newRoundBtn.addEventListener('click', () => {
if (inRound && !confirm("Masih dalam ronde. Reset?")) return;
dealer = [];
player = [];
deck = [];
inRound = false;
dealerHidden = true;
currentBet = 0;
setMessage("Game di-reset.", "");
newRoundBtn.addEventListener('click', ()=>{
if(inRound && !confirm('Masih dalam ronde. Reset?')) return;
balance = 1000;
currentBet=0;
inRound=false;
dealer=[];
player=[];
deck=[];
dealerHidden=true;
setMessage('Bank di-reset.', '');
updateUI();
});
window.addEventListener('keydown', e => {
if (e.key === 'h') playerHit();
if (e.key === 's') playerStand();
if (e.key === 'd') playerDouble();
if (e.key === 'Enter') startRound();
// KEYBOARD
window.addEventListener('keydown', e=>{
if(e.key==='h') playerHit();
if(e.key==='s') playerStand();
if(e.key==='d') playerDouble();
if(e.key==='Enter') startRound();
});
// =========================
// INIT
// =========================
document.addEventListener('DOMContentLoaded', () => {
updateBalanceDisplay();
updateUI();
// TOP UP FEATURE
// Tambahkan variabel global untuk top up
let topUpAmount = 0;
let topUpHistory = [];
// DOM elements untuk top up
const topUpBtn = document.getElementById('top-up-btn');
const topUpModal = document.getElementById('top-up-modal');
const topUpClose = document.getElementById('top-up-close');
const topUpInput = document.getElementById('top-up-input');
const topUpConfirm = document.getElementById('top-up-confirm');
const topUpHistoryEl = document.getElementById('top-up-history');
const topUpBalanceEl = document.getElementById('top-up-balance');
// Fungsi untuk menampilkan modal top up
function showTopUpModal() {
topUpModal.style.display = 'block';
topUpInput.value = '';
updateTopUpHistory();
}
// Fungsi untuk menyembunyikan modal top up
function hideTopUpModal() {
topUpModal.style.display = 'none';
}
// Fungsi untuk memproses top up
function processTopUp() {
const amount = Number(topUpInput.value) || 0;
if (amount <= 0) {
alert('Masukkan jumlah top up yang valid!');
return;
}
if (amount > 1000000) {
alert('Maksimal top up adalah 1.000.000!');
return;
}
// Simulasi proses top up (dalam implementasi nyata, ini akan terhubung ke payment gateway)
balance += amount;
topUpAmount += amount;
// Tambahkan ke riwayat top up
topUpHistory.push({
amount: amount,
date: new Date().toLocaleString('id-ID'),
balanceAfter: balance
});
// Update UI
updateUI();
updateTopUpHistory();
// Tampilkan pesan sukses
setMessage(`Top up berhasil! +${amount.toLocaleString('id-ID')}`, 'win');
// Sembunyikan modal
hideTopUpModal();
}
// Fungsi untuk memperbarui riwayat top up
function updateTopUpHistory() {
if (!topUpHistoryEl) return;
topUpHistoryEl.innerHTML = '';
if (topUpHistory.length === 0) {
topUpHistoryEl.innerHTML = '<p class="no-history">Belum ada riwayat top up</p>';
return;
}
// Tampilkan maksimal 5 riwayat terbaru
const recentHistory = topUpHistory.slice(-5).reverse();
recentHistory.forEach(record => {
const historyItem = document.createElement('div');
historyItem.className = 'history-item';
historyItem.innerHTML = `
<div class="history-amount">+${record.amount.toLocaleString('id-ID')}</div>
<div class="history-date">${record.date}</div>
<div class="history-balance">Saldo: ${record.balanceAfter.toLocaleString('id-ID')}</div>
`;
topUpHistoryEl.appendChild(historyItem);
});
}
// Fungsi untuk memperbarui tampilan saldo top up
function updateTopUpBalance() {
if (topUpBalanceEl) {
topUpBalanceEl.textContent = `Total Top Up: ${topUpAmount.toLocaleString('id-ID')}`;
}
}
// Event listeners untuk top up
if (topUpBtn) {
topUpBtn.addEventListener('click', showTopUpModal);
}
if (topUpClose) {
topUpClose.addEventListener('click', hideTopUpModal);
}
if (topUpConfirm) {
topUpConfirm.addEventListener('click', processTopUp);
}
// Tutup modal jika klik di luar modal
window.addEventListener('click', (e) => {
if (e.target === topUpModal) {
hideTopUpModal();
}
});
// Keyboard shortcut untuk top up (Ctrl+T)
window.addEventListener('keydown', e => {
if (e.ctrlKey && e.key === 't') {
e.preventDefault();
showTopUpModal();
}
});
// Modifikasi fungsi updateUI untuk menampilkan informasi top up
const originalUpdateUI = updateUI;
updateUI = function() {
originalUpdateUI();` []`
updateTopUpBalance();
};
// Modifikasi fungsi newRound untuk reset saldo yang tidak mempengaruhi riwayat top up
const originalNewRound = newRoundBtn.onclick;
newRoundBtn.onclick = function() {
if (inRound && !confirm('Masih dalam ronde. Reset?')) return;
// Reset saldo tapi pertahankan riwayat top up
const currentTopUpAmount = topUpAmount;
balance = 1000 + currentTopUpAmount;
currentBet = 0;
inRound = false;
dealer = [];
player = [];
deck = [];
dealerHidden = true;
setMessage('Bank di-reset.', '');
updateUI();
};
// Inisialisasi
updateTopUpHistory();
updateTopUpBalance();

240
register.php
View File

@ -1,175 +1,141 @@
<?php
include "koneksi.php";
session_start();
include 'koneksi.php';
/* LOGIN */
$error = "";
if (isset($_POST['login'])) {
$username = mysqli_real_escape_string($conn, $_POST['username']);
$password = $_POST['password'];
$success = false;
// PENTING: ambil kolom bank, bukan balance
$sql = "SELECT id, username, password, bank FROM users WHERE username = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "s", $username);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
if (mysqli_num_rows($result) > 0) {
$user = mysqli_fetch_assoc($result);
if ($password === $user['password']) {
// Set SESSION
$_SESSION['user_id'] = $user['id'];
$_SESSION['username'] = $user['username'];
$_SESSION['bank'] = intval($user['bank']); // PASTIKAN integer
// Update last login
$update_sql = "UPDATE users SET last_login = NOW() WHERE id = ?";
$update_stmt = mysqli_prepare($conn, $update_sql);
mysqli_stmt_bind_param($update_stmt, "i", $user['id']);
mysqli_stmt_execute($update_stmt);
// Masuk ke game page
header("Location: html.php");
exit;
} else {
$error = "Invalid username or password";
}
} else {
$error = "Invalid username or password";
}
mysqli_stmt_close($stmt);
}
/* ==========================================================
======================= REGISTER ==========================
========================================================== */
$success = "";
if (isset($_POST['register'])) {
$username = mysqli_real_escape_string($conn, $_POST['username']);
$username = $_POST['username'];
$password = $_POST['password'];
$confirm = $_POST['confirm_password'];
if (empty($username) || empty($password)) {
$error = "All fields are required.";
} elseif ($password !== $confirm) {
$error = "Passwords do not match.";
} elseif (strlen($password) < 6) {
$error = "Password must be at least 6 characters.";
} else {
// 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);
// cek username sudah ada
$check_sql = "SELECT id FROM users WHERE username = ?";
$check_stmt = mysqli_prepare($conn, $check_sql);
mysqli_stmt_bind_param($check_stmt, "s", $username);
mysqli_stmt_execute($check_stmt);
mysqli_stmt_store_result($check_stmt);
// insert with initial balance = 0
$SQL = "INSERT INTO users (username, password, balance) VALUES ('$username', '$password', 0)";
$result = mysqli_query($conn, $SQL);
if (mysqli_stmt_num_rows($check_stmt) > 0) {
$error = "Username already exists.";
} else {
// simpan password plain text (testing)
$hashed = $password;
// Insert user baru — gunakan kolom bank!
$insert_sql = "INSERT INTO users (username, password, bank, created_at)
VALUES (?, ?, 1000, NOW())";
$insert_stmt = mysqli_prepare($conn, $insert_sql);
mysqli_stmt_bind_param($insert_stmt, "ss", $username, $hashed);
if (mysqli_stmt_execute($insert_stmt)) {
$success = "Registration successful. You may login.";
// Auto-login
$new_id = mysqli_insert_id($conn);
$_SESSION['user_id'] = $new_id;
$_SESSION['username'] = $username;
$_SESSION['bank'] = 1000;
header("Location: html.php");
exit;
} else {
$error = "Registration failed. Try again.";
}
}
if ($result) {
$success = true;
}
}
?>
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Login / Register</title>
<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="container">
<div class="logo">
<h1>OCAGamingHub</h1>
<p>Sign in or create account</p>
<h1>♠ OCA GAMING HUB ♠</h1>
<p>BLACKJACK 21 CARD GAME</p>
</div>
<div class="form-container">
<div class="card-icon">🂡</div>
<?php if (!empty($error)): ?>
<div class="error-message show"><?= htmlspecialchars($error) ?></div>
<?php endif; ?>
<?php if (!empty($success)): ?>
<div class="success-message show"><?= htmlspecialchars($success) ?></div>
<?php endif; ?>
<!-- ================== LOGIN FORM ================== -->
<form method="POST">
<h2>Login</h2>
<?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>Username</label>
<input type="text" name="username">
<label for="username">Username</label>
<input id="username" type="text" name="username" required>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" name="password">
<label for="password">Password</label>
<input id="password" type="password" name="password" required>
</div>
<button type="submit" name="login" class="btn btn-signin">Login</button>
<div class="button-group">
<button type="submit" name="register" class="btn btn-register">Register</button>
</div>
</form>
<hr>
<!-- ================== REGISTER FORM ================== -->
<form method="POST">
<h2>Register</h2>
<div class="form-group">
<label>Username</label>
<input type="text" name="username">
<?php endif; ?>
</div>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" name="password">
</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');
}
<div class="form-group">
<label>Confirm Password</label>
<input type="password" name="confirm_password">
</div>
function goToSignUp() {
document.getElementById('mainPage').style.display = 'none';
document.getElementById('signupForm').style.display = 'block';
}
<button type="submit" name="register" class="btn btn-signup">Create Account</button>
</form>
// 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');
</div>
</div>
// 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>

53
topup.php
View File

@ -1,4 +1,5 @@
<?php
include 'koneksi.php';
session_start();
if (!isset($_SESSION['username'])) {
@ -6,13 +7,16 @@ if (!isset($_SESSION['username'])) {
exit;
}
// Initialize balance if not set
if (!isset($_SESSION['balance'])) {
$_SESSION['balance'] = 1000;
}
$message = '';
$message_type = '';
$username = mysqli_real_escape_string($conn, $_SESSION['username']);
// Load balance from database setiap kali halaman dibuka
$res = mysqli_query($conn, "SELECT balance FROM users WHERE username = '$username'");
if ($res && mysqli_num_rows($res) > 0) {
$row = mysqli_fetch_assoc($res);
$_SESSION['balance'] = (int)$row['balance'];
}
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$bank_method = isset($_POST['bank_method']) ? $_POST['bank_method'] : '';
@ -25,15 +29,31 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$message = 'Pilih metode pembayaran terlebih dahulu.';
$message_type = 'error';
} else {
// Add balance to session
$_SESSION['balance'] += $amount;
// Simulasi proses bank
$virtual_account = 'VA-' . strtoupper(substr($bank_method, 0, 3)) . '-' . substr($username, 0, 3) . '-' . rand(10000, 99999);
// Update balance di database
$update = mysqli_query($conn, "UPDATE users SET balance = balance + $amount WHERE username = '$username'");
if ($update) {
// Fetch saldo terbaru
$res = mysqli_query($conn, "SELECT balance FROM users WHERE username = '$username'");
if ($res && mysqli_num_rows($res) > 0) {
$row = mysqli_fetch_assoc($res);
$_SESSION['balance'] = (int)$row['balance'];
$message = 'Top up berhasil! Saldo Anda: Rp ' . number_format($_SESSION['balance'], 0, ',', '.');
$message_type = 'success';
} else {
$message = 'Top up berhasil, tetapi gagal mengambil saldo terbaru.';
$message_type = 'error';
}
} else {
$message = 'Gagal memproses top up. Coba lagi.';
$message_type = 'error';
}
}
}
?>
<!doctype html>
<html lang="id">
<head>
@ -246,10 +266,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
transition: all 0.3s ease;
letter-spacing: 1px;
flex: 1;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
.btn-topup {
@ -288,7 +304,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
</div>
<div class="info-row">
<span>Saldo Saat Ini:</span>
<span class="balance-display" id="topup-balance">Rp <?php echo number_format((int)$_SESSION['balance'], 0, ',', '.'); ?></span>
<span class="balance-display">Rp <?php echo number_format((int)$_SESSION['balance'], 0, ',', '.'); ?></span>
</div>
</div>
@ -363,7 +379,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
<div class="button-group">
<button type="submit" class="btn btn-topup">Lanjutkan Top Up</button>
<a href="html.php" class="btn btn-back">Kembali</a>
<a href="html.php" class="btn btn-back" style="text-decoration: none; display: flex; align-items: center; justify-content: center;">Kembali</a>
</div>
</form>
</div>
@ -373,15 +389,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
function setAmount(amount) {
document.getElementById('amount').value = amount;
}
// Update balance display on page load
const serverBalance = <?php echo (int)$_SESSION['balance']; ?>;
document.getElementById('topup-balance').textContent = 'Rp ' + serverBalance.toLocaleString('id-ID', {
minimumFractionDigits: 0,
maximumFractionDigits: 0
});
localStorage.setItem('playerBalance', serverBalance);
</script>
</body>
</html>

84
users.sql
View File

@ -1,22 +1,70 @@
-- ==========================================
-- FIX: TABLE USERS DENGAN KOLOM BANK
-- BANK TETAP TERSIMPAN SAAT LOGOUT & LOGIN
-- ==========================================
-- phpMyAdmin SQL Dump
-- version 5.2.1
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Dec 01, 2025 at 04:50 AM
-- Server version: 10.4.32-MariaDB
-- PHP Version: 8.0.30
DROP TABLE IF EXISTS users;
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
CREATE TABLE users (
id INT PRIMARY KEY AUTO_INCREMENT,
username VARCHAR(50) UNIQUE NOT NULL,
password VARCHAR(255) NOT NULL,
bank INT DEFAULT 1000,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
last_login TIMESTAMP NULL DEFAULT NULL
);
-- Tambahin contoh user
INSERT INTO users (username, password, bank) VALUES
('Ody', '123', 1500),
('Claudia', '123', 2000),
('Alex', '123', 1000);
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `login`
--
-- --------------------------------------------------------
--
-- Table structure for table `users`
--
CREATE TABLE `users` (
`id` int(11) NOT NULL,
`username` varchar(50) DEFAULT NULL,
`password` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
--
-- Dumping data for table `users`
--
INSERT INTO `users` (`id`, `username`, `password`) VALUES
(1, '', ''),
(15, 'Alex', '123'),
(16, 'Ody', '123'),
(17, 'cliff', '123');
--
-- Indexes for dumped tables
--
--
-- Indexes for table `users`
--
ALTER TABLE `users`
ADD PRIMARY KEY (`id`),
ADD UNIQUE KEY `username` (`username`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `users`
--
ALTER TABLE `users`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=23;
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;