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

@php
    $classes = 'form-control';
    if ($errors->has($name)) {
        $classes .= ' is-invalid';
    }
@endphp

<div class="form-floating mb-3">
    @if($type === 'textarea')
        <textarea
            name="{{ $name }}"
            id="{{ $name }}"
            class="{{ $classes }}"
            placeholder="{{ $placeholder ?: $label }}"
            @if($required) required @endif
            @if($disabled) disabled @endif
            @if($readonly) readonly @endif
            {{ $attributes }}
        >{{ old($name, $value) }}</textarea>
    @else
        <input 
            type="{{ $type }}"
            name="{{ $name }}"
            id="{{ $name }}"
            class="{{ $classes }}"
            value="{{ old($name, $value) }}"
            placeholder="{{ $placeholder ?: $label }}"
            @if($required) required @endif
            @if($disabled) disabled @endif
            @if($readonly) readonly @endif
            {{ $attributes }}
        >
    @endif
    
    <label for="{{ $name }}">
        {{ $label }}
        @if($required)
            <span class="text-danger">*</span>
        @endif
    </label>

    @error($name)
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>