{{-- <div class="">
    {{-- <label for="{{ $id }}" class="block text-sm font-medium leading-6 text-gray-900">{{ $label }}</label> --}}
{{-- <label for="{{ $id }}" class=" text-gray-900">{{ $label }}: </label>
    <input type="{{ $type }}" name="{{ $name }}" id="{{ $id }}" autocomplete="{{ $autocomplete }}"
        class=" text-gray-900 placeholder:text-gray-600 {{ $rounded ? 'rounded-md' : '' }}"
        placeholder="{{ $placeholder }}" value="{{ old($name, $model->$name ?? '') }}" required>
    @error($name)
        <p class="mt-1 text-xs text-red-700 font-semibold">{{ $message }}</p>
    @enderror
</div> --}}

<div class="sm:col-span-4">
    <x-form-label for="{{ $id }}">{{ $label }}:</x-form-label>
    <div class="mt-2">
        <x-form-input type="{{ $type }}" name="{{ $name }}" id="{{ $id }}"
            autocomplete="{{ $autocomplete }}" class=" {{ $rounded ? 'rounded-md' : '' }}"
            placeholder="{{ $placeholder }}" value="{{ old($name, $model->$name ?? '') }}" required />
        <x-form-error name="{{ $name }}" />
    </div>
</div>