<div id="LimitlessDropzoneTemplate" style="display:none">
    <div dz-container="true" style="flex-grow: 1; min-width:220px;">
        <div class="card-body" style="padding: 7px;">
            <div class="d-flex align-items-start flex-nowrap" style="border: 1px solid #00bcd4; padding:5px;">
                <div style="text-align: center;">
                    <div>
                        <div class="font-weight-semibold mr-2">
                            <div class="card-img-actions" style="width:130px; height:110px;">
                                <a data-dz-source target="_blank" href="#">
                                    <img style="margin:5px; width:120px; height:100px;"
                                         data-dz-thumbnail alt=""
                                    >
                                    <span class="card-img-actions-overlay card-img"><i class="icon-search4 icon-2x"></i></span>
                                </a>
                            </div>
                        </div>
                        <small>
                            <span style="text-transform: uppercase" data-dz-name></span> (<span class="DropzoneFilesize text-muted" data-dz-size></span>)
                        </small>
                    </div>
                </div>
                <div class="list-icons list-icons-extended ml-auto">
                    <a data-dz-delete href="#" class="list-icons-item"><i class="icon-bin text-grey top-0"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div @if($id) id="{{ $id }}" @endif
    class="LimitlessDropzone d-flex flex-wrap align-items-stretch flex-row"
     @if($config) data-config="{{ json_encode($config) }}" @endif
     @if($files) data-files="{{ json_encode($files) }}" @endif
>
    <button style="margin:7px;" class="DropzoneButton btn btn-secondary btn-labeled btn-labeled-left btn-block">
        <b><i class="icon-drawer-in"></i></b> {{ $buttonText }}
    </button>
</div>
