<!DOCTYPE html>
<html lang="de">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Admin2000 - Moderne Verwaltung</title>

	{* Modern jQuery 3.x - completely independent from legacy *}
	<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

	{* Admin2000 CSS - Version 2.1 mit Zebra-Streifen *}
	<link rel="stylesheet" type="text/css" href="{$THEME_DIR}/media/css/admin2000.css?v=2.1.0">

	{* Favicon *}
	<link rel="icon" type="image/x-icon" href="/favicon.ico">

	{* Base Reset CSS - moved to admin2000.css *}
</head>
<body>

{* ============================================
   ADMIN2000 - Modernes Admin-System
   Komplett unabhängiges HTML-Gerüst
   ============================================ *}

<div class="admin2000-container">

	{* Top Header *}
	<div class="admin2000-header">
		<div class="admin2000-header-left">
			<h1>🚀 Admin2000</h1>
			<p class="admin2000-tagline">Moderne Verwaltung</p>
		</div>
		<div class="admin2000-header-right">
			<span class="admin2000-header-user">
				👤 {$admin_user->firstname} {$admin_user->surname}
			</span>
			<a href="./index.php?admin_modul=admin_dashboard" class="admin2000-header-link">
				← Legacy Admin
			</a>
			<a href="./index.php?logout=1" class="admin2000-header-link">
				Logout
			</a>
			<span class="admin2000-version">v2.0.0</span>
		</div>
	</div>

	{* Main Content Area *}
	<div class="admin2000-main">

		{* Sidebar Navigation *}
		<aside class="admin2000-sidebar">

			{foreach $admin2000_nav as $section_key => $section}
			<div class="admin2000-nav-section {if $admin2000_section == $section_key}active{/if}">
				<h3 class="admin2000-nav-title">
					<span class="admin2000-nav-icon">{$section.icon}</span>
					{$section.title}
				</h3>

				<ul class="admin2000-nav-list">
					{foreach $section.pages as $page_key => $page}
					<li class="{if $page.active}active{/if}">
						<a href="{$page.url}" class="admin2000-nav-link">
							<span class="admin2000-page-icon">{$page.icon}</span>
							{$page.title}
						</a>
					</li>
					{/foreach}
				</ul>
			</div>
			{/foreach}

		</aside>

		{* Content Area *}
		<main class="admin2000-content">
			{$admin2000_content}
		</main>

	</div>

</div>

<script>
// Admin2000 JavaScript (jQuery 3.x available!)
$(document).ready(function() {
	console.log('🚀 Admin2000 Standalone loaded!');
	console.log('✅ jQuery Version:', $.fn.jquery);

	// Smooth scroll behavior
	$('.admin2000-nav-link').on('click', function(e) {
		// Add loading state
		$('.admin2000-content').css('opacity', '0.5');
	});
});
</script>

</body>
</html>
