@php /** @var App\Komma\Kms\Core\Attributes\Documents $attribute  */ @endphp
<div id="{{(string) $attribute->getKey()}}-wrapper" dusk="{{(string) $attribute->getKey()}}"  class="entity-attribute entity-attribute-documents @if($errors->has((string) $attribute->getKey())) error @endif {!!$attribute->getStyleClass()!!}"
     data-documents-accept="{{ $attribute->getAccept() }}"
     data-documents-extension-thumbs-folder="{{ $attribute->getExtensionThumbsFolder() }}"
     data-documents-key = "{{ $attribute->getKey() }}"
     data-documents-enable-previews-if-possible = "{{ $attribute->getEnablePreviewsIfPossible() ? 1 : 0 }}"
     data-documents-form-selector = "#entity-form"
     data-documents-wrapper-selector = "#{{(string) $attribute->getKey()}}-wrapper"
     data-documents-max-documents = "{{ $attribute->getMaxDocuments() }}"
     data-documents-is-sortable = "{{ $attribute->getIsSortable() ? 1 : 0 }}"
     data-image-properties = "{{ $imageProperties }}"
     data-sub-folder = "{{ $attribute->getSubFolder() }}"
    @foreach($attribute->getDataAttributes() as $dataAttributeName => $dataAttributeValue)
        {{ $dataAttributeName }}="{{ $dataAttributeValue }}"
    @endforeach
>

    <label for="files">{{ $attribute->getLabelText() }}</label>

    <ul class="files @if($attribute->hasSmallDragAndDropArea()) small-first-input @endif "></ul>

    <div class="drag-and-drop-area @if($attribute->hasSmallDragAndDropArea()) drag-and-drop-area--small @endif ">
        <span class="icon"></span>
        <p>@lang('kms/documents.drag-and-drop.area')</p>
        <p class="or">@lang('kms/documents.drag-and-drop.or')</p>

        <input type="file" name="{{ $attribute->getKey() }}_file_catcher" dusk="{{ $attribute->getKey() }}_file_catcher" @if($attribute->getAccept() !== '') accept="{{ $attribute->getAccept() }}" @endif multiple style="height: initial; width: initial; min-height: initial; text-indent: initial; display: none">
        <button type="button" class="select">@lang('kms/documents.select')</button>
    </div>

    <div class="hidden-input">
        <input type="hidden" name="{{(string) $attribute->getKey()}}-data" value="{{ $attribute->getValue() ?: '{}' }}">
    </div>
</div>