@props(['id', 'route', 'model', 'values' => null, 'placeholder' => ''])

@php
    $items = [];

    if ($values) {
        $items = $model::search($values, true); // Змінено $value на $values
    }
@endphp

<select id="{{ $id }}" {!! $attributes->merge(['class' => 'form-element']) !!}>
    @if ($items)
        @foreach ($items as $item)
            <option value="{{ $item['id'] }}">{{ $item['text'] }}</option>
        @endforeach
    @endif
</select>

<script type="module">
    // Для кожного інпуту Select2
    $("#{{ str_replace('.', '\\\\.', $id) }}").select2({
        placeholder: '{{ $placeholder }}',
        allowClear: true,
        multiple: false,
        width: '100%',
        ajax: {
            url: '{{ $route }}', // Використовуємо переданий роут
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    q: params.term
                };
            },
            processResults: function(data) {
                return {
                    results: data
                };
            },
        },
        minimumInputLength: 1,
   }).on('change', function(e) {
    @this.set($(this).attr('id'), $(this).val());
    });

</script>