@props([
    'searchable',
    'value',
    'options',
    'name',
    'id',
    'label',
    'placeholder',
    'hasPlaceholder',
    'required',
    'param',
    'titleKey',
    'iclass', 'nolabel',
    'append',
    'prepend',
    'disabled',
    'readonly'
])

@php
    $searchable = isset($searchable) ? $searchable: false;
    $value = isset($value) ? $value ?? '': '';
    $options = toObject(isset($options) ? $options: []);
    $wire = getWireAttributes($attributes);
@endphp
<div class="mb-3">
    @if(isset($prepend) || isset($append))
    <div class="input-group">
        {{ $prepend ?? '' }}
    @endif
    @if (!isset($nolabel))
        <label for="{{ $name }}">{{ $label }} @isset($required) <small class="text-danger">*</small> @endisset</label>
    @endif
    <select name="{{ $name }}" id="{{ $id ?? $name }}"
        class="form-select @error($name) is-invalid @enderror @if ($searchable) dselect @endif {{ $iclass ?? '' }}"
        @if ($searchable) data-dselect-search="true" @endif
        {!! $wire !!} {{ !isset($required) ?: 'required' }}
        @isset ($disabled) disabled @endif
        @isset ($readonly) readonly=readonly @endif>
        @isset($hasPlaceholder)
            <option value="" {{ $value == "" ? 'selected' : '' }}>@lang('Select') {{ $label }}</option>
        @endisset
        @foreach ($options as $option)
            <option value="{{ isset($param) ? $option->$param:$option->id }}" {{ (isset($param) ? $option->$param:$option->id) == old($name, $value) ? 'selected':'' }}>{{ ucfirst(isset($titleKey) ? $option->$titleKey:$option->name) }}</option>
        @endforeach
    </select>
    @if(isset($append) || isset($prepend))
        {{ $append ?? '' }}
    </div>
    @endif
    @error($name)
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror
</div>
@push('stylesheets')
    <style>
        .form-select {
            text-align: left !important;
        }
        .dselect .dropdown-menu{
            padding: 0 !important;
            width: 100%;
        }
    </style>
@endpush