{% if patient_notes %}
    {% for note in patient_notes %}
    <div class="border-bottom pb-2 mb-2">
        <div class="d-flex justify-content-between align-items-start">
            <div class="flex-grow-1">
                <strong>{{ note.title }}</strong>
                {% if note.is_alert %}
                    <span class="badge bg-danger ms-2">Alert</span>
                {% endif %}
                {% if note.is_confidential %}
                    <span class="badge bg-warning ms-2">Confidential</span>
                {% endif %}
                <div class="text-muted small mt-1">{{ note.content|truncatechars:100 }}</div>
                <div class="text-muted small">
                    {{ note.created_by.get_full_name }} • {{ note.created_at|date:"M d, Y H:i" }}
                </div>
            </div>
            <div>
                {% if note.priority == 'HIGH' %}
                    <span class="badge bg-danger">High</span>
                {% elif note.priority == 'MEDIUM' %}
                    <span class="badge bg-warning">Medium</span>
                {% else %}
                    <span class="badge bg-info">Normal</span>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
{% else %}
    <div class="text-center py-3 text-muted">
        <i class="fas fa-sticky-note fa-2x mb-2"></i>
        <p>No patient notes</p>
    </div>
{% endif %}