{% for event in events %}
    <div class="card-body">
        <div class="card-text">
            <div class="d-flex justify-content-between">
                <span><b>{{ event['title'] }}</b></span>
                <span>{{ event['updated_at'] }}</span>
            </div>
            {% if event['change'] is defined %}
            <div>
                <span class="badge bg-custom-primary">{{ event['change'] }} </span>
            </div>    
            {% endif %}
        </div>
    </div>
{% else %}
    <div class="card card-body no-history-card text-bg-light p-3 mt-3 text-center">
        No hay historial de eventos asociados a esta venta.
    </div>
{% endfor %}