@if ($label !== false)
    @php
    $divclose = '</div>';
    $optional = ($optional) ? ' <small class="text-muted">( Opsional )</small>' : '';
    @endphp

    <div class="form-group {{ @$errors->has(@$attributes['name']) ? 'has-error' : '' }}">
        <label>{{ $label }}{!! $optional !!}</label>
@endif

<select {{ $attributes->merge(['class' => 'set-select2']) }} {{ $disabled ? 'disabled' : '' }}>
    <option value=""></option>

    @foreach ($option as $value => $label)
        @php
            $selected = $value == $old ? ' selected' : '';
        @endphp

        <option value="{{ $value }}"{{ $selected }}>{{ $label }}</option>
    @endforeach
</select>

@if (!empty($info))
    <small class="text-muted">{{ $info }}</small>
@endif
@if (@$errors->has(@$attributes['name']) && $label !== false)
    @foreach ($errors->get(@$attributes['name']) as $message)
        <p class="text-danger">{{ ucfirst($message) }}</p>
    @endforeach
@endif
{!! @$divclose !!}

{{-- @push('styles')
    @once
    <link rel="stylesheet" href="{{ asset('vendor/select2/css/select2.min.css') }}">
    @endonce
@endpush --}}

@push('scripts')
    @once
        {{-- <script src="{{ asset('vendor/select2/js/select2.full.min.js') }}"></script> --}}

        <script>
            $(document).ready(function() {
                $("#{{@$attributes['id']}}").select2({
                    placeholder: "Pilih Kelurahan",
                    multiple: false,
                    minimumInputLength: 1,
                    ajax: {
                        url: "{{ $urlRegional }}",
                        dataType: 'json',
                        // quietMillis: 250,
                        data: function(term, page) {
                            return {
                                q: term,
                            };
                        },
                        processResults: function(data, page) {

                            return {
                                results: data
                            };
                        },
                        cache: true
                    },

                });


            })
            $(document).on('select2:open', (e) => {
                const selectId = e.target.id;
                $(".select2-search__field[aria-controls='select2-" + selectId + "-results']").each(function(key,
                    value, ) {
                    value.focus();
                });
            });
        </script>
    @endonce
@endpush