{% extends "base.html" %}
{% block title %}Inicio · UIS E³T Spectrum Dashboard{% endblock %}

{% block content %}
<div class="container-xl">
  <h1 class="display-4 mb-4">Bienvenido al&nbsp;<span class="text-primary">Dashboard de Monitoreo de Espectro</span></h1>

  <p class="lead">Esta interfaz fue desarrollada por la <strong>Escuela de Ingenierías Eléctrica, Electrónica y de Telecomunicaciones (E3T)</strong> de la <strong>Universidad Industrial de Santander</strong> con el objetivo de visualizar, analizar y documentar la ocupación del espectro radioeléctrico capturado por nuestro sistema de barrido.</p>

  <hr class="my-4" />

  <h2 class="h4">¿Qué encontrarás en este&nbsp;dashboard?</h2>
  <p class="mb-2">En esta plataforma podrás acceder de forma intuitiva a las siguientes herramientas:</p>
  <ul class="list-unstyled mb-4">
    <li class="mb-2"><svg class="bi me-2" width="16" height="16"><use href="#file"/></svg><strong>Reportes diarios y por rango</strong> &mdash; genera automáticamente informes en PDF con tablas, gráficos de ocupación y comparativas.</li>
    <li class="mb-2"><svg class="bi me-2" width="16" height="16"><use href="#file"/></svg><strong>Monitoreo en tiempo real</strong> &mdash; visualiza la potencia por frecuencia mientras el sistema captura datos.</li>
    <li class="mb-2"><svg class="bi me-2" width="16" height="16"><use href="#file"/></svg><strong>Modo oscuro / claro</strong> &mdash; cambia la apariencia con el botón flotante de la esquina inferior derecha.</li>
  </ul>

  <h2 class="h4">Cómo usarlo</h2>
  <ol class="mb-4">
    <li>Selecciona una opción del menú lateral (<em>Reports</em> o <em>Monitoreo</em>).</li>
    <li>Introduce la fecha o rango deseado (según aplique) y confirma.</li>
    <li>Descarga el PDF generado o compártelo con tu equipo.</li>
  </ol>

  <h2 class="h4">Créditos</h2>
  <p>Desarrollado por el semillero de investigación de la E3T. Para más información o para contribuir a este proyecto, contáctanos en <a href="mailto:e3t@uis.edu.co">e3t@uis.edu.co</a>.</p>

  <hr/>
  <p class="small text-body-secondary">Versión {{ config.get('APP_VERSION','1.0.0') }} · Última actualización {{ config.get('BUILD_DATE','2025‑07‑18') }}</p>
</div>
{% endblock %}