@if ($label) @endif @if ($multiple) {{-- Multiple Selection Mode with Alpine.js --}}
{{-- Unified Input Container with Tags Inside --}}
{{-- Selected Tags Inside Input --}} {{-- Search Input (Borderless, Inside Container) --}}
{{-- Dropdown Options --}}
{{-- Hidden datalist for options --}} {{ $slot }}
@else {{-- Single Selection Mode (Standard HTML5 Datalist) --}} merge(['class' => $defaultClass]) }} @required($required) @readonly($readonly) @disabled($disabled) wire:dirty.class="dark:ring-warning ring-warning" wire:loading.attr="disabled" name="{{ $id }}" @if ($value) value="{{ $value }}" @endif @if ($placeholder) placeholder="{{ $placeholder }}" @endif @if ($attributes->whereStartsWith('wire:model')->first()) {{ $attributes->whereStartsWith('wire:model')->first() }} @else wire:model="{{ $id }}" @endif @if ($instantSave) wire:change="{{ $instantSave === 'instantSave' || $instantSave == '1' ? 'instantSave' : $instantSave }}" wire:blur="{{ $instantSave === 'instantSave' || $instantSave == '1' ? 'instantSave' : $instantSave }}" @endif @if ($autofocus) x-ref="autofocusInput" @endif> {{ $slot }} @endif @error($id) @enderror