@props(['name', 'label', 'mandatory' => false, 'disabled' => false])

<label for="{{ $name }}" class="inline-block mb-2 text-base font-medium">
    {{ $label ?? $slot }}
    @if($mandatory)
        <span class="text-red-500">*</span>
    @endif
</label>

<input
    type="text"
    name="{{ $name }}"
    id="{{ $name }}"
    placeholder="{{ $label }}"
    {{ $disabled ? 'disabled' : '' }}
    {{ $attributes->merge(['class' => 'form-control form-input w-full' . ($errors->has($name) ? ' border-red-500' : '')]) }}
>

<p id="{{ $name }}Error" class="mt-1 text-sm text-red-500 error"></p>

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