| Server IP : 202.61.199.114 / Your IP : 216.73.217.139 Web Server : nginx/1.22.1 System : Linux de.arni-solutions.de 6.1.0-49-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.174-1 (2026-05-26) x86_64 User : web20 ( 1018) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/arni-solutions.de/web/slot/ |
Upload File : |
<?php
require_once __DIR__ . '/includes/bootstrap.php';
$user = require_login();
update_playtime_ping((int)$user['id']);
$user = current_user();
$config = app_config();
$lineOptions = $config['bet']['line_options'];
$paylines = all_paylines();
$symbols = $config['symbols'];
$recentSpins = user_recent_spins((int)$user['id'], 12);
$highscores = public_highscores((int)$config['app']['public_highscore_limit']);
$payoutRows = payout_table();
$jackpots = jackpot_state();
?>
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title><?= e($config['app']['name']) ?></title>
<meta name="theme-color" content="#120818">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/style.css" rel="stylesheet">
</head>
<body class="slot-body">
<div class="toast-stack" id="toastStack"></div>
<div class="container-fluid py-2 py-md-3 app-shell" id="slotApp"
data-balance="<?= e((string)$user['balance']) ?>"
data-base-bet="<?= e((string)$config['bet']['base_per_line']) ?>"
data-big-win-multiplier="<?= (int)$config['app']['big_win_multiplier'] ?>"
data-super-big-win-multiplier="<?= (int)$config['app']['super_big_win_multiplier'] ?>"
data-jackpot-side-bet="<?= e((string)$config['app']['jackpot_side_bet']) ?>">
<div class="row g-3">
<div class="col-12 col-xxl-8">
<div class="card slot-card mb-3">
<div class="card-body p-3 p-md-4">
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
<div>
<div class="eyebrow">PHP 8.0 Browser Slot</div>
<h1 class="h3 mb-1 text-glow"><?= e($config['app']['name']) ?></h1>
<div class="small text-soft">Spieler <strong><?= e($user['username']) ?></strong></div>
</div>
<div class="d-flex flex-wrap gap-2 hud-wrap">
<div class="hud-box"><span>Balance</span><strong id="balanceLabel"><?= money_fmt((float)$user['balance']) ?></strong></div>
<div class="hud-box"><span>Freispiele</span><strong id="freeSpinsLabel"><?= (int)$user['free_spins'] ?></strong></div>
<div class="hud-box"><span>Spielzeit</span><strong id="playtimeLabel"><?= e(format_duration((int)$user['total_play_seconds'])) ?></strong></div>
<div class="hud-box"><span>Letzter Gewinn</span><strong id="lastWinLabel">0,00</strong></div>
</div>
</div>
</div>
</div>
<div class="card slot-card jackpot-card mb-3">
<div class="card-body py-3 px-3 px-md-4">
<div class="row g-2 jackpot-row text-center">
<div class="col-4"><div class="jackpot-box jackpot-gold"><span>Gold</span><strong id="jackpotGold"><?= money_fmt((float)($jackpots['gold'] ?? 0)) ?></strong></div></div>
<div class="col-4"><div class="jackpot-box jackpot-silver"><span>Silber</span><strong id="jackpotSilver"><?= money_fmt((float)($jackpots['silver'] ?? 0)) ?></strong></div></div>
<div class="col-4"><div class="jackpot-box jackpot-bronze"><span>Bronze</span><strong id="jackpotBronze"><?= money_fmt((float)($jackpots['bronze'] ?? 0)) ?></strong></div></div>
</div>
</div>
</div>
<div class="card slot-card main-slot-card">
<div class="card-body p-2 p-md-4">
<div class="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-2">
<div>
<div class="eyebrow">5 Walzen · 3 Zeilen</div>
<div class="small text-soft">Gewinnlinien werden rot hervorgehoben und bleiben nach Treffern kurz sichtbar. Klick auf ein Overlay schließt es.</div>
</div>
<div class="status-right small text-soft" id="winSummary">Bereit für den nächsten Spin.</div>
</div>
<div class="status-ribbon mb-2 d-flex flex-wrap gap-2 align-items-center">
<span class="badge text-bg-info" id="spinStateBadge">Bereit</span>
<span class="badge text-bg-success" id="specialFreeSpinBadge">Freispiel Symbol: -</span>
<span class="badge text-bg-warning" id="freeSpinCounterBadge">0 von 0 Freispielen</span>
</div>
<div class="reel-stage-wrapper" id="reelStageWrapper">
<div class="win-line-overlay" id="winLineOverlay"></div>
<div class="reel-stage" id="reelStage">
<?php for ($col = 0; $col < 5; $col++): ?>
<div class="reel" data-reel="<?= $col ?>">
<?php for ($row = 0; $row < 3; $row++): ?>
<div class="symbol-cell" data-row="<?= $row ?>" data-col="<?= $col ?>">
<div class="symbol-face">❔</div>
<div class="symbol-name">Ready</div>
</div>
<?php endfor; ?>
</div>
<?php endfor; ?>
</div>
</div>
<div class="spin-buttons mt-3 mb-3">
<button class="btn btn-spin btn-lg" id="spinBtn">SPIN</button>
<button class="btn btn-outline-light btn-lg" id="autoSpinBtn">AUTO SPIN</button>
</div>
<div class="controls-grid mb-3">
<div class="control-box">
<label class="form-label">Linien</label>
<select class="form-select" id="lineCountSelect">
<?php foreach ($lineOptions as $lineCount): ?>
<option value="<?= (int)$lineCount ?>" <?= $lineCount === 25 ? 'selected' : '' ?>><?= (int)$lineCount ?> Linien</option>
<?php endforeach; ?>
</select>
</div>
<div class="control-box">
<label class="form-label">Einsatz pro Linie</label>
<input type="number" min="1" step="1" value="<?= e((string)$config['bet']['base_per_line']) ?>" class="form-control" id="betPerLineInput">
</div>
<div class="control-box">
<div class="form-check form-switch mt-2">
<input class="form-check-input" type="checkbox" id="jackpotBetToggle" checked>
<label class="form-check-label" for="jackpotBetToggle">Jackpot Extraeinsatz</label>
</div>
<div class="small text-soft mt-2">Jackpot Zugang +<?= money_fmt((float)$config['app']['jackpot_side_bet']) ?> Coins</div>
</div>
<div class="control-box total-bet-box">
<span>Gesamteinsatz</span>
<strong id="totalBetLabel">0,00</strong>
</div>
</div>
<div class="d-grid d-md-flex gap-2 justify-content-center actions-bottom">
<button class="btn btn-outline-info btn-lg" data-bs-toggle="modal" data-bs-target="#infoModal">INFO</button>
<button class="btn btn-outline-success btn-lg" id="dailyBonusBtn">Tagesbonus</button>
<a href="highscores.php" class="btn btn-outline-warning btn-lg">Bestenliste</a>
<a href="logout.php" class="btn btn-outline-danger btn-lg">Logout</a>
</div>
</div>
</div>
<div class="card slot-card mt-3">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<h2 class="h5 mb-0">Aktueller Gewinn pro Linie</h2>
<span class="small text-soft">jede getroffene Linie separat</span>
</div>
<div id="linePayoutList" class="line-payout-list">
<div class="text-soft small">Noch kein Spin ausgewertet.</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-xxl-4">
<div class="card slot-card mb-3">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<h2 class="h5 mb-0">Letzte Spins</h2>
<span class="small text-soft">dein Verlauf</span>
</div>
<div id="historyList" class="history-list">
<?php foreach ($recentSpins as $spin): ?>
<div class="history-item <?= $spin['total_win'] > 0 ? 'is-win' : '' ?>">
<div class="d-flex justify-content-between align-items-start gap-2">
<div>
<strong><?= e($spin['created_at']) ?></strong>
<div class="small text-soft"><?= (int)$spin['line_count'] ?> Linien<?= $spin['is_free_spin'] ? ' · Freispiele' : '' ?><?= $spin['jackpot_tier'] ? ' · Jackpot ' . e($spin['jackpot_tier']) : '' ?></div>
</div>
<div class="text-end">
<div class="small">Einsatz <?= money_fmt((float)$spin['total_bet']) ?></div>
<strong class="<?= $spin['total_win'] > 0 ? 'text-success' : 'text-soft' ?>">+<?= money_fmt((float)$spin['total_win']) ?></strong>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<div class="card slot-card mb-3">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<h2 class="h5 mb-0">Highscore</h2>
<span class="small text-soft">für alle Spieler sichtbar</span>
</div>
<div class="table-responsive highscore-table-wrap">
<table class="table table-dark table-sm align-middle mb-0">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Ratio</th>
<th>Big Win</th>
<th>Spielzeit</th>
</tr>
</thead>
<tbody>
<?php foreach ($highscores as $idx => $row): ?>
<tr>
<td><?= $idx + 1 ?></td>
<td><?= e($row['username']) ?></td>
<td><?= money_fmt((float)$row['best_win_ratio']) ?>x</td>
<td><?= money_fmt((float)$row['biggest_single_win']) ?></td>
<td><?= e(format_duration((int)$row['total_play_seconds'])) ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
<div class="card slot-card">
<div class="card-body">
<h2 class="h5 mb-3">Linienübersicht</h2>
<div class="payline-preview" id="paylinePreview" data-paylines='<?= json_encode($paylines, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>'></div>
</div>
</div>
</div>
</div>
</div>
<div class="big-win-overlay d-none" id="bigWinOverlay">
<div class="big-win-content big-win-highlight">
<button class="btn-close btn-close-white close-big-win" id="closeBigWin"></button>
<div class="big-win-title" id="bigWinTitle">BIG WIN</div>
<div class="big-win-amount" id="bigWinAmount">0,00</div>
<div class="coin-rain" id="coinRain"></div>
</div>
</div>
<div class="flow-overlay d-none" id="flowOverlay">
<div class="flow-card">
<div class="flow-badge" id="flowBadge">Freispiele</div>
<h2 class="h3 mb-3" id="flowTitle">Freispiele starten</h2>
<p class="mb-3 text-soft" id="flowText">Bitte bestätigen, damit es weitergeht.</p>
<button class="btn btn-warning btn-lg px-4" id="flowConfirmBtn">Weiter</button>
</div>
</div>
<div class="modal fade" id="infoModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content modal-dark">
<div class="modal-header border-0">
<h5 class="modal-title">Gewinnmöglichkeiten</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="row g-3">
<?php foreach ($payoutRows as $row): ?>
<div class="col-12 col-md-6">
<div class="payout-card h-100">
<div class="d-flex align-items-center gap-3 mb-3">
<div class="display-6"><?= e($row['icon']) ?></div>
<div>
<strong><?= e($row['name']) ?></strong>
<div class="small text-soft"><?= e($row['type']) ?></div>
</div>
</div>
<div class="small text-soft mb-2">Payout je Linie</div>
<?php foreach ($row['payouts'] as $count => $mult): ?>
<div class="d-flex justify-content-between small"><span><?= (int)$count ?> Treffer</span><strong><?= money_fmt((float)$mult) ?>x</strong></div>
<?php endforeach; ?>
<?php if (!empty($row['free_spins'])): ?>
<hr class="border-secondary">
<div class="small text-soft mb-2">Freispiele</div>
<?php foreach ($row['free_spins'] as $count => $amount): ?>
<div class="d-flex justify-content-between small"><span><?= (int)$count ?> Scatter</span><strong><?= (int)$amount ?> Freispiele</strong></div>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
window.SLOT_CONFIG = <?= json_encode([
'symbols' => $symbols,
'paylines' => $paylines,
'lineOptions' => $lineOptions,
'jackpotSideBet' => $config['app']['jackpot_side_bet'],
'currency' => $config['app']['currency'],
'toastAutohideMs' => $config['app']['toast_autohide_ms'],
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
</script>
<script src="assets/app.js"></script>
</body>
</html>