@props(['name', 'label' => null, 'type' => 'text', 'value' => null, 'hint' => null, 'required' => false, 'options' => null, 'placeholder' => null])
@php $id = $attributes->get('id', $name); @endphp
<div class="field {{ $errors->has($name) ? 'invalid' : '' }}">
    @if ($label)
        <label for="{{ $id }}">{{ $label }}@if ($required)<span aria-hidden="true" style="color:var(--negative)"> *</span>@endif</label>
    @endif

    @if ($type === 'select')
        <select id="{{ $id }}" name="{{ $name }}" @required($required) {{ $attributes->except(['id']) }}>
            @foreach ($options as $key => $text)
                <option value="{{ $key }}" @selected((string) old($name, $value) === (string) $key)>{{ $text }}</option>
            @endforeach
        </select>
    @elseif ($type === 'textarea')
        <textarea id="{{ $id }}" name="{{ $name }}" placeholder="{{ $placeholder }}" @required($required) {{ $attributes->except(['id']) }}>{{ old($name, $value) }}</textarea>
    @else
        <input id="{{ $id }}" name="{{ $name }}" type="{{ $type }}" value="{{ old($name, $value) }}"
               placeholder="{{ $placeholder }}" @required($required) {{ $attributes->except(['id']) }}>
    @endif

    @error($name)<div class="error">{{ $message }}</div>@enderror
    @if ($hint && ! $errors->has($name))<div class="hint">{{ $hint }}</div>@endif
</div>