<?php
require_once 'auth.php';
require_login();
$user = get_current_user();
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Grupo Hideout</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f5f5f5; }
        header { background: #333; color: white; padding: 20px; display: flex; justify-content: space-between; align-items: center; }
        nav { background: #444; padding: 0; }
        nav a { display: inline-block; color: white; padding: 15px 20px; text-decoration: none; transition: background 0.3s; }
        nav a:hover { background: #555; }
        .container { max-width: 1200px; margin: 30px auto; padding: 0 20px; }
        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        .card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; }
        .card:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }
        .card a { display: inline-block; margin-top: 15px; padding: 10px 20px; background: #667eea; color: white; text-decoration: none; border-radius: 5px; transition: background 0.3s; }
        .card a:hover { background: #764ba2; }
        .logout-btn { background: #d32f2f !important; padding: 10px 15px !important; border-radius: 5px; }
        .logout-btn:hover { background: #b71c1c !important; }
    </style>
</head>
<body>
    <header>
        <h1>Grupo Hideout</h1>
        <div>
            Bem-vindo, <strong><?php echo htmlspecialchars($user); ?></strong>!
            <a href="/logout" class="logout-btn">Sair</a>
        </div>
    </header>
    <nav>
        <a href="/">📊 Dashboard</a>
        <a href="/metas/">📊 Metas</a>
        <a href="/eventos/">📅 Eventos</a>
        <a href="/rh/">👥 RH</a>
        <a href="/checklist/">☑️ Checklist</a>
        <a href="/nf/">📑 Nota Fiscal</a>
        <a href="/loja/">🛍️ Loja</a>
    </nav>
    <div class="container">
        <h2>Bem-vindo ao Painel de Controle</h2>
        <div class="grid">
            <div class="card">
                <h3>📊 Metas</h3>
                <p>Acompanhe e gerencie as metas da empresa.</p>
                <a href="/metas/">Acessar</a>
            </div>
            <div class="card">
                <h3>📅 Eventos</h3>
                <p>Propostas e planejamento de eventos.</p>
                <a href="/eventos/">Acessar</a>
            </div>
            <div class="card">
                <h3>👥 RH</h3>
                <p>Gestão de recursos humanos.</p>
                <a href="/rh/">Acessar</a>
            </div>
            <div class="card">
                <h3>☑️ Checklist</h3>
                <p>Tarefas e checklist diários.</p>
                <a href="/checklist/">Acessar</a>
            </div>
            <div class="card">
                <h3>📑 Nota Fiscal</h3>
                <p>Sistema de emissão de notas fiscais.</p>
                <a href="/nf/">Acessar</a>
            </div>
            <div class="card">
                <h3>🛍️ Loja</h3>
                <p>Acesse a loja Três Monos.</p>
                <a href="/loja/">Acessar</a>
            </div>
        </div>
    </div>
</body>
</html>
