<!--Ventana Modal-->
<form method="POST" id="formsaludmental">


<input type="checkbox" id="btns-saludmental">
    <div class="container-modal">
        <div class="content-modal">
            <h2>Tamizaje SALUD MENTAL</h2>
            <hr>
            <label for="email"><b>De las siguientes ingresa el Motivo del Tamizaje SALUD MENTAL</b></label><span class="badge-warning">*</span>
            
            <!-- Contenedor de los textarea -->
            <div class="textarea-container">
                <textarea name="smaltrato" id="smaltrato" required placeholder="SE HA SENTIDO MALTRATADO/A, AGREDIDO/A, RECHAZADO/A O IGNORADO/A, POR PERSONAS CERCANAS O IMPORTANTES PARA USTED.."></textarea>
                <textarea name="sproblemas" id="sproblemas" required placeholder="HA TENIDO PROBLEMAS DE SUEÑO, COMO DIFICULTAD PARA DORMIR, PESADILLAS O DESPERTAR ASUSTADO/A"></textarea>
                <textarea name="ssentidomal" id="ssentidomal" required placeholder="FRECUENTEMENTE SE HA SENTIDO MAL CONSIGO MISMO "></textarea>
                <textarea name="sarrepentido" id="sarrepentido" required placeholder="SE SIENTE ARREPENTIDO/A DE HABER HECHO COSAS DESAGRADABLES O QUE LE HICIERAN DAÑO A OTRA PERSONA "></textarea>
                <textarea name="sabandono" id="sabandono" required placeholder=" ALGUNA VEZ HA TENIDO QUE ABANDONAR LAS ACTIVIDADES A LAS CUALES SE DEDICA (ESTUDIO O TRABAJO) PARA TRABAJAR O HACER COSAS QUE NO LE GUSTAN"></textarea>
                <textarea name="sobligado" id="sobligado" required placeholder=" HA SIDO O ESTÁ SIENDO OBLIGADO/A A REALIZAR COSAS QUE NO QUIERE O NO LE GUSTAN ?"></textarea>
                <textarea name="scuerpo" id="scuerpo" required placeholder=" SE SIENTE A GUSTO CON SU CUERPO"></textarea>
                <textarea name="ssubido" id="ssubido" required placeholder="HA PERDIDO O SUBIDO DE PESO DE MANERA SIGNIFICATIVA EN EL ÚLTIMO MES"></textarea>
                <textarea name="svomito" id="svomito" required placeholder="VOMITA CON FRECUENCIA "></textarea>
                <textarea name="sapetito" id="sapetito" required placeholder="HA TENIDO PROBLEMAS CON EL APETITO RECIENTEMENTE. "></textarea>
                <textarea name="sreconocimiento" id="sreconocimiento" required placeholder="LE CUESTA MUCHO TRABAJO OBTENER EL RECONOCIMIENTO DE MI FAMILIA Y DE MIS AMIGOS/AS "></textarea>
                <textarea name="semborracho" id="semborracho" required placeholder="SE HA EMBORRACHADO MÁS DE UNA VEZ "></textarea>
                <textarea name="ssustancia" id="ssustancia" required placeholder="HA USADO ALGUNA SUSTANCIA PARA CAMBIAR SU ESTADO DE ÁNIMO? "></textarea>
                <textarea name="sbebida" id="sbebida" required placeholder="PRESENTA DIFICULTADES A CAUSA DE LA BEBIDA. "></textarea>
                <textarea name="scigarrillo" id="scigarrillo" required placeholder="FUMA CIGARRILLO O TABACO "></textarea>
                <textarea name="saconsejado" id="saconsejado" required placeholder="ALGUIEN LE HA ACONSEJADO QUE DEJE DE CONSUMIR SUSTANCIAS PSICOACTIVAS "></textarea>
                <textarea name="sbebidaalta" id="sbebidaalta" required placeholder="ALGUNA VEZ ALGUIEN CERCANO A USTED LE HA DICHO QUE HA ESTADO BEBIENDO DEMASIADO LICOR "></textarea>
                <textarea name="sbeberpodido" id="sbeberpodido" required placeholder=" ALGUNA VEZ HA QUERIDO DEJAR DE BEBER, PERO NO HA PODIDO "></textarea>
                <textarea name="saburrido" id="saburrido" required placeholder="SE SIENTE NERVIOSO/A, TENSO/A O ABURRIDO/A "></textarea>
                <textarea name="sfrecuencia" id="sfrecuencia" required placeholder="LLORA USTED CON MUCHA FRECUENCIA "></textarea>
                <textarea name="sactividadesf" id="sactividadesf" required placeholder="TIENE DIFICULTAD EN DISFRUTAR SUS ACTIVIDADES DIARIAS "></textarea>
                <textarea name="stomardecisiones" id="stomardecisiones" required placeholder="TIENE DIFICULTAD PARA TOMAR DECISIONES "></textarea>
                <textarea name="sagresividad" id="sagresividad" required placeholder="SE TORNA AGRESIVO/A O ENOJADO/A CON FRECUENCIA "></textarea>
                <textarea name="sptriste" id="sptriste" required placeholder=" PERMANECE TRISTE "></textarea>
                <textarea name="sptemeroso" id="sptemeroso" required placeholder="PERMANECE TEMEROSO/A "></textarea>
                <textarea name="smuerte" id="smuerte" required placeholder="HA TENIDO O TIENE LA IDEA DE ACABAR CON SU VIDA "></textarea>
                <textarea name="sdano" id="sdano" required placeholder="HA QUERIDO EN ALGÚN MOMENTO HACERSE DAÑO "></textarea>
                <textarea name="saislado" id="saislado" required placeholder="SE SIENTE AISLADO/A, RECHAZADO/A O SOLO/A "></textarea>
                <textarea name="smotiva1" id="smotiva1" required placeholder="CREE O SIENTE QUE NADA LE MOTIVA A SEGUIR ADELANTE "></textarea>
                <textarea name="ssentimiento" id="ssentimiento" required placeholder="SE LE FACILITA EXPRESAR SUS SENTIMIENTOS? "></textarea>
                <textarea name="sdificil" id="sdificil" required placeholder="SI ESTUVIERA EN DIFICULTADES PODRÍA CONTAR CON ALGUIEN "></textarea>
                <textarea name="shabilidad" id="shabilidad" required placeholder="TIENE FACILIDAD PARA RECONOCER SUS HABILIDADES Y CAPACIDADES "></textarea>
                <textarea name="salegreyanimo" id="salegreyanimo" required placeholder="SE HA SENTIDO ALEGRE Y DE BUEN ÁNIMO "></textarea>
                <textarea name="srelajadotranquilidad" id="srelajadotranquilidad" required placeholder="SE HA SENTIDO TRANQUILO/A Y RELAJADO/A "></textarea>
                <textarea name="sactivoenergia" id="sactivoenergia" required placeholder="SE HA SENTIDO ACTIVO/A Y CON ENERGÍA "></textarea>
                <textarea name="sbiendescanso" id="sbiendescanso" required placeholder="SE HA LEVANTADO SINTIÉNDOSE BIEN Y DESCANSADO/A "></textarea>
                <textarea name="smomentointeresante" id="smomentointeresante" required placeholder="SIENTE QUE EN SU VIDA DIARIA HA TENIDO MOMENTOS INTERESANTES "></textarea>

                

            </div>
            
            <input type="hidden" id="csidpa" name="csidpa" value="<?php echo $d->idpa; ?>">
            <input type="hidden" id="csnopa" name="csnopa" value="<?php echo $d->nompa; ?>">
            
            <input type="button" class="registerbtn" name="submit" value="Guardar" onclick="insertarsaludmental();">
        </div>
        
        <label for="btns-saludmental" class="cerrar-modal"></label>
    </div>
