<?php
//archivo analisis_estadistico_individual_habilidades academicas_basicas.php

// Obtener el nombre del participante desde el parámetro GET
$nombreParticipante = isset($_GET['nombre']) ? $_GET['nombre'] : '';
$documentoIdentidad = isset($_GET['id']) ? $_GET['id'] : ''; // ID del participante

 ?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Análisis Estadístico de Datos</title>
  <link rel="stylesheet" href="stylesestsdistic.css">
  <!-- Incluir Chart.js y el plugin de zoom -->

  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-zoom@1.2.1/dist/chartjs-plugin-zoom.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2"></script>
</head>
<body>
    <h1>Análisis Estadístico Individual de Habilidades Académicas Básicas: </h1>
    <input type="text" id="participant_name" name="participant_name" value="<?= htmlspecialchars($nombreParticipante) ?>" readonly>

        <label for="participant_id">Número de Documento de Identidad:</label>
        <input type="text" id="participant_id" name="participant_id" value="<?= htmlspecialchars($documentoIdentidad) ?>" readonly>
   
    <div class="chart-container">
        <canvas id="evolutionChart"></canvas>
    </div>
    <div class="chart-container">
        <canvas id="pieChart"></canvas>
    </div>

  <!-- Se incluye el script de la aplicación -->
  <script src="appIndHabAcaBas.js"></script>
</body>
</html>
