<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security" lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Planning TAI — Mayo 2026</title>
  <link rel="stylesheet" th:href="@{/css/style.css}">
  <link rel="stylesheet" th:href="@{/css/planning.css}">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>

  <!-- ── Topbar ─────────────────────────────────────────── -->
  <nav class="topbar">
    <a th:href="@{/}" class="topbar-brand" style="text-decoration:none">
      <i class="fas fa-graduation-cap"></i> TAI – AGE
    </a>
    <nav class="topbar-nav">
      <a th:href="@{/}">Inicio</a>
      <a th:href="@{/curso}">Temario</a>
      <a href="/cuestionarios">Cuestionarios</a>
      <a th:href="@{/leyes}">Leyes</a>
      <a th:href="@{/noticias}">Noticias</a>
      <a th:href="@{/planning}" class="active">Planning</a>
      <a sec:authorize="hasAnyRole('PAGADO','ADMIN')" th:href="@{/flashcards.html}">Flashcards</a>
    </nav>
    <div class="topbar-user">
      <span sec:authorize="isAuthenticated()" class="user-email" sec:authentication="principal.username"></span>
      <form sec:authorize="isAuthenticated()" th:action="@{/logout}" method="post" style="margin:0">
        <button type="submit" class="btn-logout">Salir</button>
      </form>
    </div>
  </nav>

<h1>Planning de repaso TAI</h1>
<p class="subtitle">Mayo 2026 · Examen: <strong>sábado 23 de mayo</strong>
  <button id="btn-reset-planning" class="btn-reset-planning" title="Reiniciar progreso guardado">⚙</button>
</p>

<!-- SEMANA 1: 5–11 mayo -->
<section class="semana">
  <div class="cabecera-dias">
    <span>Lun</span><span>Mar</span><span>Mié</span><span>Jue</span><span>Vie</span><span>Sáb</span><span>Dom</span>
  </div>
  <div class="dias">
    <div class="dia vacio"></div>
    <div class="dia vacio"></div>
    <div class="dia vacio"></div>
    <div class="dia vacio"></div>
    <div class="dia">
      <span class="num">8</span>
      <span class="contenido">Preparar el planning<br>Preparar flashcards</span>
    </div>
    <div class="dia fin-semana">
      <span class="num">9</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=1&tema=1">1.1. La Constitución Española de 1978. Derechos y deberes fundamentales. Su garantía y suspensi…</a>
        <a class="tema-btn" href="/curso?bloque=1&tema=2">1.2. Las Cortes Generales: atribuciones del Congreso de los Diputados y del Senado. El Tribunal…</a>
        <a class="tema-btn" href="/curso?bloque=1&tema=3">1.3. El Gobierno: composición, nombramiento y cese. Las funciones del Gobierno. Relaciones entr…</a>
        <a class="tema-btn" href="/curso?bloque=1&tema=4">1.4. Estatuto Básico del Empleado Público: derechos y deberes, provisión de puestos, promoción …</a>
      </span>
    </div>
    <div class="dia fin-semana">
      <span class="num">10</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=1&tema=5">1.5. Políticas de igualdad y contra la violencia de género. Igualdad LGTBI. Discapacidad y depe…</a>
        <a class="tema-btn" href="/curso?bloque=1&tema=6">1.6. Sociedad de la información. Identidad y firma electrónica. DNIe. Agenda Digital para Españ…</a>
        <a class="tema-btn" href="/curso?bloque=1&tema=7">1.7. Protección de datos personales: principios, derechos y obligaciones. Derechos digitales.</a>
        <a class="tema-btn" href="/curso?bloque=1&tema=8">1.8. Acceso electrónico a los servicios públicos. Registros, notificaciones, medios electrónico…</a>
      </span>
    </div>
  </div>
</section>

