@if(isset($label))
    <label for="{{ $name }}" class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-400">{{ $label }}</label>
@endif
<input
    type="file"
    @if (isset($multiple)) multiple @endif
    label="{{ __('global.drop-file.label') }}"
    help="{{ __('global.drop-file.help', ['extensions' => $extensions ?? 'jpg,png, jpeg']) }}"
    name="{{ $name }}"
    is="drop-files"
/>    @error($name)
<span class="mt-2 text-sm text-red-500">
            {{ $message }}
        </span>
@enderror
@if (isset($help))
    <p class="text-sm text-gray-500 mt-2">{{ $help }}</p>
@endif
@if (isset($canRemove))
<div class="flex">
    <input type="checkbox" value="true"
           class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-gray-800 dark:border-gray-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
           id="remove_{{ $name }}" name="remove_{{ $name }}" {{ $checked ?? false ? 'checked' : '' }}>
    <label for="remove_{{ $name }}" class="text-sm text-gray-500 ms-3 dark:text-gray-400">{{ __('global.clicktoremove') }}</label>
</div>
@endif