@php
    $id = 'f-'.$f['name'];
    $err = $errors->first($f['name']);
    $current = $editing ? ($item->{$f['name']} ? \Illuminate\Support\Facades\Storage::disk('public')->url(\App\Services\Image\ImageService::thumbPath($item->{$f['name']})) : null) : null;
    $required = ! empty($f['required']);
@endphp
<div class="field @if($err) has-error @endif">
    <label class="field__label" for="{{ $id }}">{{ $f['label'] }}@if($required && ! $editing)<span class="req" aria-hidden="true"> *</span>@endif</label>
    <div class="upload">
        @if ($current)
            <div class="upload__current">
                <img src="{{ $current }}" alt="Current image" width="96" height="96">
                @unless ($required)
                    <label class="check check--plain"><input type="checkbox" name="remove_{{ $f['name'] }}" value="1"><span>Remove this image</span></label>
                @endunless
            </div>
        @endif
        <input class="input input--file" id="{{ $id }}" type="file" name="{{ $f['name'] }}" accept="image/jpeg,image/png,image/webp,image/gif" data-preview
               @if($required && ! $editing) required @endif @if($err) aria-invalid="true" @endif aria-describedby="{{ $id }}-d">
        <img class="upload__preview" alt="" width="96" height="96" hidden>
    </div>
    @include('admin.fields._note')
</div>