<!-- SEMANA 2: 12–18 mayo -->
<section class="semana">
  <div class="cabecera-dias">
    <span>Lun</span><span>Mar</span><span>Mié</span><span>Jue</span><span>Vie</span><span>Sáb</span><span>Dom</span>
  </div>
  <div class="dias">
    <div class="dia">
      <span class="num">11</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=1&tema=9">1.9. Instrumentos de acceso electrónico: sedes electrónicas, canales, identificación y autentic…</a>
        <a class="tema-btn" href="/curso?bloque=2&tema=1">2.1. Informática básica. Representación y comunicación de la información: elementos constitutiv…</a>
        <a class="tema-btn" href="/curso?bloque=2&tema=2">2.2. Periféricos: conectividad y administración. Elementos de impresión. Elementos de almacenam…</a>
        <a class="tema-btn" href="/curso?bloque=2&tema=3">2.3. Tipos abstractos y Estructuras de datos. Organizaciones de ficheros. Algoritmos. Formatos …</a>
      </span>
    </div>
    <div class="dia">
      <span class="num">12</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=2&tema=4">2.4. Sistemas operativos. Características y elementos constitutivos. Sistemas Windows. Sistemas…</a>
        <a class="tema-btn" href="/curso?bloque=2&tema=5">2.5. Sistemas de gestión de bases de datos relacionales, orientados a objetos y NoSQL: caracter…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=1">3.1. Modelado de datos, metodologías y reglas. Entidades, atributos y relaciones. Diseño de bas…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=2">3.2. Lenguajes de programación. Representación de tipos de datos. Operadores. Instrucciones con…</a>
      </span>
    </div>
    <div class="dia">
      <span class="num">13</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=3&tema=3">3.3. Lenguajes de interrogación de bases de datos. Estándar ANSI SQL. Procedimientos almacenado…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=4">3.4. Diseño y programación orientada a objetos. Elementos y componentes software: objetos, clas…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=5">3.5. Arquitectura Java EE/Jakarta EE y plataforma .NET: componentes, persistencia y seguridad. …</a>
      </span>
    </div>
    <div class="dia">
      <span class="num">14</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=3&tema=6">3.6. Arquitectura de sistemas cliente/servidor y multicapas: componentes y operación. Arquitect…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=7">3.7. Aplicaciones web. Desarrollo web front-end y en servidor, multiplataforma y multidispositi…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=8">3.8. Accesibilidad, diseño universal y usabilidad. Acceso y usabilidad de las tecnologías, prod…</a>
        <a class="tema-btn" href="/curso?bloque=3&tema=9">3.9. Repositorios: estructura y actualización. Generación de código y documentación. Metodologí…</a>
      </span>
    </div>
    <div class="dia">
      <span class="num">15</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=4&tema=1">4.1. Administración del Sistema operativo y software de base. Actualización, mantenimiento y re…</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=2">4.2. Administración de bases de datos. Sistemas de almacenamiento y su virtualización. Política…</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=3">4.3. Administración de servidores de correo electrónico y sus protocolos. Administración de con…</a>
      </span>
    </div>
    <div class="dia fin-semana">
      <span class="num">16</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=4&tema=4">4.4. Administración de redes de área local. Gestión de usuarios. Gestión de dispositivos. Monit…</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=5">4.5. Conceptos de seguridad de los sistemas de información. Seguridad física. Seguridad lógica.…</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=6">4.6. Comunicaciones. Medios de transmisión. Modos de comunicación. Equipos terminales y equipos…</a>
      </span>
    </div>
    <div class="dia fin-semana">
      <span class="num">17</span>
      <span class="contenido">
        <a class="tema-btn" href="/curso?bloque=4&tema=7">4.7. El modelo TCP/IP y el modelo de referencia de interconexión de sistemas abiertos (OSI) de …</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=8">4.8. Internet: arquitectura de red. Origen, evolución y estado actual. Principales servicios. P…</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=9">4.9. Seguridad y protección en redes de comunicaciones. Seguridad perimetral. Acceso remoto seg…</a>
        <a class="tema-btn" href="/curso?bloque=4&tema=10">4.10. Redes locales. Tipología. Técnicas de transmisión. Métodos de acceso. Dispositivos de inte…</a>
      </span>
    </div>
  </div>
</section>

<!-- SEMANA 3: 19–25 mayo -->
<section class="semana">
  <div class="cabecera-dias">
    <span>Lun</span><span>Mar</span><span>Mié</span><span>Jue</span><span>Vie</span><span>Sáb</span><span>Dom</span>
  </div>
  <div class="dias">
    <div class="dia">
      <span class="num">18</span>
      <span class="contenido"><strong>Repaso</strong><br>B1. Organización del Estado y Administración electrónica<br>B2. Tecnología básica</span>
    </div>
    <div class="dia">
      <span class="num">19</span>
      <span class="contenido"><strong>Repaso</strong><br>B3. Desarrollo de sistemas<br>B4. Sistemas y comunicaciones</span>
    </div>
    <div class="dia simulacro">
      <span class="num">20</span>
      <span class="contenido">🧪 Simulacro<br>Examen completo<br>con tiempo real</span>
    </div>
    <div class="dia">
      <span class="num">21</span>
      <span class="contenido">Repaso de fallos<br>del simulacro</span>
    </div>
    <div class="dia">
      <span class="num">22</span>
      <span class="contenido">Solo flashcards<br>Nada nuevo<br>Descansar pronto</span>
    </div>
    <div class="dia examen">
      <span class="num">23</span>
      <span class="contenido">🎯 EXAMEN</span>
    </div>
    <div class="dia vacio"></div>
  </div>
</section>

<div class="leyenda">
  <div class="leyenda-item"><div class="leyenda-color" style="background:#2a2510;border-color:#d7ba7d;-webkit-print-color-adjust:exact;print-color-adjust:exact;"></div> Simulacro</div>
  <div class="leyenda-item"><div class="leyenda-color" style="background:#2a1010;border-color:#f44747;-webkit-print-color-adjust:exact;print-color-adjust:exact;"></div> Examen</div>
  <div class="leyenda-item"><div class="leyenda-color" style="background:#1a2a35;-webkit-print-color-adjust:exact;print-color-adjust:exact;"></div> Fin de semana</div>
</div>

<script th:src="@{/js/planning.js}" defer></script>
</body>
</html>