<!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;
                border: 4px solid #7c2b83;
                border-radius: 10px;
                overflow: hidden;
                justify-content: center;
            }
            .mdl-card__title img {
                max-height: 180px;
                width: auto;
                display: block;
                margin: 0 auto;
                border: 5px solid ;
                border-radius: 10px;
                padding: 5px;
                /*background-color: #7c2b83;*/
                border-color: #7c2b83;
                /*justify-content: center;*/
            }
            .mdl-card__supporting-text {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
        </style>
        <section class="nutricion">
            <div class="container">
                <div class="section-title text-center">
                    <h2>Comer Sano Cuando Uno Tiene Lupus</h2>
                    <img src="img/section-img.png" alt="#">
                    <p>Una alimentación equilibrada ayuda a manejar los síntomas del lupus y a mejorar la calidad de vida.</p>
                </div>
                
                <?php
                $categorias = [
                    'Alimentos Antiinflamatorios' => [
                        'descripcion' => 'Ayudan a reducir la inflamación y el estrés oxidativo.',
                        'alimentos' => [
                            ['nombre' => 'Pescados Grasos', 'descripcion' => 'Ricos en omega-3, ayudan a reducir la inflamación.', 'imagen' => 'medicamentos/pescado.jpg'],
                            ['nombre' => 'Frutas y Verduras', 'descripcion' => 'Aportan antioxidantes y vitaminas esenciales.', 'imagen' => 'medicamentos/frutas_verduras.jpg']
                        ]
                    ],
                    'Fuentes de Proteína Saludables' => [
                        'descripcion' => 'Favorecen la reparación de tejidos y fortalecen el sistema inmune.',
                        'alimentos' => [
                            ['nombre' => 'Legumbres', 'descripcion' => 'Ricas en proteínas vegetales y fibra.', 'imagen' => 'medicamentos/legumbres.jpg'],
                            ['nombre' => 'Carnes Magras', 'descripcion' => 'Fuentes de proteínas con bajo contenido en grasas saturadas.', 'imagen' => 'medicamentos/carnes_magras.jpg']
                        ]
                    ],
                    'Alimentos a Evitar' => [
                        'descripcion' => 'Reducir el consumo de ciertos alimentos puede minimizar los síntomas del lupus.',
                        'alimentos' => [
                            ['nombre' => 'Alimentos Procesados', 'descripcion' => 'Pueden aumentar la inflamación y el estrés oxidativo.', 'imagen' => 'medicamentos/procesados.jpg'],
                            ['nombre' => 'Azúcares Refinados', 'descripcion' => 'Contribuyen al aumento de peso y a la inflamación.', 'imagen' => 'medicamentos/azucar.jpg']
                        ]
                    ],
                    'Vitaminas y Minerales Clave' => [
                        'descripcion' => 'Esenciales para el fortalecimiento del sistema inmunológico.',
                        'alimentos' => [
                            ['nombre' => 'Vitamina D', 'descripcion' => 'Importante para la salud ósea y el sistema inmune.', 'imagen' => 'medicamentos/vitamina_d.jpg'],
                            ['nombre' => 'Calcio', 'descripcion' => 'Fundamental para la salud ósea en pacientes con lupus.', 'imagen' => 'medicamentos/calcio.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['alimentos'] as $alimento) {
                        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="' . $alimento["imagen"] . '" alt="' . $alimento["nombre"] . '" class="img-responsive">';
                        echo '        </div>';
                        echo '        <div class="mdl-card__supporting-text">';
                        echo '            <h2 class="mdl-card__title-text">' . $alimento["nombre"] . '</h2>';
                        echo '            <p>' . $alimento["descripcion"] . '</p>';
                        echo '        </div>';
                        echo '    </div>';
                        echo '</div>';
                    }
                    
                    echo '</div>';
                }
                ?>
            </div>
        </section>
        <?php
            footer_1();
        ?>
    </body>
</html>
