@props([
    'name',
    'label' => null,
    'help' => null,
    'accept' => null,
    'multiple' => false,
    'required' => false,
    'preview' => null,
    'id' => null,
])

@php
    $id = $id ?? 'field-' . str_replace(['[', ']', '.'], '-', $name);
    $hasError = $errors->has($name);
    $classes = 'form-control' . ($hasError ? ' is-invalid' : '');
    $nameAttr = $multiple ? $name . '[]' : $name;
@endphp

<div {{ $attributes->except(['class'])->merge(['class' => 'form-field ' . $attributes->get('class', '')]) }}>
    @if($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }} @if($required)<span class="form-label__required" aria-hidden="true">*</span>@endif
        </label>
    @endif
    @if($preview)
        <div class="form-file__preview">
            <img src="{{ $preview }}" alt="Preview" class="form-file__preview-img">
        </div>
    @endif
    <input
        type="file"
        name="{{ $nameAttr }}"
        id="{{ $id }}"
        class="{{ $classes }}"
        @if($accept) accept="{{ $accept }}" @endif
        @if($multiple) multiple @endif
        @if($required) required @endif
    >
    @if($help && ! $hasError)
        <small class="form-text">{{ $help }}</small>
    @endif
    @error($name)
        <div class="invalid-feedback d-block">{{ $message }}</div>
    @enderror
</div>