<div style="margin: 0px 5%; padding: 10px; border: 2px solid {{ style.frameColor }}; margin-bottom:10px; position:relative;">
<div style="position: absolute; top: 4px; right: 4px;">
    <a href="x-kmail:/bodypart/0//semanticAction">{% icon "view-calendar" small _("Add reservation to calendar.") %}</a>
</div>
{% for item in data %}
    {% if item.className == "FlightReservation" %}
        {% include ":/org.kde.messageviewer/semantic/flightreservation.html" %}
    {% elif item.className == "LodgingReservation" %}
        {% include ":/org.kde.messageviewer/semantic/lodgingreservation.html" %}
    {% endif %}
    {% if not forloop.last %}
        <hr/>
    {% endif %}
{% endfor %}
</div>
