@php
    $partsBootstrap = $partsBootstrap ?? [];
    $partsInStockOnly = !empty($partsInStockOnly);
@endphp
<script>
(function () {
    if (window.GaragePartsCatalog) return;

    window.GaragePartsCatalog = {
        _cache: {},
        _last: [],
        _inStock: false,
        _searchUrl: @json(route('garage.api.parts.catalog-search')),
        _batchUrl: @json(route('garage.api.parts.catalog-batch')),
        _searchTimer: null,

        init: function (opts) {
            opts = opts || {};
            var self = this;
            self._inStock = !!opts.inStockOnly;
            (opts.bootstrap || []).forEach(function (p) {
                if (p && p.id) self._cache[p.id] = p;
            });
        },

        listSync: function () {
            return this._last.slice();
        },

        getSync: function (id) {
            return this._cache[parseInt(id, 10)] || null;
        },

        cachePart: function (p) {
            if (p && p.id) this._cache[p.id] = p;
        },

        search: async function (term) {
            var q = String(term || '').trim();
            var url = this._searchUrl + '?limit=80' + (this._inStock ? '&in_stock=1' : '');
            if (q.length >= 2) {
                url += '&term=' + encodeURIComponent(q);
            }
            var res = await fetch(url, { headers: { Accept: 'application/json' } });
            if (!res.ok) {
                this._last = [];
                return [];
            }
            var list = await res.json();
            var self = this;
            (list || []).forEach(function (p) { self.cachePart(p); });
            this._last = list || [];
            return this._last;
        },

        ensure: async function (id) {
            var pid = parseInt(id, 10);
            if (!pid) return null;
            if (this._cache[pid]) return this._cache[pid];
            var url = this._batchUrl + '?ids=' + pid + (this._inStock ? '&in_stock=1' : '');
            var res = await fetch(url, { headers: { Accept: 'application/json' } });
            if (!res.ok) return null;
            var list = await res.json();
            var self = this;
            (list || []).forEach(function (p) { self.cachePart(p); });
            return this._cache[pid] || null;
        },

        debouncedSearch: function (term, cb) {
            var self = this;
            clearTimeout(self._searchTimer);
            self._searchTimer = setTimeout(function () {
                self.search(term).then(function (list) {
                    if (typeof cb === 'function') cb(list);
                }).catch(function () {
                    if (typeof cb === 'function') cb([]);
                });
            }, 220);
        }
    };

    window.GaragePartsCatalog.init({
        bootstrap: @json($partsBootstrap),
        inStockOnly: @json($partsInStockOnly),
    });
})();
</script>