61 lines
2.8 KiB
PHP
61 lines
2.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>{{ $title ?? 'Skunk Lounge' }}</title>
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Arial&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap (for grid/responsiveness) -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
|
|
|
<!-- Tailwind CSS -->
|
|
@vite('resources/css/app.css')
|
|
|
|
<!-- Scripts -->
|
|
<script src="{{ asset('js/app.js') }}" defer></script>
|
|
</head>
|
|
<body class="bg-dark text-white font-sans antialiased">
|
|
<!-- Top Bar -->
|
|
<header class="bg-gray_900 shadow-neon p-4 fixed top-0 left-0 right-0 z-50">
|
|
<div class="container mx-auto flex justify-between items-center">
|
|
<a href="/lobby" class="text-2xl font-bold text-neon_green text-glow">Skunk Lounge</a>
|
|
<div class="flex items-center">
|
|
<span class="mr-4 text-lg">Balance: ${{ auth()->user()->balance ?? 0 }}</span>
|
|
<a href="/deposits" class="btn btn-neon">Deposit</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Left Sidebar Menu -->
|
|
<nav class="fixed top-16 left-0 bottom-0 w-64 bg-gray_900 p-4 shadow-neon z-40 overflow-y-auto">
|
|
<div class="mb-4">
|
|
<!-- Logo -->
|
|
<img src="{{ asset('images/logo.png') }}" alt="Logo" class="w-full mb-4"> <!-- Add logo to public/images if needed -->
|
|
</div>
|
|
<ul>
|
|
<li><a href="/lobby" class="block py-2 px-4 hover:bg-gray_800 rounded text-white hover:text-neon_green text-glow">Lobby</a></li>
|
|
<li><a href="/profile" class="block py-2 px-4 hover:bg-gray_800 rounded text-white hover:text-neon_green text-glow">Profile</a></li>
|
|
<li><a href="/deposits" class="block py-2 px-4 hover:bg-gray_800 rounded text-white hover:text-neon_green text-glow">Deposits</a></li>
|
|
<li><a href="/transactions" class="block py-2 px-4 hover:bg-gray_800 rounded text-white hover:text-neon_green text-glow">Transactions</a></li>
|
|
<li><a href="/vip" class="block py-2 px-4 hover:bg-gray_800 rounded text-white hover:text-neon_green text-glow">VIP</a></li>
|
|
<li><a href="/about" class="block py-2 px-4 hover:bg-gray_800 rounded text-white hover:text-neon_green text-glow">About Us</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Main Content -->
|
|
<main class="ml-64 pt-16 p-4 min-h-screen">
|
|
{{ $slot }}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-gray_900 p-4 text-center text-gray-500">
|
|
Fake casino for entertainment only. No real money.
|
|
</footer>
|
|
</body>
|
|
</html> |