<?php
// FORMATO MSP-010: SOLICITUD DE LABORATORIO CLÍNICO
?>
<form name="formulariop" id="formulariop" method="POST">
    <input type="hidden" name="idatencion" id="idatencion" value="<?php echo $_POST['idatencion'] ?? ''; ?>">
    <input type="hidden" name="tipo_formato" value="MSP_010">

    <!-- ENCABEZADO OFICIAL -->
    <div class="msp-010-header" style="background-color: #7B1FA2; color: white; padding: 10px; font-weight: bold;">
        LABORATORIO 010
    </div>

    <!-- DATOS DEL PACIENTE -->
    <?php include 'partials/patient_header.php'; ?>

    <div class="msp-container">

        <!-- DATOS GENERALES -->
        <div class="msp-section">
            <div class="msp-row">
                <div class="msp-col-4">
                    <label class="msp-field-label">Fecha Solicitud</label>
                    <input type="date" class="msp-input" name="fecha_solicitud" value="<?php echo date('Y-m-d'); ?>">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Hora</label>
                    <input type="time" class="msp-input" name="hora_solicitud" value="<?php echo date('H:i'); ?>">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Prioridad</label>
                    <select class="msp-select" name="prioridad">
                        <option value="RUTINA">RUTINA</option>
                        <option value="URGENTE">URGENTE</option>
                        <option value="EMERGENCIA">EMERGENCIA</option>
                    </select>
                </div>
            </div>

            <div class="msp-form-group msp-mt-10">
                <label class="msp-field-label">Diagnóstico Presuntivo</label>
                <input type="text" class="msp-input" name="diagnostico_presuntivo" required>
            </div>
        </div>

        <!-- 1. HEMATOLOGÍA -->
        <div class="msp-section">
            <div class="msp-section-title">1. HEMATOLOGÍA Y COAGULACIÓN</div>
            <div class="msp-row">
                <div class="msp-col-12">
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Hematología: Biometría Hemática')"> Biometría Hemática</label>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Hematología: Plaquetas')"> Plaquetas</label>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Hematología: Grupo Sanguíneo')"> Grupo Sanguíneo</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Hematología: TP')">
                        TP</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Hematología: TTP')">
                        TTP</label>
                </div>
                <div class="msp-col-12 msp-mt-10">
                    <textarea class="msp-textarea" name="hematologia" id="hematologia" rows="2"
                        placeholder="Especifique pruebas de hematología..."></textarea>
                </div>
            </div>
        </div>

        <!-- 2. QUÍMICA SANGUÍNEA -->
        <div class="msp-section">
            <div class="msp-section-title">2. QUÍMICA SANGUÍNEA</div>
            <div class="msp-row">
                <div class="msp-col-12">
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Química: Glucosa')">
                        Glucosa</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Química: Urea')">
                        Urea</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Química: Creatinina')">
                        Creatinina</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Química: Ácido Úrico')">
                        Ácido Úrico</label>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Química: Colesterol Total')"> Colesterol Total</label>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Química: Triglicéridos')"> Triglicéridos</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Química: AST/TGO')">
                        AST/TGO</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Química: ALT/TGP')">
                        ALT/TGP</label>
                </div>
                <div class="msp-col-12 msp-mt-10">
                    <textarea class="msp-textarea" name="quimica_sanguinea" id="quimica_sanguinea" rows="2"
                        placeholder="Especifique pruebas de química..."></textarea>
                </div>
            </div>
        </div>

        <!-- 3. UROANÁLISIS Y COPROLÓGICO -->
        <div class="msp-section">
            <div class="msp-row">
                <div class="msp-col-6">
                    <div class="msp-section-title">3. UROANÁLISIS</div>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Orina: Elemental y Microscópico')"> Elemental y Microscópico</label>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Orina: Gram de Gota Fresca')"> Gram de Gota Fresca</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Orina: Proteinuria')">
                        Proteinuria</label>
                    <textarea class="msp-textarea msp-mt-10" name="uroanalisis" id="uroanalisis" rows="2"
                        placeholder="Pruebas de orina..."></textarea>
                </div>
                <div class="msp-col-6">
                    <div class="msp-section-title">4. COPROLÓGICO</div>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Heces: Coproparasitario')"> Coproparasitario</label>
                    <label class="msp-checkbox-label"><input type="checkbox" onclick="addExam('Heces: Sangre Oculta')">
                        Sangre Oculta</label>
                    <label class="msp-checkbox-label"><input type="checkbox"
                            onclick="addExam('Heces: Polimorfonucleares')"> Polimorfonucleares</label>
                    <textarea class="msp-textarea msp-mt-10" name="coprologico" id="coprologico" rows="2"
                        placeholder="Pruebas de heces..."></textarea>
                </div>
            </div>
        </div>

        <!-- 5. OTROS -->
        <div class="msp-section">
            <div class="msp-section-title">5. OTROS EXÁMENES (Inmunología, Hormonas, etc.)</div>
            <textarea class="msp-textarea" name="otros_examenes" rows="3"
                placeholder="Otros exámenes requeridos..."></textarea>
        </div>

        <div class="msp-row">
            <div class="msp-col-12" style="text-align: right;">
                <label class="msp-checkbox-label">
                    <input type="checkbox" name="muestras_tomadas" value="1">
                    Muestras Tomadas en Consultorio
                </label>
            </div>
        </div>

        <!-- BOTONES -->
        <!-- BOTONES OCULTOS -->
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="guardar" style="display: none;">
            <button class="btn btn-primary btn-lg msp-btn-primary" type="submit" id="btnGuardarP">
                <i class="fa fa-save"></i> GUARDAR LABORATORIO 010
            </button>
            <button class="btn btn-danger btn-lg msp-btn-danger" onclick="cancelarform()" type="button">
                <i class="fa fa-arrow-circle-left"></i> Cancelar
            </button>
        </div>

    </div>
</form>

<script>
    // Helper simple para agregar texto a los textareas al hacer click en checkboxes
    // Nota: Esta es una lógica básica de UI, se puede mejorar.
    function addExam(examName) {
        // Determinar categoría y textarea destino
        let targetId = '';
        if (examName.includes('Hematología')) targetId = 'hematologia';
        else if (examName.includes('Química')) targetId = 'quimica_sanguinea';
        else if (examName.includes('Orina')) targetId = 'uroanalisis';
        else if (examName.includes('Heces')) targetId = 'coprologico';

        let textarea = document.getElementById(targetId);
        if (textarea) {
            let current = textarea.value;
            let cleanName = examName.split(': ')[1];
            if (!current.includes(cleanName)) {
                textarea.value = current + (current.length > 0 ? ', ' : '') + cleanName;
            }
        }
    }
</script>