</form>
<!--Fin de Ventana Modal-->

<style>
    /* El contenedor general del modal */
    .container-modal {
        width: 100%;
        height: calc(100vh - 60px); /* ajustamos dejando espacio para el menú (ej. 60px) */
        position: fixed;
        top: 60px; /* inicia justo debajo del menú */
        left: 0;
        background-color: rgba(53, 9, 73, 0.8);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 99100;
        overflow-y: auto;
        padding: 20px;
        box-sizing: border-box;
    }

    /* El contenido blanco interno del modal */
    .content-modal {
        background: white;
        padding: 20px;
        border-radius: 10px;
        max-width: 90vw;
        max-height: 90%;
        overflow-y: auto;
        box-sizing: border-box;
    }

    /* Grid con 3 columnas verticales */
    .textarea-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        padding: 10px 0;
    }

    /* Cada textarea */
    .textarea-container textarea {
        width: 100%;
        min-width: 200px;     /* Menor ancho */
        height: 50px;         /* Menor altura */
        resize: vertical;
        padding: 8px;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    /* Botón guardar */
    .registerbtn {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .registerbtn:hover {
        background-color: #45a049;
    }

    /* Botón para cerrar modal (opcional) */
    .cerrar-modal {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 30px;
        cursor: pointer;
    }
</style>
