{% load i18n %}
{% if patient or fallback_name or fallback_mrn or fallback_phone %}
<section class="bg-white rounded-2xl p-6 shadow-sm border border-slate-100 mt-6">
    <h3 class="font-bold text-navy mb-3 flex items-center gap-2">
        <i data-lucide="user" class="w-4 h-4"></i> {% trans "Patient" %}
    </h3>
    <div class="flex items-center gap-4 text-sm flex-wrap">
        {% if patient %}
        <span class="font-bold text-navy">{{ patient.get_full_name|default:"-" }}</span>
        {% elif fallback_name %}
        <span class="font-bold text-navy">{{ fallback_name }}</span>
        {% endif %}

        {% if patient.mrn or fallback_mrn %}
        <span class="text-slate">|</span>
        <span class="text-slate">{% trans "MRN:" %}
            <span class="font-medium text-navy">{% if patient %}{{ patient.mrn }}{% else %}{{ fallback_mrn }}{% endif %}</span>
        </span>
        {% endif %}

        {% with phone=patient.phone|default:fallback_phone %}
        {% if phone %}
        <span class="text-slate">|</span>
        <span class="text-slate flex items-center gap-1">
            <i data-lucide="phone" class="w-3 h-3"></i> {{ phone }}
        </span>
        {% endif %}
        {% endwith %}
    </div>
</section>
{% endif %}