<!DOCTYPE html>
<?php
    include('menus.php');
    session_start();
?>
<html class="no-js" lang="zxx">
    <?php
       head_1();
    ?>
    <body>
       <?php
            menu_registro();
            vericar_sesion();
        ?>
        <style>
            .product-card {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 400px;
            }
            .mdl-card__title img {
                max-height: 180px;
                width: auto;
                display: block;
                margin: 0 auto;
            }
            .mdl-card__supporting-text {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
        </style>
        <section class="analisis">
            <div class="container">
                <div class="section-title text-center">
                    <h2>Análisis de Laboratorio para el Lupus</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Existen diversas pruebas de laboratorio que ayudan a detectar y monitorear el lupus.</p>
                </div>
                
                <?php
                $categorias = [
                    'Análisis de Sangre' => [
                        'descripcion' => 'Pruebas que analizan células sanguíneas y posibles anticuerpos anormales.',
                        'pruebas' => [
                            ['nombre' => 'Hemograma Completo', 'descripcion' => 'Detecta anemia, leucopenia y trombocitopenia.', 'imagen' => 'medicamentos/hemograma_completo.jpg'],
                            ['nombre' => 'Velocidad de sedimentación globular (VSG)', 'descripcion' => 'Mide la inflamación en el cuerpo.', 'imagen' => 'medicamentos/VSG.jpg']
                        ]
                    ],
                    'Pruebas de Anticuerpos' => [
                        'descripcion' => 'Detectan autoanticuerpos específicos del lupus.',
                        'pruebas' => [
                            ['nombre' => 'Anticuerpos antinucleares (ANA)', 'descripcion' => 'Indican actividad autoinmune en el cuerpo.', 'imagen' => 'medicamentos/ANA.jpg'],
                            ['nombre' => 'Anti-DNA', 'descripcion' => 'Específico para el diagnóstico del lupus eritematoso sistémico.', 'imagen' => 'medicamentos/anti-dna.jpg']
                        ]
                    ],
                    'Pruebas de Función Renal' => [
                        'descripcion' => 'Evaluaciones de la salud de los riñones.',
                        'pruebas' => [
                            ['nombre' => 'Niveles de Creatinina', 'descripcion' => 'Mide la función renal.', 'imagen' => 'medicamentos/Niveles de Creatinina.jpg'],
                            ['nombre' => 'Análisis de Orina', 'descripcion' => 'Busca proteínas y células anormales en la orina.', 'imagen' => 'medicamentos/orina.jpg']
                        ]
                    ],
                    'Pruebas de Inflamación' => [
                        'descripcion' => 'Detectan niveles de inflamación en el cuerpo.',
                        'pruebas' => [
                            ['nombre' => 'Proteína C Reactiva (PCR)', 'descripcion' => 'Mide inflamación y actividad del lupus.', 'imagen' => 'medicamentos/pcr.jpg'],
                            ['nombre' => 'Complemento C3 y C4', 'descripcion' => 'Evalúa la actividad del sistema inmune.', 'imagen' => 'medicamentos/complemento.jpg']
                        ]
                    ]
                ];
                
                foreach ($categorias as $categoria => $info) {
                    echo '<div class="section-title text-left">';
                    echo '    <h3>' . $categoria . '</h3>';
                    echo '    <p>' . $info['descripcion'] . '</p>';
                    echo '</div>';
                    echo '<div class="mdl-grid">';
                    
                    foreach ($info['pruebas'] as $prueba) {
                        echo '<div class="mdl-cell mdl-cell--4-col mdl-cell--6-col-tablet">';
                        echo '    <div class="mdl-card mdl-shadow--2dp full-width product-card">';
                        echo '        <div class="mdl-card__title text-center">';
                        echo '            <img src="' . $prueba["imagen"] . '" alt="' . $prueba["nombre"] . '" class="img-responsive">';
                        echo '        </div>';
                        echo '        <div class="mdl-card__supporting-text text-center">';
                        echo '            <h2 class="mdl-card__title-text">' . $prueba["nombre"] . '</h2>';
                        echo '            <p>' . $prueba["descripcion"] . '</p>';
                        echo '        </div>';
                        echo '    </div>';
                        echo '</div>';
                    }
                    
                    echo '</div>';
                }
                ?>
            </div>
        </section>
        <?php
            footer_1();
        ?>
    </body>
</html>
