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

<div class="form-group">
    <label for="{{ $name }}" class="form-label">
        {{ $label }}
        @if($required)
            <span class="text-danger">*</span>
        @endif
    </label>

    <input
        type="{{ $type }}"
        name="{{ $name }}"
        id="{{ $name }}"
        placeholder="{{ $placeholder }}"
        class="form-control @error($name) is-invalid @enderror"

        {{-- Supports: wire:model.live / wire:model.lazy / wire:model.blur --}}
        {{ $attributes->whereStartsWith('wire:model') }}

        {{-- Only use old() for non-password fields --}}
        @if($type !== 'password')
            value="{{ old($name) }}"
        @endif

        @if($tooltip)
            data-bs-toggle="tooltip"
            data-bs-placement="top"
            title="{{ $tooltip }}"
        @endif

        {{ $attributes->except(['wire:model', 'wire:model.live', 'wire:model.lazy', 'wire:model.blur']) }}
    />

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