(function() {
var activeCat = ‘all’;

window.ecoFilter = function() {
var query = document.getElementById(‘eco-search’).value.toLowerCase().trim();
var cards = document.querySelectorAll(‘#eco-grid > div[data-name]’);
var visible = 0;
cards.forEach(function(card) {
var name = (card.getAttribute(‘data-name’) || ”).toLowerCase();
var desc = (card.getAttribute(‘data-desc’) || ”).toLowerCase();
var cat = (card.getAttribute(‘data-cat’) || ”).toLowerCase();
var matchSearch = !query || name.indexOf(query) !== -1 || desc.indexOf(query) !== -1;
var matchCat = activeCat === ‘all’ || cat === activeCat.toLowerCase();
if (matchSearch && matchCat) {
card.style.display = ”;
visible++;
} else {
card.style.display = ‘none’;
}
});
document.getElementById(‘eco-count-num’).textContent = visible;
document.getElementById(‘eco-no-results’).style.display = visible === 0 ? ‘block’ : ‘none’;
};

window.ecoFilterCat = function(cat) {
activeCat = cat;
var pills = document.querySelectorAll(‘.eco-pill’);
pills.forEach(function(p) {
if (p.getAttribute(‘data-cat’) === cat) {
p.style.background = ‘#FF6804’;
p.style.borderColor = ‘#FF6804’;
p.style.color = ‘#ffffff’;
} else {
p.style.background = ‘transparent’;
p.style.borderColor = ‘#2a2a4a’;
p.style.color = ‘#a0a0b0’;
}
});
ecoFilter();
};

window.ecoSort = function() {
var sel = document.getElementById(‘eco-sort’).value;
var grid = document.getElementById(‘eco-grid’);
var cards = Array.prototype.slice.call(grid.querySelectorAll(‘:scope > div[data-name]’));
var labels = { popular: ‘Popular’, newest: ‘Newest’, az: ‘A u2013 Z’ };
document.getElementById(‘eco-sort-label’).textContent = labels[sel] || sel;
cards.sort(function(a, b) {
if (sel === ‘az’) {
return (a.getAttribute(‘data-name’) || ”).localeCompare(b.getAttribute(‘data-name’) || ”);
} else if (sel === ‘newest’) {
return parseInt(b.getAttribute(‘data-date’) || ‘0’) – parseInt(a.getAttribute(‘data-date’) || ‘0’);
} else {
return parseInt(b.getAttribute(‘data-stars’) || ‘0’) – parseInt(a.getAttribute(‘data-stars’) || ‘0’);
}
});
cards.forEach(function(c) { grid.appendChild(c); });
};

window.ecoCopy = function(text, btn) {
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function() {
var orig = btn.textContent;
btn.textContent = ‘Copied!’;
btn.style.background = ‘#00d4aa’;
setTimeout(function() { btn.textContent = orig; btn.style.background = ‘#FF6804’; }, 1500);
});
} else {
var ta = document.createElement(‘textarea’);
ta.value = text;
ta.style.position = ‘fixed’;
ta.style.opacity = ‘0’;
document.body.appendChild(ta);
ta.select();
document.execCommand(‘copy’);
document.body.removeChild(ta);
var orig = btn.textContent;
btn.textContent = ‘Copied!’;
btn.style.background = ‘#00d4aa’;
setTimeout(function() { btn.textContent = orig; btn.style.background = ‘#FF6804’; }, 1500);
}
};
})();