<!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="medicamentos">
            <div class="container">
                <div class="section-title text-center">
                    <h2>Medicamentos para el Lupus</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>El lupus es una enfermedad autoinmune crónica que requiere tratamiento con diversos medicamentos según el órgano afectado.</p>
                </div>
                
                <?php
                $categorias = [
                    'Piel' => [
                        'descripcion' => 'Medicamentos para tratar afecciones cutáneas del lupus.',
                        'medicamentos' => [
                            ['nombre' => 'Hidroxicloroquina', 'descripcion' => 'Ayuda a reducir los síntomas en la piel y las articulaciones.', 'imagen' => 'medicamentos/hidroxicloroquina.jpg'],
                            ['nombre' => 'Corticoesteroides tópicos', 'descripcion' => 'Reducen la inflamación en la piel causada por el lupus.', 'imagen' => 'medicamentos/prednisolona.jpg']
                        ]
                    ],
                    'Articulaciones' => [
                        'descripcion' => 'Medicamentos para aliviar la inflamación y el dolor articular.',
                        'medicamentos' => [
                            ['nombre' => 'Metotrexato', 'descripcion' => 'Fármaco inmunosupresor utilizado para reducir la inflamación articular.', 'imagen' => 'medicamentos/metotrexato.jpg'],
                            ['nombre' => 'AINEs', 'descripcion' => 'Antiinflamatorios no esteroides que ayudan a controlar el dolor.', 'imagen' => 'medicamentos/diclofenaco.jpg']
                        ]
                    ],
                    'Riñones' => [
                        'descripcion' => 'Medicamentos para proteger la función renal en pacientes con lupus.',
                        'medicamentos' => [
                            ['nombre' => 'Micofenolato mofetilo', 'descripcion' => 'Ayuda a controlar la inflamación en los riñones.', 'imagen' => 'medicamentos/Mofetil Micofenolato.jpg'],
                            ['nombre' => 'Ciclofosfamida', 'descripcion' => 'Usado en casos severos de nefritis lúpica.', 'imagen' => 'medicamentos/ciclofosfamida.jpg']
                        ]
                    ],
                    'Corazón' => [
                        'descripcion' => 'Medicamentos para tratar complicaciones cardiovasculares del lupus.',
                        'medicamentos' => [
                            ['nombre' => 'Anticoagulantes', 'descripcion' => 'Previenen coágulos sanguíneos en pacientes con lupus.', 'imagen' => 'medicamentos/rivaroxabán.jpg'],
                            ['nombre' => 'Betabloqueantes', 'descripcion' => 'Ayudan a controlar la presión arterial elevada.', 'imagen' => 'medicamentos/Atenolol.jpg']
                        ]
                    ],
                    'Pulmones' => [
                        'descripcion' => 'Medicamentos para mejorar la función pulmonar y reducir la inflamación.',
                        'medicamentos' => [
                            ['nombre' => 'Corticosteroides', 'descripcion' => 'Reducen la inflamación en los pulmones causada por el lupus.', 'imagen' => 'medicamentos/Dexametasona.jpg'],
                            ['nombre' => 'Inmunosupresores', 'descripcion' => 'Usados en casos severos de enfermedad pulmonar lúpica.', 'imagen' => 'medicamentos/azatioprina.jpg']
                        ]
                    ],
                    'Sistema Nervioso' => [
                        'descripcion' => 'Medicamentos para controlar los síntomas neurológicos del lupus.',
                        'medicamentos' => [
                            ['nombre' => 'Anticonvulsivos', 'descripcion' => 'Ayudan a controlar las crisis epilépticas en el lupus.', 'imagen' => 'medicamentos/lamotrigina.jpg'],
                            ['nombre' => 'Antidepresivos', 'descripcion' => 'Utilizados para tratar síntomas emocionales y cognitivos.', 'imagen' => 'medicamentos/fluoxetina.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['medicamentos'] as $medicamento) {
                        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="' . $medicamento["imagen"] . '" alt="' . $medicamento["nombre"] . '" class="img-responsive">';
                        echo '        </div>';
                        echo '        <div class="mdl-card__supporting-text text-center">';
                        echo '            <h2 class="mdl-card__title-text">' . $medicamento["nombre"] . '</h2>';
                        echo '            <p>' . $medicamento["descripcion"] . '</p>';
                        echo '        </div>';
                        echo '    </div>';
                        echo '</div>';
                    }
                    
                    echo '</div>';
                }
                ?>
            </div>
        </section>
        <?php
            footer_1();
        ?>
    </body>
</html>
