@props(['name' => 'image', 'label' => null, 'currentPath' => null, 'required' => false])

<div class="form-field">
    @if ($label)
        <label for="{{ $name }}">
            {{ $label }}
            @if ($required) <span class="required">*</span> @endif
        </label>
    @endif

    <div class="form-image" data-image-field>
        @if ($currentPath)
            <img class="form-image-preview" src="{{ asset('storage/' . $currentPath) }}" data-preview alt="">
        @else
            <img class="form-image-preview" src="" data-preview alt="" hidden>
        @endif

        <label class="form-image-button">
            <input type="file" name="{{ $name }}" id="{{ $name }}" accept="image/*" @if ($required && ! $currentPath) required @endif data-image-input>
            <span>{{ __('admin.actions.choose_image') }}</span>
        </label>
    </div>

    @error($name)<span class="field-error">{{ $message }}</span>@enderror
</div>