window.FilterManager = (() => {
    class FilterManager {
        #updateFilter() {
            for (let i of MediaStorage.Instance.medias) {
                if (!i.ui)
                    continue;
                if (this.match(i))
                    i.ui.root.classList.remove("filtered");
                else
                    i.ui.root.classList.add("filtered");
            }
            MediaStorage.Instance.onFilterUpdated();

            if (this.isFiltering())
                document.body.classList.add("filter-active");
            else
                document.body.classList.remove("filter-active");
        }

        setFilterValue(key, val) {
            this.#filters[key] = val;
            this.#updateFilter();
        }

        isFiltering() {
            for (let i in this.#filters) {
                if (this.#filters[i]?.length)
                    return true;
            }
            return false;
        }

        // Returns false if image doesnt match
        #matchTags(mediaTags, tags) {
            for (let i of tags)
                if (mediaTags.find(x => x === i || x.startsWith(`${i}/`)))
                    return true;
            return false;
        }

        match(mediaItem) {
            for (let i in this.#filters) {
                if (!this.#filters[i] || !this.#filters[i].length)
                    continue;
                if (i === "Tags") {
                    const mediaTags = mediaItem.allTags();
                    if (this.#filters[i].indexOf(undefined) !== -1 && !mediaTags.length)
                        continue;
                    if (this.#matchTags(mediaTags, this.#filters[i].filter(i => !!i)))
                        continue;
                    return false;
                }
                if (this.#filters[i].indexOf(mediaItem.meta[i]?.value) === -1)
                    return false;
            }
            return true;
        }

        #filters = {};
    }

    return new FilterManager();
})();