<?php
// ANEXO 2: ATENCIÓN PREHOSPITALARIA
?>
<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="ANEXO_2">

    <!-- ENCABEZADO OFICIAL -->
    <div class="header-anexo2" style="background-color: #D32F2F; color: white; padding: 10px; font-weight: bold;">
        ANEXO 2: ATENCIÓN PREHOSPITALARIA (APH)
    </div>

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

    <div class="msp-container">

        <!-- 1. CRONOLOGÍA DEL EVENTO -->
        <div class="msp-section">
            <div class="msp-section-title">1. CRONOLOGÍA Y UBICACIÓN</div>

            <div class="msp-row">
                <div class="msp-col-4">
                    <label class="msp-field-label">Fecha del Evento</label>
                    <input type="date" class="msp-input" name="fecha_atencion" value="<?php echo date('Y-m-d'); ?>">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Hora Despacho</label>
                    <input type="time" class="msp-input" name="hora_despacho">
                </div>
                <div class="msp-col-4">
                    <label class="msp-field-label">Hora Llegada Escena</label>
                    <input type="time" class="msp-input" name="hora_llegada_escena">
                </div>
                <div class="msp-col-4 msp-mt-10">
                    <label class="msp-field-label">Hora Salida Escena</label>
                    <input type="time" class="msp-input" name="hora_salida_escena">
                </div>
                <div class="msp-col-4 msp-mt-10">
                    <label class="msp-field-label">Hora Llegada Hospital</label>
                    <input type="time" class="msp-input" name="hora_llegada_hospital">
                </div>
            </div>

            <div class="msp-form-group msp-mt-10">
                <label class="msp-field-label">Motivo de Llamada / Despacho</label>
                <textarea class="msp-textarea" name="motivo_llamada" rows="2"
                    placeholder="Trauma, Enfermedad, Paro..."></textarea>
            </div>

            <div class="msp-form-group msp-mt-10">
                <label class="msp-field-label">Escenario / Situación Encontrada</label>
                <textarea class="msp-textarea" name="escenario" rows="2"
                    placeholder="Vía pública, domicilio..."></textarea>
            </div>
        </div>

        <!-- 2. EVALUACIÓN -->
        <div class="msp-section">
            <div class="msp-section-title">2. EVALUACIÓN DEL PACIENTE</div>

            <div class="msp-form-group">
                <label class="msp-field-label">Evaluación Primaria (XABCDE)</label>
                <textarea class="msp-textarea" name="evaluacion_primaria" rows="3"
                    placeholder="Vía aérea, Respiración, Circulación..."></textarea>
            </div>

            <div class="msp-form-group msp-mt-10">
                <label class="msp-field-label">Signos Vitales en Escena</label>
                <textarea class="msp-textarea" name="signos_vitales_escena" rows="2"
                    placeholder="PA, FC, FR, SatO2, Glasgow..."></textarea>
            </div>
        </div>

        <!-- 3. MANEJO -->
        <div class="msp-section">
            <div class="msp-section-title">3. PROCEDIMIENTOS Y MANEJO</div>

            <div class="msp-form-group">
                <label class="msp-field-label">Procedimientos Realizados</label>
                <textarea class="msp-textarea" name="procedimientos_realizados" rows="3"
                    placeholder="Inmovilización, Vía IV, RCP..."></textarea>
            </div>
            <div class="msp-form-group msp-mt-10">
                <label class="msp-field-label">Medicamentos Administrados</label>
                <textarea class="msp-textarea" name="medicamentos_administrados" rows="3"></textarea>
            </div>
        </div>

        <!-- BOTONES -->
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="guardar"
            style="text-align: center; margin-top: 20px; display: none;">
            <button class="btn btn-primary btn-lg msp-btn-primary" type="submit" id="btnGuardarP">
                <i class="fa fa-save"></i> GUARDAR INFORME APH
            </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>