<!doctype html>
<?php
    session_start(); // Iniciar la sesión
    // Verifica si la sesión 'cedula' está iniciada
    if (!isset($_SESSION['cedula'])) {
        // Si no hay una sesión iniciada, redirige a login.php con un mensaje
        header("Location: login.php?mensaje=" . urlencode("Debe iniciar sesión para poder ver esta página"));
        exit(); // Asegurarse de que el script se detenga aquí
    }
    include('conexion.php');
    include('menus.php');
    sesion_paciente();
?>
<html class="no-js" lang="zxx">
    <?php
        head_1();
    ?>
    <body>
        <?php
            // Si hay una sesión iniciada, carga el header_2
            header_2();
        ?>
        <section class="appointment">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title">
                            <h2>¿Tienes un medicamento? Donalo aquí</h2>
                            <img src="img/section-img.png" alt="#">
                        </div>
                    </div>
                </div>
                <div>
                    <div class="mdl-tabs__tab-bar">
                        <a href="nuevo_medicamento.php" class="mdl-tabs__tab is-active" style="background-color: #7c2b83; color: white;">NUEVO</a>
                        <a href="medicamentos.php" class="mdl-tabs__tab" style="background-color: #7c2b83; color: white;">LISTADO</a>
                    </div>
                    <div class="mdl-tabs__panel is-active" id="tabNewProduct">
                        <div class="mdl-grid">
                            <div class="mdl-cell mdl-cell--12-col">
                                <div class="full-width panel mdl-shadow--2dp">
                                    <div class="full-width panel-tittle bg-primary text-center tittles">
                                        DONA AQUI TU MEDICAMENTO
                                    </div>
                                    <div class="full-width panel-content">
                                        <form class="form" id="formulario" action="guardar_medicamento.php" method="POST" enctype="multipart/form-data" onsubmit="return validarSeleccion()">
                                            <div class="mdl-grid">
                                                <div class="mdl-cell mdl-cell--12-col">
                                                    <legend class="text-condensedLight"><i class="zmdi zmdi-border-color"></i> &nbsp; INFORMACIÓN BASICA </legend><br>
                                                </div>  
                                                <input type="hidden" id="nom_medicamento" name="nom_medicamento" value="">
                                                <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                        <label >Nombre Medicamento</label>
                                                        <div class="nice-select form-control wide" tabindex="0"><span class="current" id="nom_medicamento">Nombre Medicamento</span>
                                                            <ul class="list">
                                                                <li data-value="Cloroquina" class="option" onclick="selectMedicamento('Cloroquina')">Cloroquina</li>
                                                                <li data-value="Diclofenaco" class="option" onclick="selectMedicamento('Diclofenaco')">Diclofenaco</li>
                                                                <li data-value="Hidroxicloroquina" class="option" onclick="selectMedicamento('Hidroxicloroquina')">Hidroxicloroquina</li>
                                                                <li data-value="Prednisona" class="option" onclick="selectMedicamento('Prednisona')">Prednisona</li>
                                                                <li data-value="Metotrexato" class="option" onclick="selectMedicamento('Metotrexato')">Metotrexato</li>
                                                                <li data-value="Azatioprina" class="option" onclick="selectMedicamento('Azatioprina')">Azatioprina</li>
                                                                <li data-value="Belimumab" class="option" onclick="selectMedicamento('Belimumab')">Belimumab</li>
                                                                <li data-value="Ciclofosfamida" class="option" onclick="selectMedicamento('Ciclofosfamida')">Ciclofosfamida</li>                                                                    <li data-value="Naproxeno" class="option" onclick="selectMedicamento('Naproxeno')">Naproxeno</li>
                                                                <li data-value="Mofetil Micofenolato" class="option" onclick="selectMedicamento('Mofetil Micofenolato')">Mofetil Micofenolato</li>
                                                                <li data-value="Tramadol" class="option" onclick="selectMedicamento('Tramadol')">Tramadol</li>
                                                                <li data-value="Hidrocortisona" class="option" onclick="selectMedicamento('Hidrocortisona')">Hidrocortisona</li>
                                                                <li data-value="Ibuprofeno" class="option" onclick="selectMedicamento('Ibuprofeno')">Ibuprofeno</li>
                                                                <li data-value="Rituximab" class="option" onclick="selectMedicamento('Rituximab')">Rituximab</li>
                                                                <li data-value="Sulfasalazina" class="option" onclick="selectMedicamento('Sulfasalazina')">Sulfasalazina</li>
                                                                <li data-value="Tacrolimus" class="option" onclick="selectMedicamento('Tacrolimus')">Tacrolimus</li>
                                                                <li data-value="Leflunomida" class="option" onclick="selectMedicamento('Leflunomida')">Leflunomida</li>
                                                                <li data-value="Metilprednisolona" class="option" onclick="selectMedicamento('Metilprednisolona')">Metilprednisolona</li>
                                                                <li data-value="Dexametasona" class="option" onclick="selectMedicamento('Dexametasona')">Dexametasona</li>
                                                                <li data-value="Paracetamol" class="option" onclick="selectMedicamento('Paracetamol')">Paracetamol</li>
                                                                <li data-value="Losartán" class="option" onclick="selectMedicamento('Losartán')">Losartán</li>
                                                                <li data-value="Atenolol" class="option" onclick="selectMedicamento('Atenolol')">Atenolol</li>
                                                                <li data-value="Verapamilo" class="option" onclick="selectMedicamento('Verapamilo')">Verapamilo</li>
                                                                <li data-value="Alopurinol" class="option" onclick="selectMedicamento('Alopurinol')">Alopurinol</li>
                                                                <li data-value="Micofenolato sódico" class="option" onclick="selectMedicamento('Micofenolato sódico')">Micofenolato sódico</li>
                                                                <li data-value="Colchicina" class="option" onclick="selectMedicamento('Colchicina')">Colchicina</li>                                                                    <li data-value="Tofacitinib" class="option" onclick="selectMedicamento('Tofacitinib')">Tofacitinib</li>
                                                                <li data-value="Secukinumab" class="option" onclick="selectMedicamento('Secukinumab')">Secukinumab</li>
                                                                <li data-value="Propranolol" class="option" onclick="selectMedicamento('Propranolol')">Propranolol</li>
                                                                <li data-value="Clopidogrel" class="option" onclick="selectMedicamento('Clopidogrel')">Clopidogrel</li>
                                                                <li data-value="Apixaban" class="option" onclick="selectMedicamento('Apixaban')">Apixaban</li>
                                                                <li data-value="Heparina sódica" class="option" onclick="selectMedicamento('Heparina sódica')">Heparina sódica</li>
                                                                <li data-value="Otros" class="option" onclick="selectMedicamento('Otros')">Otros</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="hidden" id="forma_administracion" name="forma_administracion" value="">
                                                <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                        <label >Forma de Administración</label>
                                                        <div class="nice-select form-control wide" tabindex="0"><span class="current" id="forma_administracion">Forma de Administración</span>
                                                            <ul class="list">
                                                                <li data-value="Uso Oral" class="option" onclick="selectFormaAdministracion('Uso Oral')">Uso Oral</li>
                                                                <li data-value="Uso Tópico" class="option" onclick="selectFormaAdministracion('Uso Tópico')">Uso Tópico</li>
                                                                <li data-value="Inyectable" class="option" onclick="selectFormaAdministracion('Inyectable')">Inyectable</li>
                                                                <li data-value="Otros" class="option" onclick="selectFormaAdministracion('Otros')">Otros</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="hidden" id="milimetraje" name="milimetraje" value="">
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Milimetrtaje</label>
                                                            <div class="nice-select form-control wide" tabindex="0"><span class="current" id="milimetraje">Milimetraje</span>
                                                                <ul class="list">
                                                                <li data-value="1" class="option" onclick="selectDosis(1)">1</li>
                                                                <li data-value="5" class="option" onclick="selectDosis(5)">5</li>
                                                                <li data-value="10" class="option" onclick="selectDosis(10)">10</li>
                                                                <li data-value="15" class="option" onclick="selectDosis(15)">15</li>
                                                                <li data-value="20" class="option" onclick="selectDosis(20)">20</li>
                                                                <li data-value="25" class="option" onclick="selectDosis(25)">25</li>
                                                                <li data-value="30" class="option" onclick="selectDosis(30)">30</li>
                                                                <li data-value="35" class="option" onclick="selectDosis(35)">35</li>
                                                                <li data-value="40" class="option" onclick="selectDosis(40)">40</li>
                                                                <li data-value="45" class="option" onclick="selectDosis(45)">45</li>
                                                                <li data-value="50" class="option" onclick="selectDosis(50)">50</li>
                                                                <li data-value="55" class="option" onclick="selectDosis(55)">55</li>
                                                                <li data-value="60" class="option" onclick="selectDosis(60)">60</li>
                                                                <li data-value="65" class="option" onclick="selectDosis(65)">65</li>
                                                                <li data-value="70" class="option" onclick="selectDosis(70)">70</li>
                                                                <li data-value="75" class="option" onclick="selectDosis(75)">75</li>
                                                                <li data-value="80" class="option" onclick="selectDosis(80)">80</li>
                                                                <li data-value="85" class="option" onclick="selectDosis(85)">85</li>
                                                                <li data-value="90" class="option" onclick="selectDosis(90)">90</li>
                                                                <li data-value="95" class="option" onclick="selectDosis(95)">95</li>
                                                                <li data-value="100" class="option" onclick="selectDosis(100)">100</li>
                                                                <li data-value="105" class="option" onclick="selectDosis(105)">105</li>
                                                                <li data-value="110" class="option" onclick="selectDosis(110)">110</li>
                                                                <li data-value="115" class="option" onclick="selectDosis(115)">115</li>
                                                                <li data-value="120" class="option" onclick="selectDosis(120)">120</li>
                                                                <li data-value="125" class="option" onclick="selectDosis(125)">125</li>
                                                                <li data-value="130" class="option" onclick="selectDosis(130)">130</li>
                                                                <li data-value="135" class="option" onclick="selectDosis(135)">135</li>
                                                                <li data-value="140" class="option" onclick="selectDosis(140)">140</li>
                                                                <li data-value="145" class="option" onclick="selectDosis(145)">145</li>
                                                                <li data-value="150" class="option" onclick="selectDosis(150)">150</li>
                                                                <li data-value="155" class="option" onclick="selectDosis(155)">155</li>
                                                                <li data-value="160" class="option" onclick="selectDosis(160)">160</li>
                                                                <li data-value="165" class="option" onclick="selectDosis(165)">165</li>
                                                                <li data-value="170" class="option" onclick="selectDosis(170)">170</li>
                                                                <li data-value="175" class="option" onclick="selectDosis(175)">175</li>
                                                                <li data-value="180" class="option" onclick="selectDosis(180)">180</li>
                                                                <li data-value="185" class="option" onclick="selectDosis(185)">185</li>
                                                                <li data-value="190" class="option" onclick="selectDosis(190)">190</li>
                                                                <li data-value="195" class="option" onclick="selectDosis(195)">195</li>
                                                                <li data-value="200" class="option" onclick="selectDosis(200)">200</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" id="unidades" name="unidades" value="">
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Unidades</label>
                                                            <div class="nice-select form-control wide" tabindex="0"><span class="current" id="unidades">Unidades</span>
                                                                <ul class="list">
                                                                    <li data-value="gr" class="option" onclick="selectUnidad('gr')">gr</li>
                                                                    <li data-value="mg" class="option" onclick="selectUnidad('mg')">mg</li>
                                                                    <li data-value="mg/ml" class="option" onclick="selectUnidad('mg/ml')">mg/ml</li>
                                                                    <li data-value="UI" class="option" onclick="selectUnidad('UI')">UI</li>
                                                                    <li data-value="Otros" class="option" onclick="selectUnidad('Otros')">Otros</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mdl-cell mdl-cell--12-col">
                                                        <legend class="text-condensedLight"><i class="zmdi zmdi-border-color"></i> &nbsp; CATEGORÍA</legend><br>
                                                    </div>
                                                    <input type="hidden" id="categoria" name="categoria" value="">
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Categoría</label>
                                                            <div class="nice-select form-control wide" tabindex="0"><span class="current" id="categoria">Categoría</span>
                                                                <ul class="list">
                                                                    <li data-value="Analgésicos" class="option" onclick="selectCategoria('Analgésicos')">Analgésicos</li>
                                                                    <li data-value="Antibióticos" class="option" onclick="selectCategoria('Antibióticos')">Antibióticos</li>
                                                                    <li data-value="Antipiréticos" class="option" onclick="selectCategoria('Antipiréticos')">Antipiréticos</li>
                                                                    <li data-value="Antiinflamatorios" class="option" onclick="selectCategoria('Antiinflamatorios')">Antiinflamatorios</li>
                                                                    <li data-value="Antialérgicos" class="option" onclick="selectCategoria('Antialérgicos')">Antialérgicos</li>
                                                                    <li data-value="Antidepresivos" class="option" onclick="selectCategoria('Antidepresivos')">Antidepresivos</li>
                                                                    <li data-value="Antihistamínicos" class="option" onclick="selectCategoria('Antihistamínicos')">Antihistamínicos</li>
                                                                    <li data-value="Antivirales" class="option" onclick="selectCategoria('Antivirales')">Antivirales</li>
                                                                    <li data-value="Antiácidos" class="option" onclick="selectCategoria('Antiácidos')">Antiácidos</li>
                                                                    <li data-value="Anticoagulantes" class="option" onclick="selectCategoria('Anticoagulantes')">Anticoagulantes</li>
                                                                    <li data-value="Antidiabéticos" class="option" onclick="selectCategoria('Antidiabéticos')">Antidiabéticos</li>
                                                                    <li data-value="Antihipertensivos" class="option" onclick="selectCategoria('Antihipertensivos')">Antihipertensivos</li>
                                                                    <li data-value="Anticonceptivos" class="option" onclick="selectCategoria('Anticonceptivos')">Anticonceptivos</li>
                                                                    <li data-value="Antifúngicos" class="option" onclick="selectCategoria('Antifúngicos')">Antifúngicos</li>
                                                                    <li data-value="Antiparasitarios" class="option" onclick="selectCategoria('Antiparasitarios')">Antiparasitarios</li>
                                                                    <li data-value="Corticosteroides" class="option" onclick="selectCategoria('Corticosteroides')">Corticosteroides</li>
                                                                    <li data-value="Diuréticos" class="option" onclick="selectCategoria('Diuréticos')">Diuréticos</li>
                                                                    <li data-value="Laxantes" class="option" onclick="selectCategoria('Laxantes')">Laxantes</li>
                                                                    <li data-value="Vitaminas y suplementos" class="option" onclick="selectCategoria('Vitaminas y suplementos')">Vitaminas y suplementos</li>
                                                                    <li data-value="Otros" class="option" onclick="selectCategoria('Otros')">Otros</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" id="descripcion" name="descripcion" value="">
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Descripción</label>
                                                            <div class="nice-select form-control wide" tabindex="0"><span class="current" id="descripcion">Descripción</span>
                                                                <ul class="list">
                                                                    <li data-value="crema sellada" class="option" onclick="selectEnvase('crema sellada')">crema sellada</li>
                                                                    <li data-value="sobre sellado" class="option" onclick="selectEnvase('sobre sellado')">sobre sellado</li>
                                                                    <li data-value="vial sellado" class="option" onclick="selectEnvase('vial sellado')">vial sellado</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" id="presentacion" name="presentacion" value="">
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Presentación</label>
                                                            <div class="nice-select form-control wide" tabindex="0"><span class="current" id="presentacion">Presentación</span>
                                                                <ul class="list">
                                                                    <li data-value="Capsulas" class="option" onclick="selectPresentacion('Capsulas')">Capsulas</li>
                                                                    <li data-value="Tabletas" class="option" onclick="selectPresentacion('Tabletas')">Tabletas</li>
                                                                    <li data-value="Ampolletas" class="option" onclick="selectPresentacion('Ampolletas')">Ampolletas</li>
                                                                    <li data-value="Gel al 1%" class="option" onclick="selectPresentacion('Gel al 1%')">Gel al 1%</li>
                                                                    <li data-value="Vial" class="option" onclick="selectPresentacion('Vial')">Vial</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" id="cantidad" name="cantidad" value="">
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Cantidad</label>
                                                            <div class="nice-select form-control wide" tabindex="0"><span class="current" id="cantidad">Cantidad</span>
                                                                <ul class="list">
                                                                    <li data-value="1" class="option" onclick="selectCantidad(1)">1</li>
                                                                    <li data-value="2" class="option" onclick="selectCantidad(2)">2</li>
                                                                    <li data-value="3" class="option" onclick="selectCantidad(3)">3</li>
                                                                    <li data-value="4" class="option" onclick="selectCantidad(4)">4</li>
                                                                    <li data-value="5" class="option" onclick="selectCantidad(5)">5</li>
                                                                    <li data-value="6" class="option" onclick="selectCantidad(6)">6</li>
                                                                    <li data-value="7" class="option" onclick="selectCantidad(7)">7</li>
                                                                    <li data-value="8" class="option" onclick="selectCantidad(8)">8</li>
                                                                    <li data-value="9" class="option" onclick="selectCantidad(9)">9</li>
                                                                    <li data-value="10" class="option" onclick="selectCantidad(10)">10</li>
                                                                    <li data-value="11" class="option" onclick="selectCantidad(11)">11</li>
                                                                    <li data-value="12" class="option" onclick="selectCantidad(12)">12</li>
                                                                    <li data-value="13" class="option" onclick="selectCantidad(13)">13</li>
                                                                    <li data-value="14" class="option" onclick="selectCantidad(14)">14</li>
                                                                    <li data-value="15" class="option" onclick="selectCantidad(15)">15</li>
                                                                    <li data-value="16" class="option" onclick="selectCantidad(16)">16</li>
                                                                    <li data-value="17" class="option" onclick="selectCantidad(17)">17</li>
                                                                    <li data-value="18" class="option" onclick="selectCantidad(18)">18</li>
                                                                    <li data-value="19" class="option" onclick="selectCantidad(19)">19</li>
                                                                    <li data-value="20" class="option" onclick="selectCantidad(20)">20</li>
                                                                    <li data-value="21" class="option" onclick="selectCantidad(21)">21</li>
                                                                    <li data-value="22" class="option" onclick="selectCantidad(22)">22</li>
                                                                    <li data-value="23" class="option" onclick="selectCantidad(23)">23</li>
                                                                    <li data-value="24" class="option" onclick="selectCantidad(24)">24</li>
                                                                    <li data-value="25" class="option" onclick="selectCantidad(25)">25</li>
                                                                    <li data-value="26" class="option" onclick="selectCantidad(26)">26</li>
                                                                    <li data-value="27" class="option" onclick="selectCantidad(27)">27</li>
                                                                    <li data-value="28" class="option" onclick="selectCantidad(28)">28</li>
                                                                    <li data-value="29" class="option" onclick="selectCantidad(29)">29</li>
                                                                    <li data-value="30" class="option" onclick="selectCantidad(30)">30</li>
                                                                    <li data-value="31" class="option" onclick="selectCantidad(31)">31</li>
                                                                    <li data-value="32" class="option" onclick="selectCantidad(32)">32</li>
                                                                    <li data-value="33" class="option" onclick="selectCantidad(33)">33</li>
                                                                    <li data-value="34" class="option" onclick="selectCantidad(34)">34</li>
                                                                    <li data-value="35" class="option" onclick="selectCantidad(35)">35</li>
                                                                    <li data-value="36" class="option" onclick="selectCantidad(36)">36</li>
                                                                    <li data-value="37" class="option" onclick="selectCantidad(37)">37</li>
                                                                    <li data-value="38" class="option" onclick="selectCantidad(38)">38</li>
                                                                    <li data-value="39" class="option" onclick="selectCantidad(39)">39</li>
                                                                    <li data-value="40" class="option" onclick="selectCantidad(40)">40</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mdl-cell mdl-cell--12-col">
                                                        <legend class="text-condensedLight"><i class="zmdi zmdi-border-color"></i> &nbsp; IMAGEN DEL MEDICAMENTO</legend><br>
                                                    </div>
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield">
                                                            <label >Fecha de Vencimiento</label>
                                                            <input type="date" name="fecha_vencimiento" class="mdl-textfield__input" required>
                                                        </div>
                                                    </div>
                                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                                            <label >Imagen del Medicamento</label>
                                                            <input type="file" name="imagen" accept="image/*" class="mdl-textfield__input" required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="text-center">
                                                    <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored bg-primary" id="btn-addProduct">
                                                        <i class="zmdi zmdi-plus"></i>
                                                    </button>
                                                    <div class="mdl-tooltip" for="btn-addProduct">Add Product</div>
                                                </p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>  
                    <div class="col-lg-6 col-md-12 ">
                        <div class="appointment-image">
                            <img src="img/contact-img.png" alt="#">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <?php
            footer_1();
        ?>
        <script>
            function  validarSeleccion() {
                var nomMedicamento = document.getElementById('nom_medicamento').value;
                var formaAdministracion = document.getElementById('forma_administracion').value;
                var milimetraje = document.getElementById('milimetraje').value;
                var unidades = document.getElementById('unidades').value;
                var categoria = document.getElementById('categoria').value;
                var descripcion = document.getElementById('descripcion').value;
                var presentacion = document.getElementById('presentacion').value;
                var cantidad = document.getElementById('cantidad').value;
                if (!nomMedicamento) {
                    alert('Por favor, seleccione el nombre del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!formaAdministracion) {
                    alert('Por favor, seleccione la forma de administración del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!milimetraje) {
                    alert('Por favor, seleccione el milimetraje del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!unidades) {
                    alert('Por favor, seleccione las unidades del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!categoria) {
                    alert('Por favor, seleccione la categoría del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!descripcion) {
                    alert('Por favor, seleccione la descripción del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!presentacion) {
                    alert('Por favor, seleccione la presentación del medicamento.');
                    return false; // No enviar el formulario
                }
                if (!cantidad) {
                    alert('Por favor, seleccione la cantidad del medicamento.');
                    return false; // No enviar el formulario
                }
                return true;// Permitir el envío del formulario
            }
            function selectMedicamento(text) {
                document.getElementById('nom_medicamento').value = text;
                var displaySpan = document.getElementById('nom_medicamento');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectFormaAdministracion(text) {
                document.getElementById('forma_administracion').value = text;
                var displaySpan = document.getElementById('forma_administracion');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectDosis(text) {
                document.getElementById('milimetraje').value = text;
                var displaySpan = document.getElementById('milimetraje');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectUnidad(text) {
                document.getElementById('unidades').value = text;
                var displaySpan = document.getElementById('unidades');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectCategoria(text) {
                document.getElementById('categoria').value = text;
                var displaySpan = document.getElementById('categoria');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectEnvase(text) {
                document.getElementById('descripcion').value = text;
                var displaySpan = document.getElementById('descripcion');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectPresentacion(text) {
                document.getElementById('presentacion').value = text;
                var displaySpan = document.getElementById('presentacion');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
            function selectCantidad(text) {
                document.getElementById('cantidad').value = text;
                var displaySpan = document.getElementById('cantidad');
                displaySpan.textContent = text; // Actualiza el texto mostrado al usuario
            }
        </script>
    </body>
</html>