{% load i18n creme_widgets %}
<div class="card-info-field">
    <span class='card-info-key'>{% translate 'Next action' %}</span>
    {% with next_activity=summary.activity %}
    <span class='card-info-value next-action-value'>
      {% if next_activity %}
        {% widget_icon instance=next_activity size='brick-hat-card-summary' %}
        <span class="next-action-type">{{next_activity.type}}</span>
        <a href="{{next_activity.get_absolute_url}}"><span class="history-info-value">{{next_activity.start|date:'DATE_FORMAT'}}</span>{% if next_activity.floating_type == next_activity.FloatingType.NARROW %} {% translate 'at' %} <span class="history-info-value">{{next_activity.start|time:'H:i'}}</span>{% endif %}</a>
      {% else %}
        —
      {% endif %}
    </span>
    {% endwith %}
</div>