<?php
    require __DIR__ . '../../../../views/admin/catalogos/config.php';
     
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $titulo ?? 'SUGE'; ?></title>
    <link rel="stylesheet" href="/SUGE/public/css/app.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">

</head>
<body>

    <header class="header">
        <div class="header__contenedor">
            <div class="header__contenido">
                <h1 class="header__titulo">SUGE</h1>
            </div>

        </div>
        

    </header>

    <nav class="nav">
        <ul class="nav__menu">
            <li class="nav__item">
                <a href="../../../views/admin/index.php">Inicio</a>
            </li>

            <li class="nav__item nav__item--dropdown">
                <a href="#">Catálogos ▾</a>

                <ul class="nav__submenu">
                    <?php foreach($catalogos as $key => $cat) { ?>
                        <li>
                            <a href="/SUGE/views/admin/catalogos/index.php?cat=<?php echo $key; ?>"><?php echo $cat['titulo']; ?></a>
                        </li>
                    <?php } ?>
                </ul>
            </li>

            <li class="nav__item">
                <a href="#">Alumnos</a>
            </li>
        </ul>
    </nav>