{% set selectedBoardService = null %}
{% for service in ctx.boardServices %}
    {% if service.id == dto.selectedBoardServiceId %}
        {% set selectedBoardService = service %}
    {% endif %}
{% endfor %}

{% set selectedAdditionalServices = ctx.additionalServices|filter(service => service.id in dto.selectedAdditionalServiceIds) %}

<div class="border border-primary-bg mb-4">
    <div class="p-2 bg-primary-bg uppercase font-semibold">Ausgewählte Leistungen</div>
    <div class="p-2 text-sm">
        <div class="mb-2">
            <span class="text-gray-600 font-semibold">Verpflegung:</span>
            {% if selectedBoardService %}
                {{ selectedBoardService.label }}
                {% if selectedBoardService.price > 0 %}
                    — {{ (selectedBoardService.price / 100)|format_currency(ctx.accommodation.currency) }} pro Person und Nacht
                {% endif %}
                {% if selectedBoardService.description %}
                    <div class="text-xs text-gray-500">{{ selectedBoardService.description|nl2br }}</div>
                {% endif %}
            {% else %}
                Selbstversorgung
            {% endif %}
        </div>

        {% if selectedAdditionalServices is not empty %}
            <div>
                <span class="text-gray-600 font-semibold">Zusatzleistungen:</span>
                <ul class="list-disc list-inside">
                    {% for service in selectedAdditionalServices %}
                        <li>
                            {{ service.label }}
                            — {{ (service.price / 100)|format_currency(ctx.accommodation.currency) }} {{ service.type.label|trans }}
                        </li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
    </div>
</div>