<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Matemática Virtual, Ing.MSc. Fernando Carrillo & Ing.MSc. Cecilia Izurieta</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <?php include 'encabezado.php'; ?>
    <main>
    <?php include 'menui.php'; ?>
    <div class="container mt-5 overflow-auto">
        <div class="list-group">
      
            <?php
                    $a = rand(4,10);
                    $b= rand(4,10);
                    $c = rand(4,10);
                    $d = rand(4,10);
                    $e = rand(7,15);
                    $f = rand(4,10);
                    $g= rand(11,15);
                    $h= rand(4,15);
                    $i = rand(4,15);
                    $j = rand(4,15);
                    $k = rand(4,15);
                    $f1 = rand(4,10)*2;
                    $g1= rand(11,15)*2;
                    $h1= rand(4,15)*2;
                    $i1 = rand(4,15)*2;
                    $j1 = rand(4,15)*2;
                    $k1 = rand(4,15)*2;
                    $l= rand(4,15);
                    $m = rand(4,20);
                    $n = rand(4,20);
                    $o= rand(4,20);
                    $p = rand(4,20);
                    $q = rand(4,20);
                    $r = rand(4,20);
                    $s = rand(4,20);
                    $t = rand(4,20);
                    $u = rand(4,20);
                    $v = rand(4,20);
                    $ap = rand(4,10);
                    $bp= rand(4,10);
                    $cp = rand(4,10);
                    $dp = rand(4,10);
                    $ep = rand(7,15);
                    $fp = rand(4,10);

                    $bas = $b+3;
                   $c = $c*2;
                    $c1 = $c+2;
                    $c2 = $c1+2;
                    $d1 = $d+2;
                    $d2 = $d1+3;
                    $pe=2*($a+$b);
                    $ar=$c*$d;
                    $ar1=$e*$f;

                    $e1 = $e-2;
                    $f1 = $f-3;
                    $g1 = $g-4; 
            $ejercicios = [
                "Un jardinero quiere plantar flores en un área triangular del jardín. La base del triángulo mide $a cm y la altura $b cm. ¿Cuánto espacio tendrá para las flores?",
                "Juan está cortando un pedazo de tela en forma de triángulo equilátero con lados de $c cm cada uno. ¿Cuál será el área del triángulo?",
                "María tiene un terreno triangular isósceles con una base de $d cm y una altura de $e cm. ¿Qué área tiene el terreno?",
                "Un triángulo rectángulo en un parque tiene catetos de $f cm y $g cm. ¿Cuál es el área del triángulo?",
                "Un ingeniero necesita encontrar el área de un triángulo con lados de $c cm, $c1 cm y $c2 cm para un proyecto. ¿Cuál es el área usando la fórmula de Herón?",
                "Una artesana quiere hacer un mosaico cuadrado con lados de $h cm. ¿Cuál será el área del mosaico?",
                "Pedro tiene una parcela cuadrada con un perímetro de $i cm. ¿Qué área tiene su parcela?",
                "Un diseñador está creando un cuadro con una diagonal de $j cm. ¿Cuál es el área del cuadro?",
                "Ana tiene un jardín cuadrado con un área de $k cm². ¿Cuál es la longitud de cada lado del jardín?",
                "Un constructor está diseñando una ventana cuadrada con una diagonal de $l cm. ¿Cuál será el área de la ventana?",
                "Un pintor tiene un lienzo rectangular de $c2 cm de base y $c1 cm de altura. ¿Qué área tiene el lienzo?",
                "Laura quiere cercar un rectángulo con un perímetro de $p cm y una base de $a cm. ¿Qué área cercará?",
                "Un carpintero está haciendo una mesa rectangular con una base de 15 cm y una diagonal de 17 cm. ¿Cuál será el área de la mesa?",
                "Un agricultor tiene un campo rectangular de $ar cm² y una base de $d cm. ¿Cuál es la altura del campo?",
                "Un arquitecto está diseñando una habitación rectangular de $ar1 cm² de área y una altura de $e cm. ¿Cuál será la base de la habitación?",
                "Un artista está pintando un pentágono regular con lados de $f1 cm y una apotema de $ap cm. ¿Cuál será el área del pentágono?",
                "Un ingeniero civil diseña un pentágono regular con un perímetro de $g1 cm y una apotema de $bp cm. ¿Cuál es el área del pentágono?",
                "Un decorador usa un pentágono con lados de $h1 cm y una apotema de $cp cm para un diseño. ¿Cuál es el área del pentágono?",
                "Un escultor está esculpiendo un pentágono regular con lados de $i1 cm y una apotema de $dp cm. ¿Cuál será el área del pentágono?",
                "Un arquitecto diseña una plaza en forma de pentágono con una apotema de 5 cm y lados de $k1 cm. ¿Cuál es el área de la plaza?",
                "Un ingeniero diseña una tuerca hexagonal regular con lados de $j1 cm. ¿Cuál es el área de la tuerca?",
                "Una baldosa hexagonal regular tiene un perímetro de 36 cm. ¿Cuál es el área de la baldosa?",
                "Un vitral hexagonal tiene lados de $a cm y una apotema de $ap cm. ¿Cuál es el área del vitral?",
                "Una estructura de colmena hexagonal regular tiene lados de $b cm. ¿Cuál es el área de cada celda?",
                "Un diseñador de jardines tiene un hexágono con una apotema de $cp cm y lados de $c cm. ¿Cuál es el área del hexágono?",
                "Un heptágono regular tiene lados de $m cm y una apotema de $ap cm. ¿Cuál es el área del heptágono?",
                "Un diseñador está trabajando con un heptágono que tiene un perímetro de 56 cm y una apotema de 8 cm. ¿Cuál es el área del heptágono?",
                "Un heptágono regular tiene lados de $n cm y una apotema de $cp cm. ¿Cuál es el área del heptágono?",
                "Un heptágono tiene lados de 5$o cm y una apotema de $dp cm. ¿Cuál es el área del heptágono?",
                "Un ingeniero está diseñando una estructura heptagonal regular con lados de $p cm y una apotema de $ep cm. ¿Cuál será el área del heptágono?",
                "Un decágono regular tiene lados de $q cm y una apotema de $ap cm. ¿Cuál es el área del decágono?",
                "Un decágono tiene un perímetro de 80 cm y una apotema de 12 cm. ¿Cuál es el área del decágono?",
                "Un decágono regular tiene lados de $r cm y una apotema de $bp cm. ¿Cuál es el área del decágono?",
                "Un decágono tiene lados de $s cm y una apotema de $cp cm. ¿Cuál es el área del decágono?",
                "Un ingeniero está diseñando un decágono regular con lados de $t cm y una apotema de $ep cm. ¿Cuál será el área del decágono?"
            ];

            $i=1;
                foreach ($ejercicios as $index => $ejercicio) {
                    echo '<div class="card mb-3">';?>
                    <h5 class="card-title">Ejercicio <?php echo $i; ?></h5>
                <?php $i=$i+1;?>
                    <?php
                    echo '<span>' . $ejercicio . '</span>';
                    echo '</div>';
                }
            ?>
            
             </div>
       
            
            
       
    </div> 

</main>
<script>
        // Capturar el evento de clic en el botón de descarga
        document.getElementById('btnDescargarPDF').addEventListener('click', function() {
            // Seleccionar el contenedor de ejercicios
            var element = document.querySelector('.list-group');

            // Opciones para la generación del PDF
            var options = {
                margin:       0.5,
                filename:     'ejercicios.pdf',
                image:        { type: 'jpeg', quality: 0.98 },
                html2canvas:  { scale: 3 },
                jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' }
            };

            // Generar el PDF
            html2pdf().from(element).set(options).save();
        });
    </script>

    <!-- Agregar referencia a la biblioteca html2pdf -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
    
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
     <?php include 'subir.php'; ?>
</body>
</html>
