<div class="msp-patient-header"
    style="background: linear-gradient(135deg, #00ACC1 0%, #0097A7 100%) !important; color: #ffffff !important; padding: 15px 20px; border-radius: 4px; margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
    <div class="msp-patient-info">
        <div class="msp-patient-field">
            <strong>Paciente:</strong> <span id="lbl_paciente"></span>
        </div>
        <div class="msp-patient-field">
            <strong>Documento:</strong> <span id="lbl_documento"></span>
        </div>
        <div class="msp-patient-field">
            <strong>Edad:</strong> <span id="lbl_edad"></span>
        </div>
        <div class="msp-patient-field">
            <strong>Historia Clínica:</strong> <span id="lbl_hc"></span>
        </div>
        <div class="msp-patient-field">
            <strong>Sexo:</strong> <span id="lbl_sexo"></span>
        </div>
        <div class="msp-patient-field">
            <strong>Tipo Sangre:</strong> <span id="lbl_sangre"></span>
        </div>
    </div>
</div>

<script>
    // Script simple para poblar los datos si ya existen en el formulario principal
    // Se ejecuta al cargar el parcial (via AJAX o include)
    $(document).ready(function () {
        // Mapeo de IDs del formulario padre (atencion.php) a este parcial
        if ($('#paciente').val()) $('#lbl_paciente').text($('#paciente').val());
        if ($('#documento').val()) $('#lbl_documento').text($('#documento').val());

        // Edad (calculada) - Asumimos que viene del backend o se calcula en JS
        if ($('#edad').val()) $('#lbl_edad').text($('#edad').val());

        // Historia Clínica - Asumiendo que el documento es la HC por defecto o hay un campo especifico
        // El usuario pidió HC secuencial, que viene en data.historia_clinica del AJAX
        if ($('#historia_clinica').length && $('#historia_clinica').val()) {
            $('#lbl_hc').text($('#historia_clinica').val());
        } else {
            // Fallback al documento si no hay HC
            if ($('#documento').val()) $('#lbl_hc').text($('#documento').val());
        }

        // Sexo y Sangre si están disponibles en campos ocultos del padre
        if ($('#sexo').val()) $('#lbl_sexo').text($('#sexo').val());
        if ($('#tipo_sangre').val()) $('#lbl_sangre').text($('#tipo_sangre').val());
    });
</script>