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

<div class="mb-4">
    @if($label)
        <label for="{{ $name }}" class="block mb-2 text-lg font-medium text-brand-text">{{ $label }}</label>
    @endif
    
    <input 
        type="{{ $type }}" 
        name="{{ $name }}" 
        id="{{ $name }}" 
        value="{{ old($name, $value) }}" 
        {{ $required ? 'required' : '' }}
        {{ $readonly ? 'readonly' : '' }}
        placeholder="{{ $placeholder }}"
        {{ $attributes->merge(['class' => "w-full border border-brand-light-gray rounded-lg p-3 shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 $class"]) }}
    >

    @error($name)
        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
    @enderror
</div>