<?php
include '../configuracao/conexao.php'; 

// 1. Captura a localidade vinda do index para manter o rastreamento
$localidade = htmlspecialchars($_GET['localidade'] ?? '');
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Categorias - Cardápio</title>
    <style>
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            background-color: #1a1a1a; 
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 15px;
        }
        .container { 
            width: 100%;
            max-width: 500px; 
            background: #2d2d2d; 
            padding: 25px; 
            border-radius: 15px; 
            box-shadow: 0 8px 20px rgba(0,0,0,0.5); 
        }
        h2 { margin-bottom: 20px; font-size: 1.5rem; color: #00d4ff; text-align: center; }
        
        .btn-categoria { 
            border: none; 
            padding: 18px; 
            font-size: 1.1rem; 
            font-weight: bold;
            border-radius: 10px; 
            cursor: pointer; 
            width: 100%; 
            transition: transform 0.2s, background 0.3s;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: white;
            background-color: #0097e6;
        }
        .btn-categoria:hover { background-color: #00a8ff; transform: scale(1.02); }
        .btn-categoria:active { transform: scale(0.98); }

        .btn-voltar {
            color: #aaa; 
            text-decoration: none; 
            display: block; 
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="container">
    <h2>Categorias</h2>
    
    <?php
    // 2. Procura os grupos no banco de dados
    $resultado = $mysqli->query("SELECT * FROM grupo_produto ORDER BY descricao ASC");

    if ($resultado && $resultado->num_rows > 0) {
        while ($grupo = $resultado->fetch_assoc()) {
            // 3. O SEGREDO: Enviamos 'grupo' (nome da categoria) e 'localidade' via URL
            // Usamos urlencode para que nomes com espaços ou acentos não quebrem o link
            $nome_grupo = $grupo['descricao'];
			$codigo_grupo=$grupo['codigo'];
            $link = "produtos.php?grupo=" . urlencode($codigo_grupo) . "&localidade=" . urlencode($localidade)."&descricaogrupo=".urlencode($nome_grupo);
            
            echo '<a href="' . $link . '" class="btn-categoria">';
            echo htmlspecialchars($nome_grupo);
            echo '</a>';
        }
    } else {
        echo '<p style="text-align:center; padding: 20px;">Nenhuma categoria encontrada.</p>';
    }
    ?>
    
    <hr style="border: 0; border-top: 1px solid #444; margin: 20px 0;">
    <a href="index.php?localidade=<?php echo urlencode($localidade); ?>" class="btn-voltar">← Voltar</a>
</div>

</body>
</html>