@props([
    'label',
    'name',
    'options' => [],
    'placeholder' =>'--- Please Select ---',
    'required' => false,
    'tooltip' => null,
])

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

  <select
    name="{{ $name }}"
    id="{{ $name }}"
    class="form-select @error($name) is-invalid @enderror"
    wire:model.lazy="{{ $attributes->get('wire:model') ?? $name }}"
    @if($tooltip)
      data-bs-toggle="tooltip"
      data-bs-placement="top"
      data-bs-original-title="{{ $tooltip }}"
    @endif
    {{ $attributes->except('wire:model.lazy') }} >
    <option value="">{{ $placeholder }}</option>
    @foreach($options as $key => $option)
      <option value="{{ $key }}" >{{ $option }}</option>
    @endforeach
  </select>

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