@props([
    'name',
    'label',
    'type' => 'text',
    'value' => null,
    'required' => false,
    'placeholder' => ' ',
])

@php
    $id = $attributes->get('id', $name);
    $hasError = $errors->has($name);
    $inputClass = 'form-control' . ($hasError ? ' is-invalid' : '');
@endphp

<div {{ $attributes->only('class')->merge(['class' => 'chm-form-floating form-floating' . ($hasError ? ' is-invalid' : '') . ($value ? ' has-value' : '')]) }}>
    <input
        type="{{ $type }}"
        name="{{ $name }}"
        id="{{ $id }}"
        value="{{ old($name, $value) }}"
        class="{{ $inputClass }}"
        placeholder="{{ $placeholder }}"
        @if($required) required @endif
        {{ $attributes->except(['class', 'id']) }}
    >
    <label for="{{ $id }}">{{ $label }}</label>
    @error($name)
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>