{% load ui_props %}

<c-vars label=""
        description=""
        description_trailing=""
        error=""
        errors=""
        badge=""
        field_class=""
        required="False"
        disabled="False"
        invalid="False"
        transport="native"
        name="" />
<c-ui.field name="{{ name }}"
            label="{{ label }}"
            description="{{ description }}"
            description_trailing="{{ description_trailing }}"
            error="{{ error }}"
            :errors="errors"
            badge="{{ badge }}"
            required="{{ required }}"
            disabled="{{ disabled }}"
            invalid="{{ invalid }}"
            class="{{ field_class }}">
    {% if slot %}
        <c-ui.file-upload.control name="{{ name }}"
                                  required="{{ required }}"
                                  disabled="{{ disabled }}"
                                  invalid="{% if invalid|ui_bool or error or errors %}True{% else %}False{% endif %}"
                                  transport="{{ transport }}"
                                  :attrs="attrs">
            <c-slot name="item_template">{{ item_template }}</c-slot>
            {{ slot }}
        </c-ui.file-upload.control>
    {% else %}
        <c-ui.file-upload.control name="{{ name }}"
                                  required="{{ required }}"
                                  disabled="{{ disabled }}"
                                  invalid="{% if invalid|ui_bool or error or errors %}True{% else %}False{% endif %}"
                                  transport="{{ transport }}"
                                  :attrs="attrs">
            <c-slot name="item_template">{{ item_template }}</c-slot>
        </c-ui.file-upload.control>
    {% endif %}
</c-ui.field>