@props([
    'id' => null,
    'name',
    'label' => ucfirst($name),
    'type' => 'text',
    'value' => old($name),
    'required' => false,
])

@php
    $id = $id ?? $name;
@endphp

<div>
    <label for="{{ $id }}" class="block text-sm font-medium text-gray-700">
        {{ $label }}{{ $required ? ' *' : '' }}
    </label>
    <input
        type="{{ $type }}"
        name="{{ $name }}"
        id="{{ $id }}"
        value="{{ $value }}"
        {{ $required ? 'required' : '' }}
        {{ $attributes->merge(['class' => 'form-input w-full mt-1 rounded border-gray-300 shadow-sm']) }}
    >
    @error($name)
        <span class="text-sm text-red-500">{{ $message }}</span>
    @enderror
</div>