@props([
    'name'           => '',
    'id'             => null,
    'lookupUrl'      => '',        // Full URL to the AJAX lookup endpoint
    'lookupType'     => 'scheme_name', // scheme_name | adp | uid
    'selectedValue'  => null,
    'selectedText'   => null,
    'placeholder'    => 'Search...',
    'required'       => false,
    'disabled'       => false,
    'allowClear'     => true,
    'multiple'       => false,
    'extraParams'    => [],        // Additional query params forwarded with every AJAX call
    'syncOnly'       => false,     // When true, this select syncs but does NOT post its own name
    'mergeFormParams'=> true,      // When false, do not merge parent form fields into AJAX (use for large forms)
    'inputClass'     => '',
])

@php
    $fieldId = $id;
    if ($fieldId === null || $fieldId === '') {
        $fieldId = ($name !== null && $name !== '') ? $name : null;
    }
    if ($fieldId === null || $fieldId === '') {
        $fieldId = 'pms-s2-'.preg_replace('/[^a-z0-9_-]+/i', '-', (string) $lookupType).'-'.substr(sha1((string) $lookupUrl.'|'.(string) $lookupType.'|'.(string) $placeholder), 0, 8);
    }
@endphp

<select
    @if (!$syncOnly) name="{{ $name }}{{ $multiple ? '[]' : '' }}" @endif
    id="{{ $fieldId }}"
    class="pms-select2-lookup {{ $inputClass }}"
    data-lookup-url="{{ $lookupUrl }}"
    data-lookup-type="{{ $lookupType }}"
    data-selected-value="{{ is_array($selectedValue) ? json_encode($selectedValue) : ($selectedValue ?? '') }}"
    data-selected-text="{{ $selectedText ?? '' }}"
    data-multiple="{{ $multiple ? 'true' : 'false' }}"
    data-allow-clear="{{ $allowClear ? 'true' : 'false' }}"
    data-extra-params='@json($extraParams)'
    data-merge-form-params="{{ $mergeFormParams ? 'true' : 'false' }}"
    data-placeholder="{{ $placeholder }}"
    @if ($required) required @endif
    @if ($disabled) disabled @endif
    @if ($multiple)  multiple @endif
    {{ $attributes }}
>
    @if (!$multiple)
        <option value="">{{ $placeholder }}</option>
    @endif
</select>

