{% extends 'htmx_modal.html.twig' %}

{% block title %}Belege hochladen{% endblock %}

{% block content %}
    {% set formAttr = stimulus_controller('form-upload-guard')|stimulus_action('form-upload-guard', 'guard', 'submit') %}
    {{ form_start(form, { 'attr': { 'hx-post': app.request.uri, 'hx-target': '#htmx-modal', 'hx-swap': 'outerHTML' }|merge(formAttr.toArray()) }) }}
    <div class="pb-4">
        Lade hier die Belege zu den Auslagen hoch, die du in deiner Honorarnote aufführst.
    </div>
    <div class="pb-4">
        {% include '_partials/_upload_collection_form.html.twig' with {
            'endpoint_upload': path('_uploader_upload_receipt'),
            'max_filesize': 5,
            'max_files': 10,
            'accepted_files': 'image/jpg,image/jpeg,application/pdf',
        } %}
    </div>
    <button type="submit" class="btn" {{ stimulus_target('form-upload-guard', 'submit') }}>
        Belege speichern
    </button>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}