<?php
// index.php
session_start();

// Kapuőr funkció: ha nincs érvényes munkamenet, irány a login!
if (!isset($_SESSION['dolgozo_id'])) {
	header('Location: login.php');
	exit;
}
?>
<!DOCTYPE html>
<html lang="hu">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Jelenléti Rendszer - Központ</title>
	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👩‍💼</text></svg>">
	<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-slate-900 text-white font-sans antialiased">

	<div class="min-h-screen flex flex-col justify-between">
		
		<header class="bg-slate-800 border-b border-slate-700 px-6 py-4 shadow-lg flex justify-between items-center">
			<div>
				<h1 class="text-xl font-black tracking-tight text-emerald-400">
					<?php echo htmlspecialchars($_SESSION['ceg_nev'] ?? 'Cégneve betöltése...'); ?>
				</h1>
				<p class="text-xs text-slate-400">Üdvözöljük, <?= htmlspecialchars($_SESSION['nev']); ?>!</p>
			</div>
			<a href="logout.php" class="bg-red-600 hover:bg-red-700 text-white text-xs font-bold px-4 py-2 rounded-lg transition shadow">Kijelentkezés 🚪</a>
		</header>

		<main class="max-w-4xl w-full mx-auto px-4 py-12 flex-grow flex flex-col justify-center">
			<div class="text-center mb-10">
				<h2 class="text-3xl font-extrabold tracking-tight">Vállalati Rendszermodulok</h2>
				<p class="text-slate-400 mt-2">Válassza ki a használni kívánt munkaügyi panelt</p>
			</div>

			<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
				<a href="jelenlet.html" class="bg-slate-800 hover:bg-slate-750 border border-slate-700 p-6 rounded-xl shadow-md transition transform hover:-translate-y-1 block group">
					<div class="flex items-center gap-4">
						<span class="text-3xl p-3 bg-emerald-500/10 rounded-lg group-hover:bg-emerald-500/20 text-emerald-400 transition">📅</span>
						<div>
							<h3 class="text-lg font-bold">Saját Jelenléti Ív</h3>
							<p class="text-sm text-slate-400 mt-1">Munkaidő rögzítése, heti leadás és szabadságok megtekintése.</p>
						</div>
					</div>
				</a>

				<?php if ($_SESSION['szerep'] === 'admin'): ?>
				<a href="fonok.html" class="bg-slate-800 hover:bg-slate-750 border border-slate-700 p-6 rounded-xl shadow-md transition transform hover:-translate-y-1 block group">
					<div class="flex items-center gap-4">
						<span class="text-3xl p-3 bg-blue-500/10 rounded-lg group-hover:bg-blue-500/20 text-blue-400 transition">🛡️</span>
						<div>
							<h3 class="text-lg font-bold">Vezetői Vezérlőpult</h3>
							<p class="text-sm text-slate-400 mt-1">Jóváhagyások, szabadságok előreírása, havi mátrix és Excel export.</p>
						</div>
					</div>
				</a>
				<?php else: ?>
					<div class="bg-slate-800/40 border border-slate-800 p-6 rounded-xl opacity-50 flex items-center gap-4 cursor-not-allowed">
						<span class="text-3xl p-3 bg-slate-700 rounded-lg text-slate-500">🔒</span>
						<div>
							<h3 class="text-lg font-bold text-slate-500">Vezetői Vezérlőpult</h3>
							<p class="text-sm text-slate-600 mt-1">Ez a modul az Ön szerepkörével nem érhető el.</p>
						</div>
					</div>
				<?php endif; ?>

			</div>
		</main>

		<footer class="text-center py-4 text-xs border-t border-slate-800">
			GIZI <small>(Global Intelligens Zóna Indikátor)</small> – Az Intelligens Bér- és Jelenléti Asszisztens — 2026.
		</footer>
	</div>

</body>
</html>