import { DeployModal } from '@/components/dashboard/DeployModal'; import { ServerConsoleModal } from '@/components/dashboard/ServerConsoleModal'; import { ServerInstance } from '@/components/dashboard/ServerList'; import { Head, Link, usePage } from '@inertiajs/react'; import { Bell, Calendar, Clock, CreditCard, Gamepad2, HardDrive, Headphones, Megaphone, Plus, Search, Server, Shield, Sparkles, Terminal, Wallet, Zap } from 'lucide-react'; import React, { useEffect, useState } from 'react'; import { AppSidebar } from '@/components/app-sidebar'; export default function Dashboard() { const { auth } = usePage().props; const userName = auth?.user?.name || 'Luca'; const [isDeployOpen, setIsDeployOpen] = useState(false); const [consoleServer, setConsoleServer] = useState(null); const [searchQuery, setSearchQuery] = useState(''); const [credit, setCredit] = useState(20015.00); const [userServers, setUserServers] = useState([]); useEffect(() => { const handleTopUp = () => { setCredit((prev) => prev + 50.0); }; window.addEventListener('open-topup-modal', handleTopUp); // Fetch real servers from API fetch('/api/minecraft/list') .then((res) => res.json()) .then((data) => { if (data && data.success && Array.isArray(data.servers)) { const currentUser = auth?.user; const isOwner = currentUser && (currentUser.id === 1 || currentUser.role === 'Superadmin' || currentUser.role === 'admin'); if (isOwner) { setUserServers(data.servers); } else { const userNumId = `#${1000 + (currentUser?.id || 1)}`; const rawId = String(currentUser?.id || ''); const filtered = data.servers.filter((s: any) => { return ( s.customerId === userNumId || s.customer_id === userNumId || s.customerId === rawId || s.customer_id === rawId || s.user_id === rawId || s.customerName?.toLowerCase() === currentUser?.name?.toLowerCase() ); }); setUserServers(filtered.length > 0 ? filtered : []); } } }) .catch(() => {}); return () => window.removeEventListener('open-topup-modal', handleTopUp); }, []); const [maintenance, setMaintenance] = useState<{ active: boolean; message: string }>({ active: false, message: '' }); React.useEffect(() => { fetch('/api/admin/maintenance') .then((res) => res.json()) .then((data) => { if (data.success && data.active) { setMaintenance({ active: true, message: data.message }); } }) .catch(() => {}); }, []); return ( <> {/* Global Maintenance Banner */} {maintenance.active && (
{maintenance.message}
)}
{/* Left Sidebar */} {/* Main Content Area */}
{/* Top Header Bar */}
{/* Search Input */}
setSearchQuery(e.target.value)} placeholder="Suche nach Servern..." className="w-full bg-[#14070a] border border-[#36131b] rounded-xl pl-10 pr-12 py-2 text-xs font-medium text-slate-200 placeholder:text-slate-500 outline-none focus:border-red-500 transition-colors" /> ⌘ K
{/* Right Top Bar Controls */}
{/* Bell notification */} {/* User Profile Pill */}
{userName.charAt(0).toUpperCase()}
{userName} Kunden-ID: #4581
{/* Primary Red Button */}
{/* Dashboard Page Body Container */}
{/* Greeting Header */}

Hallo {userName}! 👋

Übersicht deiner Server und Services bei Rose Hosting

{/* 4 Stat Cards Grid */}
{/* Card 1: Aktive Server */}
AKTIVE SERVER
1 / 5
1 online
{/* Card 2: Laufzeit */}
LAUFZEIT
28 Tage
Nächste Zahlung: 18.08.2026
{/* Card 3: Gesamtpreis */}
GESAMTPREIS
0,00 € / MON.
Inkl. MwSt.
{/* Card 4: Offene Rechnungen */}
OFFENE RECHNUNGEN
0
Alles bezahlt! 🎉
{/* Main Grid Section (2 Columns) */}
{/* Left Column: Server List (8 Cols) */}

Deine Server

{userServers.length === 0 ? (

Du hast noch keine aktiven Server

Erstelle deinen ersten Server im Dashboard oder fordere eine Zuweisung über das Admin Panel an.

) : (
{userServers.map((srv) => (

{srv.name}

{srv.status.toUpperCase()}

{srv.ip} • {srv.type}

Verwalten
IP & PORT {srv.ip}
CPU {srv.cpu || 4} Cores
RAM {srv.ram || 8} GB
))}
)}
{/* Schnellzugriff Section */}
{/* Right Column: Payments & Support (4 Cols) */}
{/* Card 1: Deine nächste Zahlung */}

Deine nächste Zahlung

18.08.2026
Zahlungsart: PayPal
0,00 €
Rechnungen anzeigen
{/* Card 2: Support */}

Support

Wir sind für dich da! Erhalte schnelle Hilfe von unserem Support-Team rund um die Uhr.

Support öffnen →
{/* Console Modal */} setConsoleServer(null)} /> {/* Deploy Modal */} setIsDeployOpen(false)} /> ); }