@php
    if (!isset($value)) {
        $value = 'id';
    }
    if (!isset($label)) {
        $label = 'name';
    }
    $nameId = str_replace(' ', '', $title);
@endphp

<div>
    <fieldset @class([
        'form-group',
        'is-invalid' => $errors->has($model),
        'my-3',
        isset($class) ? $class : '',
    ])>
        <label for="{{ $nameId }}">{{ $title }}</label>
        <select id="{{ $nameId }}" wire:model.live.change="{{ $model }}" class="form-control select2"
            @disabled(isset($disabled) && $disabled)>
            @if (!isset($null))
                <option value="" disabled>Please Select {{ $title }}</option>
            @else
                <option value="null">{{ $nullTitle ?? 'None' }}</option>
            @endif
            @foreach ($items as $index => $item)
                <option value="{{ $item[$value] }}">{{ getNestedItem($item, $label) }}</option>
            @endforeach
        </select>
        @error($model)
            <div class="text-danger">{{ $message }}</div>
        @endError
    </fieldset>
</div>

<script>
    $(document).ready(function() {
        // $('#{{ $nameId }}').select2();

        // $('#{{ $nameId }}').on('change', function(e) {
        //     var data = $(this).val();
        //     @this.set('{{ $model }}', data);
        //     $('#{{ $nameId }}').select2();
        // });
    });
</script>