@once
    @push('scripts')
    <script>
    /**
     * PMS Select2 Lookup – AJAX paginated dropdown initialiser.
     * Mirrors the Khambaty select2-lookup component, simplified for PMS.
     */
    (function () {
        'use strict';

        /**
         * Initialise a single .pms-select2-lookup element.
         *
         * @param {jQuery} $el
         * @param {object} [extraParamsOverride]
         */
        window.pmsInitSelect2Lookup = window.pmsInitSelect2Lookup || function ($el, extraParamsOverride) {
            if (!$el || !$el.length) return;
            if (typeof $.fn.select2 !== 'function') {
                return false;
            }

            var lookupUrl    = $el.data('lookup-url') || '';
            var lookupType   = $el.data('lookup-type') || 'scheme_name';
            var selectedVal  = $el.data('selected-value');
            var selectedTxt  = $el.data('selected-text') || '';
            var isMultiple   = $el.data('multiple') === 'true' || $el.prop('multiple');
            var allowClear   = $el.data('allow-clear') !== false && $el.data('allow-clear') !== 'false';
            var placeholder  = $el.data('placeholder') || $el.find('option[value=""]').first().text() || 'Search...';
            var extraParams  = extraParamsOverride || $el.data('extra-params') || {};
            var mergeFormParams = $el.data('merge-form-params') !== false && $el.data('merge-form-params') !== 'false';
            var forceLocked = $el.hasClass('pci-scheme-locked') || !!window.pciProjectLockedFromCookie;

            // Destroy previous instance if reinitialising
            if ($el.hasClass('select2-hidden-accessible')) {
                try { $el.select2('destroy'); } catch (e) {}
            }

            if (forceLocked) {
                allowClear = false;
                $el.prop('disabled', true);
                $el.data('allow-clear', false);
                $el.attr('data-allow-clear', 'false');
            }

            var $lookupContainer = null;

            var s2Opts = {
                theme: 'bootstrap4',
                width: '100%',
                placeholder: placeholder,
                allowClear: forceLocked ? false : allowClear,
                multiple: isMultiple,
                closeOnSelect: !isMultiple,
                disabled: $el.prop('disabled') || $el.prop('readonly') || forceLocked,
                dropdownParent: $(document.body),
                language: {
                    searching: function () { return 'Loading schemes…'; },
                    loadingMore: function () { return 'Loading more schemes…'; },
                    inputTooShort: function () { return 'Type to search schemes'; },
                    noResults: function () { return 'No schemes found'; },
                    errorLoading: function () { return 'Could not load schemes'; }
                },
                ajax: {
                    url: lookupUrl,
                    type: 'GET',
                    dataType: 'json',
                    delay: 250,
                    data: function (s2p) {
                        var params = {
                            lookup_type: lookupType,
                            search: s2p.term || '',
                            page: s2p.page || 1,
                        };
                        // Merge static extra params
                        if (extraParams && typeof extraParams === 'object' && !Array.isArray(extraParams)) {
                            $.each(extraParams, function (k, v) { params[k] = v; });
                        }

                        try {
                            var qs = new URLSearchParams(window.location.search);
                            if (qs.get('show_approved_schemes') === '1' && params.show_approved_schemes === undefined) {
                                params.show_approved_schemes = '1';
                            }
                            if (!params.context && qs.get('context')) {
                                params.context = qs.get('context');
                            }
                        } catch (e) {}

                        if (lookupType === 'plan_location') {
                            var $locForm = $el.closest('form');
                            var regionVals = [];
                            if ($locForm.length) {
                                var $region = $locForm.find('select.scheme-mec-region-filter, select[name="mec_region_ids[]"]');
                                if ($region.length) {
                                    var rv = $region.val();
                                    if (Array.isArray(rv)) {
                                        regionVals = rv;
                                    } else if (rv) {
                                        regionVals = [rv];
                                    }
                                }
                            }
                            if (regionVals.length) {
                                params.mec_region_ids = regionVals;
                            }
                        }

                        // Optional: merge parent form fields (disabled on large forms like PC CRUD)
                        if (mergeFormParams) {
                            var $form = $el.closest('form');
                            if ($form.length) {
                                var formData = $form.serializeArray();
                                $.each(formData, function (i, field) {
                                    if (params[field.name] === undefined && field.name !== '_token') {
                                        params[field.name] = field.value;
                                    }
                                });
                            }
                        }

                        return params;
                    },
                    transport: function (params, success, failure) {
                        if (!$lookupContainer || !$lookupContainer.length) {
                            $lookupContainer = $el.next('.select2-container');
                        }
                        if ($lookupContainer.length) {
                            $lookupContainer.addClass('is-loading');
                        }
                        var request = $.ajax(params);
                        request.then(success);
                        request.fail(failure);
                        request.always(function () {
                            if ($lookupContainer && $lookupContainer.length) {
                                $lookupContainer.removeClass('is-loading');
                            }
                        });
                        return request;
                    },
                    processResults: function (data) {
                        return {
                            results: data.data || [],
                            pagination: { more: !!(data.pagination && data.pagination.more) }
                        };
                    },
                    cache: true,
                }
            };

            $el.select2(s2Opts);

            if (forceLocked) {
                var $lockedContainer = $el.next('.select2-container');
                if ($lockedContainer.length) {
                    $lockedContainer.addClass('pci-scheme-locked-s2');
                    $lockedContainer.css({ 'pointer-events': 'none', cursor: 'not-allowed' });
                    $lockedContainer.find('.select2-selection__clear').remove();
                }
            }

            function labelForLookupItem(item, oneId) {
                if (!item) {
                    return String(oneId);
                }
                var label = '';
                if (lookupType === 'adp') {
                    label = item.adp_number || item.text || '';
                } else if (lookupType === 'uid') {
                    label = item.uid || item.code || item.text || '';
                } else {
                    label = item.text || item.name || '';
                }
                return label || String(oneId);
            }

            function appendSelectedItem(item, oneId) {
                var idVal = (item && item.id != null) ? item.id : oneId;
                if ($el.find('option[value="' + String(idVal).replace(/"/g, '\\"') + '"]').length) {
                    return;
                }
                var $o = new Option(labelForLookupItem(item, idVal), idVal, true, true);
                if (item) {
                    $($o).data('select2Data', item);
                }
                $el.append($o);
            }

            function parseSelectedIds(raw) {
                if (raw === undefined || raw === null || raw === '' || raw === 'null') {
                    return [];
                }
                if (Array.isArray(raw)) {
                    return raw.filter(function (x) { return x !== '' && x !== null && x !== undefined; });
                }
                if (typeof raw === 'string') {
                    var t = raw.trim();
                    if (t.charAt(0) === '[') {
                        try {
                            var parsed = JSON.parse(t);
                            if (Array.isArray(parsed)) {
                                return parsed.filter(function (x) { return x !== '' && x !== null && x !== undefined; });
                            }
                        } catch (e) {}
                    }
                    return t ? [t] : [];
                }
                return [raw];
            }

            var selectedIds = parseSelectedIds(selectedVal);
            if (selectedIds.length) {
                if (selectedTxt && selectedTxt !== '' && selectedIds.length === 1) {
                    appendSelectedItem({ text: selectedTxt, id: selectedIds[0] }, selectedIds[0]);
                    $el.trigger('change');
                } else {
                    var pending = selectedIds.length;
                    selectedIds.forEach(function (oneId) {
                        $.ajax({
                            url: lookupUrl,
                            type: 'GET',
                            data: $.extend({ lookup_type: lookupType + '_single', project_id: oneId, id: oneId }, extraParams && typeof extraParams === 'object' ? extraParams : {}),
                            success: function (resp) {
                                var items = resp.data || [];
                                if (items.length > 0) {
                                    appendSelectedItem(items[0], oneId);
                                }
                            },
                            complete: function () {
                                pending -= 1;
                                if (pending <= 0) {
                                    $el.trigger('change');
                                }
                            }
                        });
                    });
                }
            }

            return true;
        };

        /**
         * Auto-init all .pms-select2-lookup elements once Select2 is available.
         */
        function pmsAutoInitSelect2Lookups(attempt) {
            attempt = attempt || 0;
            if (typeof $.fn.select2 !== 'function') {
                if (attempt < 40) {
                    window.setTimeout(function () { pmsAutoInitSelect2Lookups(attempt + 1); }, 50);
                }
                return;
            }
            $('.pms-select2-lookup:not(.select2-hidden-accessible)').each(function () {
                window.pmsInitSelect2Lookup($(this));
            });
        }

        $(function () {
            pmsAutoInitSelect2Lookups(0);
        });
    }());
    </script>
    @endpush
@endonce