arriej/Skunk-Lounge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lobby now run in filament

Browse Source
This commit is contained in:
arriej
2025-09-03 21:23:25 +02:00
parent 3abe1244a0
commit 6e212db8e1
16 changed files with 314 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
resources/views/components/layout.blade.php Normal file
View File

@@ -0,0 +1,61 @@
<!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>

55
resources/views/components/lobby.blade.php
View File

@@ -1,37 +1,22 @@
<div class="container mx-auto mt-4 bg-gray-900 text-white p-4 rounded shadow-lg">
<h1 class="text-2xl font-bold mb-4 glow">Skunk Lounge Lobby</h1>
<div class="flex justify-between mb-4">
<span class="text-lg">Balance: ${{ auth()->user()->balance }}</span>
<div>
@auth
<form method="POST" action="{{ route('logout') }}" class="inline">
@csrf
<button type="submit" class="btn-neon">Logout</button>
</form>
@if(auth()->user()->role === 'admin')
<a href="/admin" class="btn-neon ml-2">Admin</a>
@endif
@else
<a href="{{ route('login') }}" class="btn-neon">Login</a>
<a href="{{ route('register') }}" class="btn-neon ml-2">Register</a>
@endauth
<x-layout title="Lobby">
<div class="container mx-auto mt-4">
<h1 class="text-2xl font-bold mb-4 text-neon_green text-glow">Casino Lobby</h1>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="card bg-gray_800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Slots</h3>
<p>Pragmatic-style reels and animations.</p>
<a href="/games/slots" class="btn btn-neon mt-2">Play</a>
</div>
<div class="card bg-gray_800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Plinko</h3>
<p>Physics-based drop with multipliers.</p>
<a href="/games/plinko" class="btn btn-neon mt-2">Play</a>
</div>
<div class="card bg-gray_800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Wheel Spin</h3>
<p>Fortune wheel with prizes.</p>
<a href="/games/wheel" class="btn btn-neon mt-2">Play</a>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="card bg-gray-800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Slots</h3>
<p>Pragmatic-style reels and animations.</p>
<a href="/games/slots" class="btn-neon mt-2">Play</a>
</div>
<div class="card bg-gray-800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Plinko</h3>
<p>Physics-based drop with multipliers.</p>
<a href="/games/plinko" class="btn-neon mt-2">Play</a>
</div>
<div class="card bg-gray-800 p-4 rounded shadow-neon">
<h3 class="text-lg mb-2">Wheel Spin</h3>
<p>Fortune wheel with prizes.</p>
<a href="/games/wheel" class="btn-neon mt-2">Play</a>
</div>
</div>
</div>
</x-layout>

3
resources/views/filament/user/pages/lobby.blade.php Normal file
View File

@@ -0,0 +1,3 @@
<x-filament-panels::page>
</x-filament-panels::page>

82
resources/views/layouts/app.blade.php
View File

@@ -1,36 +1,58 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'Laravel') }}</title>
<title>{{ $title ?? 'Skunk Lounge' }}</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<!-- 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">
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans antialiased">
<div class="min-h-screen bg-gray-100">
@include('layouts.navigation')
<!-- Styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- Page Heading -->
@isset($header)
<header class="bg-white shadow">
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
{{ $header }}
</div>
</header>
@endisset
<!-- Page Content -->
<main>
{{ $slot }}
</main>
<!-- 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 glow">Skunk Lounge</a>
<div class="flex items-center">
<span class="mr-4">Balance: ${{ auth()->user()->balance ?? 0 }}</span>
<a href="/deposits" class="btn-neon">Deposit</a>
</div>
</div>
</body>
</html>
</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">
<img src="{{ asset('images/logo.png') }}" alt="Logo" class="w-full mb-4"> <!-- Add logo asset if needed -->
</div>
<ul>
<li><a href="/lobby" class="block py-2 px-4 hover:bg-gray-800 rounded glow">Lobby</a></li>
<li><a href="/profile" class="block py-2 px-4 hover:bg-gray-800 rounded glow">Profile</a></li>
<li><a href="/deposits" class="block py-2 px-4 hover:bg-gray-800 rounded glow">Deposits</a></li>
<li><a href="/transactions" class="block py-2 px-4 hover:bg-gray-800 rounded glow">Transactions</a></li>
<li><a href="/vip" class="block py-2 px-4 hover:bg-gray-800 rounded glow">VIP</a></li>
<li><a href="/about" class="block py-2 px-4 hover:bg-gray-800 rounded 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>

4
resources/views/pages/about.blade.php Normal file
View File

@@ -0,0 +1,4 @@
<x-layout title="About Us">
<h1 class="text-2xl font-bold mb-4 glow">About Us</h1>
<p>Skunk Lounge is a fake casino for entertainment only. No real money involved.</p>
</x-layout>

4
resources/views/pages/deposits.blade.php Normal file
View File

@@ -0,0 +1,4 @@
<x-layout title="Deposits">
<h1 class="text-2xl font-bold mb-4 glow">Deposits</h1>
<p>Claim promo codes for fake currency. Claim history below. (Coming soon)</p>
</x-layout>

4
resources/views/pages/profile.blade.php Normal file
View File

@@ -0,0 +1,4 @@
<x-layout title="Profile">
<h1 class="text-2xl font-bold mb-4 glow">Profile</h1>
<p>Change password, profile picture, email, add 2FA, etc. (Coming soon)</p>
</x-layout>

4
resources/views/pages/transactions.blade.php Normal file
View File

@@ -0,0 +1,4 @@
<x-layout title="Transactions">
<h1 class="text-2xl font-bold mb-4 glow">Transactions</h1>
<p>View deposits, withdrawals, wins/losses. (Coming soon)</p>
</x-layout>

4
resources/views/pages/vip.blade.php Normal file
View File

@@ -0,0 +1,4 @@
<x-layout title="VIP">
<h1 class="text-2xl font-bold mb-4 glow">VIP</h1>
<p>Subscribe with casino money for VIP status. (Coming soon)</p>
</x-layout>