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

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

  <input
    type="{{ $type }}"
    name="{{ $name }}"
    id="{{ $name }}"
    placeholder="{{ $placeholder }}"
    class="form-control @error($name) is-invalid @enderror"
    wire:model.blur="{{ $attributes->get('wire:model') ?? $name }}"
    value="{{ old($name) }}"
    @if($tooltip)
      data-bs-toggle="tooltip"
      data-bs-placement="top"
      data-bs-original-title="{{ $tooltip }}"
    @endif
    {{ $attributes->except('wire:model') }}
  />

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