@php
    $id = $id ?? 'file';
    $name = $name ?? 'file';
    $required = (bool) ($required ?? false);
    $disabled = (bool) ($disabled ?? false);
    $accept = $accept ?? null;
    $label = $label ?? 'Drop a file here or click to choose';
    $hint = $hint ?? 'PDF, ZIP, PPTX, and other product files';
@endphp
<div class="fu-drop{{ $disabled ? ' is-disabled' : '' }}" data-file-drop>
    <input
        class="fu-drop__input @error('file') is-invalid @enderror"
        id="{{ $id }}"
        name="{{ $name }}"
        type="file"
        @required($required)
        @disabled($disabled)
        @if ($accept) accept="{{ $accept }}" @endif
    >
    <span class="fu-drop__icon" aria-hidden="true">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
            <path d="M12 16V4m0 0 4 4M12 4 8 8" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M5 16.5V18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
        </svg>
    </span>
    <strong class="fu-drop__title">{{ $label }}</strong>
    <span class="fu-drop__name" data-file-name>{{ $hint }}</span>
</div>
@error('file')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror