{# Belege backing the Honorarnote. Rendered both while the invoice can still be uploaded and while
   it is being checked - the window is MANAGE_RECEIPTS, not a workflow transition. Must not be
   placed inside the invoice form: the triggers below are their own forms. #}
{% set receipts = disposition.documentsByType('receipt') %}
<div class="pt-8">
    <h3 class="text-lg font-bold pb-2">
        Belege
    </h3>
    <div class="text-sm pb-4">
        Hast du Auslagen in deiner Honorarnote aufgeführt? Dann lade die zugehörigen Belege hier
        hoch. Sie werden nach der Prüfung deiner Honorarnote automatisch gelöscht.
    </div>
    <ul class="list-disc pl-4 pb-4">
        {% for receipt in receipts %}
            <li>
                <div class="flex items-center space-x-4">
                    <span>{{ receipt }}</span>
                    <a href="{{ path('app_common_download', { 'uuid': receipt.uuid, 'inline': true }) }}"
                       target="_blank"
                       title="Beleg öffnen">
                        {{ icon('download', 'w-4 h-4') }}
                    </a>
                    <button type="button"
                            class="text-red-500"
                            title="Beleg löschen"
                            hx-get="{{ path('app_teamer_disposition_receipt_delete', { 'uuid': receipt.uuid }) }}"
                            hx-target="body"
                            hx-swap="beforeend">
                        {{ icon('delete', 'w-4 h-4') }}
                    </button>
                </div>
            </li>
        {% else %}
            <li class="text-sm">
                Du hast bisher keine Belege hochgeladen
            </li>
        {% endfor %}
    </ul>
    <button type="button"
            class="btn"
            title="Beleg hinzufügen"
            hx-get="{{ path('app_teamer_disposition_receipt_upload', { 'uuid': disposition.uuid }) }}"
            hx-target="body"
            hx-swap="beforeend">
        Belege hinzufügen
    </button>
</div>