<?php
// Este script de cabecera se debe incluir en la parte superior de cada página del panel.
// Se espera que la variable $page_title esté definida antes de incluir este archivo.

// ¡IMPORTANTE! paths.php debe incluirse ANTES de secure_session.php
// Incluir sistema de rutas y seguridad de sesión
require_once __DIR__ . '/../config/paths.php';
require_once __DIR__ . '/../src/secure_session.php';

// --- Política de Seguridad de Contenido (CSP) ---
// Define qué recursos externos se pueden cargar.
$csp = "default-src 'self'; "; // Por defecto, solo permitir recursos del mismo dominio.
$csp .= "script-src 'self' https://cdn.jsdelivr.net; "; // Permitir scripts de jsdelivr.
$csp .= "style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net https://cdnjs.cloudflare.com https://fonts.googleapis.com; "; // Permitir estilos de CDNs y Google Fonts.
$csp .= "font-src 'self' data: https://cdn.jsdelivr.net https://cdnjs.cloudflare.com fonts.gstatic.com https://fonts.gstatic.com; "; // Permitir fuentes de CDNs y Google.
$csp .= "img-src 'self' data:; "; // Permitir imágenes del mismo dominio y data URIs.
$csp .= "connect-src 'self' https://cdn.jsdelivr.net; "; // Permitir conexiones (fetch, sourcemaps) a jsdelivr.
header("Content-Security-Policy: " . $csp);


// Iniciar y validar la sesión en cada página
secure_session_start();
?>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($page_title ?? 'Sistema de Gestión Escolar'); ?></title>

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="<?php echo asset('fav1.ico'); ?>">
    <link rel="icon" type="image/png" sizes="32x32" href="<?php echo asset('favicon-32x32.png'); ?>">
    <link rel="icon" type="image/png" sizes="16x16" href="<?php echo asset('favicon-16x16.png'); ?>">
    <link rel="apple-touch-icon" sizes="180x180" href="<?php echo asset('apple-touch-icon.png'); ?>">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <!-- Sistema de diseño moderno -->
    <link rel="stylesheet" href="<?php echo asset('modern-theme.css'); ?>">

    <!-- Componentes específicos (Semana 2) -->
    <link rel="stylesheet" href="<?php echo asset('components.css'); ?>">

    <!-- Animaciones avanzadas (Semana 3) -->
    <link rel="stylesheet" href="<?php echo asset('animations.css'); ?>">

    <!-- Dashboard lateral (Semana 4) -->
    <link rel="stylesheet" href="<?php echo asset('dashboard.css'); ?>">

    <!-- Estilos adicionales -->
    <link rel="stylesheet" href="<?php echo asset('login_new.css'); ?>">

    <!-- Optimización SIMPLE para 1366x768 -->
    <link rel="stylesheet" href="<?php echo asset('fix-1366.css'); ?>">

    <!-- Configuración de rutas dinámicas para JavaScript. Se carga aquí para estar disponible para todos los scripts. -->
    <script src="<?php echo asset('routes.js.php', true); ?>"></script>
</head>

<body class="bg-light page-with-navbar">
    <main class="flex-grow-1 d-flex flex-column">