export default class ProjectsToolbar {
    constructor({ table }) {
        // اطمینان از اینکه 'table' به درستی پاس داده شده است
        if (!table) {
            console.error("ProjectsToolbar requires a 'table' instance.");
            this.table = null;
        } else {
            this.table = table;
        }
        this.searchTimeout = null;
    }

    mount(el) {
        el.innerHTML = `
            <div class="projects-toolbar-wrapper">
                <input 
                    class="projects-runtime-search"
                    type="text"
                    placeholder="جستجو در نام پروژه، کد یا کارفرما..."
                    style="
                        width:100%;
                        padding:10px 12px;
                        border:1px solid #ddd;
                        border-radius:8px;
                        outline:none;
                        font-size:14px;
                    "
                >
            </div>
        `;

        const input = el.querySelector(".projects-runtime-search");

        input.addEventListener("input", (e) => {
            clearTimeout(this.searchTimeout); // پاک کردن timeout قبلی
            this.searchTimeout = setTimeout(() => {
                const searchTerm = e.target.value || "";
                // فراخوانی متد 'search' در instance جدول
                if (this.table && typeof this.table.search === 'function') {
                    this.table.search(searchTerm);
                } else {
                    console.warn("Table instance or search method not available in ProjectsToolbar.");
                }
            }, 450); // تاخیر برای debounce
        });
    }

    destroy() {
        if (this.searchTimeout) {
            clearTimeout(this.searchTimeout);
            this.searchTimeout = null;
        }
    }
}
