(function() { 
    'use strict';

    // دریافت تنظیمات از wp_localize_script
    const config = {
        siteUrl: karmatusData.siteUrl,
        ajaxUrl: karmatusData.ajaxUrl,
        nonce: karmatusData.nonce,
        isMobile: window.innerWidth <= 768
    };

    let state = { query: '', page: 1, isLoading: false, hasMore: true };
    let history = JSON.parse(localStorage.getItem('karmatus_history') || '[]');

    const debounce = (func, wait) => {
        let timeout;
        return function executedFunction(...args) {
            const later = () => { clearTimeout(timeout); func(...args); };
            clearTimeout(timeout);
            timeout = setTimeout(later, wait);
        };
    };

    // تزریق فرم جستجو فقط در دسکتاپ
    const injectDesktop = () => {
        if (!config.isMobile) {
            const target = document.querySelector('.dina-search-con');
            if (target && !target.querySelector('.dina-search-form')) {
                target.innerHTML = `
                    <form class="dina-search-form" action="${config.siteUrl}" method="get">
                        <input type="text" class="search-input" name="s" placeholder="جستجو..." autocomplete="off">
                        <button type="submit" class="btn-search"><i class="fas fa-search"></i></button>
                        <div class="karmatus-desktop-results"></div>
                    </form>
                `;
                const deskInput = target.querySelector('.search-input');
                if (deskInput) deskInput.addEventListener('input', (e) => handleSearch(e.target.value, true));
            }
        }
    };

    const renderHistory = () => {
        const box = document.querySelector('.karmatus-history-box');
        const items = document.querySelector('.history-items');
        if (!history.length) { if (box) box.style.display = 'none'; return; }
        if (box) box.style.display = 'block';
        if (items) {
            items.innerHTML = history.map(t =>
                `<span class="hist-item" data-term="${t}" style="background:#fff;padding:4px 10px;border-radius:8px;font-size:12px;color:#555;cursor:pointer;border:1px solid #eee">${t}</span>`
            ).join('');
        }
    };

    const performSearch = (query, isDesktop, isLoadMore) => {
        if (query.length < 2) return;
        state.isLoading = true;

        const els = {
            prodGrid: document.querySelector('.karmatus-products-grid'),
            catGrid: document.querySelector('.karmatus-cats-grid'),
            loadMore: document.querySelector('.karmatus-load-more-btn'),
            msg: document.querySelector('.karmatus-status-msg'),
            desktopRes: document.querySelector('.karmatus-desktop-results')
        };

        if (isLoadMore && els.loadMore) {
            els.loadMore.innerText = 'در حال بارگذاری...';
            els.loadMore.disabled = true;
        } else if (!isDesktop) {
            if (state.page === 1 && els.prodGrid) els.prodGrid.innerHTML = `
                <div class="karmatus-loading-state">
                    <i class="fas fa-spinner fa-spin"></i>
                    <div class="karmatus-loading-text">کاوش در میان ۱۰۰,۰۰۰+ محصول...</div>
                </div>`;
            if (els.msg) els.msg.style.display = 'none';
        } else if (isDesktop && els.desktopRes) {
            els.desktopRes.classList.add('active');
            els.desktopRes.innerHTML = `<div class="karmatus-loading-state"><i class="fas fa-spinner fa-spin"></i><div>در حال جستجو...</div></div>`;
        }

        const params = new URLSearchParams();
        params.append('action', 'karmatus_search_load');
        params.append('query', query);
        params.append('page', state.page);
        params.append('nonce', config.nonce);

        fetch(config.ajaxUrl, {
            method: 'POST',
            body: params
        })
        .then(res => res.json())
        .then(data => {
            state.isLoading = false;

            if (!isDesktop) {
                if (state.page === 1) els.prodGrid.innerHTML = '';

                if (state.page === 1 && data.categories.length && els.catGrid) {
                    els.catGrid.innerHTML = data.categories.map(c =>
                        `<a href="${c.url}" class="karmatus-cat-row"><div class="karmatus-cat-icon"><i class="fas fa-folder"></i></div><div style="flex:1;margin-right:8px;font-weight:500;font-size:13px">${c.name}</div><span style="font-size:10px;background:#f1f3f5;padding:3px 8px;border-radius:4px;color:#888">${c.type}</span></a>`
                    ).join('');
                }

                if (data.products.length && els.prodGrid) {
                    const productsHTML = data.products.map(p =>
                        `<a href="${p.url}" class="karmatus-prod-card">
                            <img src="${p.image}" class="karmatus-prod-img" loading="lazy">
                            <div class="karmatus-prod-info">
                                <div class="karmatus-prod-title">${p.title}</div>
                                <div class="karmatus-prod-price">${p.price}</div>
                            </div>
                        </a>`
                    ).join('');
                    els.prodGrid.insertAdjacentHTML('beforeend', productsHTML);
                }

                if (els.loadMore) {
                    state.hasMore = (state.page < data.max_pages);
                    els.loadMore.style.display = state.hasMore ? 'block' : 'none';
                    els.loadMore.innerText = 'نمایش نتایج بیشتر';
                    els.loadMore.disabled = false;
                }

                if (state.page === 1 && !data.products.length && !data.categories.length && els.msg) {
                    els.msg.style.display = 'block';
                    els.msg.innerText = 'هیچ نتیجه‌ای یافت نشد.';
                }

                if (state.page === 1 && (data.products.length || data.categories.length)) {
                    history = history.filter(h => h !== query);
                    history.unshift(query);
                    history = history.slice(0, 6);
                    localStorage.setItem('karmatus_history', JSON.stringify(history));
                }

            } else {
                let html = '';
                if (data.categories.length) {
                    html += `<div style="padding:6px 12px;font-size:11px;color:#999">دسته‌بندی و کالکشن‌ها</div>`;
                    html += data.categories.map(c => `<a href="${c.url}" class="desktop-row"><span>${c.name}</span> <span style="font-size:10px;background:#eee;padding:2px 5px;border-radius:4px;margin-right:auto">${c.type}</span></a>`).join('');
                }
                if (data.products.length) {
                    html += `<div style="padding:6px 12px;font-size:11px;color:#999;border-top:1px solid #eee">محصولات</div>`;
                    html += data.products.map(p =>
                        `<a href="${p.url}" class="desktop-row"><img src="${p.image}"><div><div style="font-size:12px;font-weight:600">${p.title}</div><div style="color:#FFAA11;font-size:11px">${p.price}</div></div></a>`
                    ).join('');
                    html += `<a href="${config.siteUrl}?s=${encodeURIComponent(query)}" class="desktop-row" style="justify-content:center;color:#FFAA11;font-weight:bold;font-size:12px">مشاهده همه نتایج</a>`;
                }
                els.desktopRes.innerHTML = html || '<div style="padding:15px;text-align:center;font-size:12px">نتیجه‌ای یافت نشد.</div>';
            }
        })
        .catch(err => {
            console.error(err);
            state.isLoading = false;
        });
    };

    const handleSearch = debounce((query, isDesktop) => {
        state.query = query;
        state.page = 1;
        state.hasMore = true;
        if (!isDesktop) {
            const pGrid = document.querySelector('.karmatus-products-grid');
            const cGrid = document.querySelector('.karmatus-cats-grid');
            if (pGrid) pGrid.innerHTML = '';
            if (cGrid) cGrid.innerHTML = '';
            document.querySelector('.karmatus-load-more-btn').style.display = 'none';
        }
        performSearch(query, isDesktop, false);
    }, 600);

    document.addEventListener("DOMContentLoaded", function() {
        injectDesktop();

        document.body.addEventListener('click', function(e) {
            if (e.target.closest('.karmatus-glass-bar')) {
                document.querySelector('.karmatus-search-overlay').classList.add('active');
                document.querySelector('.karmatus-search-page').classList.add('active');
                renderHistory();
                setTimeout(() => document.querySelector('.karmatus-real-input').focus(), 300);
            }
            if (e.target.closest('.karmatus-search-back')) {
                document.querySelector('.karmatus-search-page').classList.remove('active');
                setTimeout(() => document.querySelector('.karmatus-search-overlay').classList.remove('active'), 300);
            }
            if (e.target.classList.contains('hist-item')) {
                const term = e.target.dataset.term;
                document.querySelector('.karmatus-real-input').value = term;
                handleSearch(term, false);
            }
            if (e.target.classList.contains('clear-history')) {
                history = [];
                localStorage.setItem('karmatus_history', '[]');
                renderHistory();
            }
            if (e.target.classList.contains('karmatus-load-more-btn')) {
                if (!state.isLoading && state.hasMore) {
                    state.page++;
                    performSearch(state.query, false, true);
                }
            }
            if (config.isMobile === false && !e.target.closest('.dina-search-con')) {
                const res = document.querySelector('.karmatus-desktop-results');
                if (res) res.classList.remove('active');
            }
        });

        const mobInput = document.querySelector('.karmatus-real-input');
        if (mobInput) mobInput.addEventListener('input', (e) => handleSearch(e.target.value, false));
    });
})();