{{--
    One control inside a block field: the input, textarea, editor, select or image
    field that matches the field kind. Expects $field, $name, $value and
    $mediaPreview (a url or null, only used for media fields).
--}}
@php
    $kind = $field['kind'] ?? 'text';
    $id = 'pw-'.substr(md5($name), 0, 10);
@endphp

@if ($kind === 'richtext')
    <textarea id="{{ $id }}" name="{{ $name }}" data-wysiwyg>{{ $value }}</textarea>
@elseif ($kind === 'textarea')
    <textarea id="{{ $id }}" name="{{ $name }}" rows="3" class="input">{{ $value }}</textarea>
@elseif ($kind === 'media')
    @include('admin.partials.media-field', ['name' => $name, 'value' => $value, 'url' => $mediaPreview])
@elseif ($kind === 'select')
    <select id="{{ $id }}" name="{{ $name }}" class="input">
        @foreach (($field['options'] ?? []) as $optionValue => $optionLabel)
            <option value="{{ $optionValue }}" @selected((string) $value === (string) $optionValue)>{{ $optionLabel }}</option>
        @endforeach
    </select>
@elseif ($kind === 'number')
    <input id="{{ $id }}" type="number" name="{{ $name }}" class="input" value="{{ $value }}"
           min="{{ (int) ($field['min'] ?? 0) }}" max="{{ (int) ($field['max'] ?? 100) }}">
@elseif ($kind === 'url')
    <input id="{{ $id }}" type="text" name="{{ $name }}" class="input input-mono" value="{{ $value }}"
           placeholder="/shop of https://voorbeeld.nl">
@else
    <input id="{{ $id }}" type="text" name="{{ $name }}" class="input" value="{{ $value }}"
           maxlength="{{ (int) ($field['max'] ?? 255) }}">
@endif