@props([
    'name',
    'label' => null,
    'col' => 12,
    'type' => 'text',
    'id' => null,
    'value' => null,
    'placeholder' => null,
    'required' => false,
    'readonly' => false,
    'disabled' => false,
    'help' => null,
])

@php
    $fieldId = $id ?: str_replace(['[', ']'], '_', $name);
    // Convert bracket notation to dot notation for old() and error keys, e.g. settings[api_token] -> settings.api_token
    $oldKey = preg_replace('/\[(.*?)\]/', '.$1', $name);
    $oldKey = rtrim($oldKey, '.');
    $oldValue = old($oldKey, $value);
    $colClass = 'col-md-' . (int) $col;
    $hasError = $errors->has($oldKey) || $errors->has($name);
@endphp

<div class="{{ $colClass }}">
    <div class="form-group">
        @if ($label)
            <label for="{{ $fieldId }}" class="form-label">
                {{ $label }}
                @if ($required)
                    <span class="text-danger">*</span>
                @endif
            </label>
        @endif

        <input id="{{ $fieldId }}" name="{{ $name }}" type="{{ $type }}" value="{{ $oldValue }}"
            placeholder="{{ $placeholder }}" @if ($required) required @endif
            @if ($readonly) readonly @endif @if ($disabled) disabled @endif
            {{ $attributes->merge(['class' => 'form-control ' . ($hasError ? 'is-invalid' : '')]) }} />

        @if ($help)
            <small class="form-text text-muted">{{ $help }}</small>
        @endif

        @if ($errors->has($oldKey) || $errors->has($name))
            <div class="invalid-feedback d-block">{{ $errors->first($oldKey) ?: $errors->first($name) }}</div>
        @endif
    </div>
</div>