@props([
    'url' => route('files.upload'),
    'fileId' => null,
    'folderId' => null,
    'modelType' => null,
    'modelId' => null
])

@php
    $attributes = $attributes->class([
        'dropzone',
        'dropzone-single', 
        'dz-clickable'
    ])->merge([
        //
    ]);
@endphp

<div id="dropzone-{{ uniqid() }}"
    {{ $attributes }}
    action='{{ $url }}'
    x-data="alpineDropzoneSingle({{ $fileId }}, {{ $folderId }}, '{{ $modelType}}', {{ $modelId }}, '{{ uniqid() }}')">
    <div class="dz-message text-center" data-dz-message="">
        <span class="dz-message-text text-primary">Glissez un fichier</span>
        <span class="dz-message-or">ou</span>
        <button class="btn btn-primary btn-dim shadow-sm">SELECTIONNER</button>
    </div>
</div>