{% load ui_assets %}
{% ui_require_asset "trellis:direct-upload" %}

<c-vars name=""
        value=""
        control_id=""
        start_url=""
        complete_url=""
        purpose=""
        accept=""
        preview="auto"
        required="False"
        disabled="False"
        invalid="False"
        existing_name=""
        existing_size=""
        existing_type=""
        existing_url=""
        class="" />
<div data-ui-direct-upload
     data-start-url="{{ start_url }}"
     data-complete-url="{{ complete_url }}"
     data-purpose="{{ purpose }}"
     x-data="UiDirectUpload">
    <input type="hidden" name="{{ name }}" value="{{ value }}" data-ui-direct-upload-value>
    <c-ui.file-upload id="{{ control_id }}"
                      name="{{ name }}__file"
                      accept="{{ accept }}"
                      preview="{{ preview }}"
                      transport="direct"
                      max_items="1"
                      required="{{ required }}"
                      disabled="{{ disabled }}"
                      invalid="{{ invalid }}"
                      existing_name="{{ existing_name }}"
                      existing_size="{% if existing_size %}{{ existing_size|filesizeformat }}{% endif %}"
                      existing_type="{{ existing_type }}"
                      existing_url="{{ existing_url }}"
                      class="{{ class }}"
                      :attrs="attrs"
                      x-ui-transition:uploading="upload($transition, id => file(id))" />
</div>