@props(['name','label','accept'=>'','required'=>false,'help'=>'','preview'=>null,'button'=>'Choose file'])
@php($uploadId='upload-'.\Illuminate\Support\Str::uuid())
<div class="file-upload-field" data-file-upload>
    <label for="{{ $uploadId }}">{{ $label }}</label>
    @if($preview)<img class="saved-brand-preview" src="{{ $preview }}" alt="Saved {{ strtolower($label) }}"><p class="hint">Saved image. Choose a file only to replace it.</p>@endif
    <div class="profile-upload">
        <input id="{{ $uploadId }}" type="file" name="{{ $name }}" accept="{{ $accept }}" @required($required) {{ $attributes }} aria-label="{{ $label }}" aria-describedby="{{ $uploadId }}-help">
        <label for="{{ $uploadId }}" class="button secondary"><x-icon name="file"/>{{ $preview ? 'Replace image' : $button }}</label>
        <span data-file-name aria-live="polite">No new file selected</span>
    </div>
    <small id="{{ $uploadId }}-help">{{ $help }}</small>
</div>