<?php
// FORMATO MSP-012: SOLICITUD DE IMAGENOLOGÍA
?>
<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_012">

    <!-- ENCABEZADO OFICIAL -->
    <div class="msp-012-header" style="background-color: #263238; color: white; padding: 10px; font-weight: bold;">
        IMAGENOLOGIA 012
    </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-8">
                    <label class="msp-checkbox-label">
                        <input type="checkbox" name="puede_movilizarse" value="1" checked>
                        Paciente puede movilizarse al servicio de imagen
                    </label>
                </div>
            </div>
        </div>

        <!-- TIPO DE ESTUDIO -->
        <div class="msp-section">
            <div class="msp-section-title">1. TIPO DE ESTUDIO SOLICITADO</div>
            <div class="msp-row">
                <div class="msp-col-3">
                    <label class="msp-field-label">Rayos X (RX)</label>
                    <div class="msp-form-group">
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('RX Tórax PA/Lat')">
                            Tórax</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('RX Abdomen')">
                            Abdomen</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('RX Columna')">
                            Columna</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('RX Extremidades')">
                            Extremidades</label>
                    </div>
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Ecografía (ECO)</label>
                    <div class="msp-form-group">
                        <label class="msp-checkbox-label"><input type="checkbox"
                                onclick="setStudy('ECO Abdominal Sup')"> Abdominal Sup.</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('ECO Pélvica')">
                            Pélvica</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('ECO Obstétrica')">
                            Obstétrica</label>
                        <label class="msp-checkbox-label"><input type="checkbox"
                                onclick="setStudy('ECO Partes Blandas')"> Partes Blandas</label>
                    </div>
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Tomografía (TAC)</label>
                    <div class="msp-form-group">
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('TAC Simple')">
                            Simple</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('TAC Contrastada')">
                            Contrastada</label>
                    </div>
                </div>
                <div class="msp-col-3">
                    <label class="msp-field-label">Resonancia (RMN)</label>
                    <div class="msp-form-group">
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('RMN Simple')">
                            Simple</label>
                        <label class="msp-checkbox-label"><input type="checkbox" onclick="setStudy('RMN Contrastada')">
                            Contrastada</label>
                    </div>
                </div>
            </div>

            <div class="msp-row msp-mt-10">
                <div class="msp-col-6">
                    <label class="msp-field-label">Tipo de Estudio (Resumen)</label>
                    <input type="text" class="msp-input" name="tipo_estudio" id="tipo_estudio"
                        placeholder="Ej: RX Tórax">
                </div>
                <div class="msp-col-6">
                    <label class="msp-field-label">Región Anatómica / Especificaciones</label>
                    <input type="text" class="msp-input" name="region_anatomica" id="region_anatomica"
                        placeholder="Ej: Hemitórax derecho, proyección lateral...">
                </div>
            </div>
        </div>

        <!-- MOTIVO Y DATOS CLÍNICOS -->
        <div class="msp-section">
            <div class="msp-section-title">2. MOTIVO Y DATOS CLÍNICOS</div>
            <div class="msp-form-group">
                <label class="msp-field-label">Motivo de Solicitud</label>
                <textarea class="msp-textarea" name="motivo_solicitud" rows="3" required
                    placeholder="Describa el motivo..."></textarea>
            </div>

            <div class="msp-form-group msp-mt-10">
                <label class="msp-field-label">Datos Clínicos Relevantes</label>
                <textarea class="msp-textarea" name="datos_clinicos_relevantes" rows="3"
                    placeholder="Antecedentes, hallazgos físicos..."></textarea>
            </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 IMAGENOLOGIA 012
            </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>
    function setStudy(studyName) {
        let input = document.getElementById('tipo_estudio');
        if (input) {
            let current = input.value;
            if (!current.includes(studyName)) {
                input.value = current + (current.length > 0 ? ', ' : '') + studyName;
            }
        }
    }
</script>