' + '

Featured deal

' + '

' + escapeHtml(p.name) + '

' + '

' + escapeHtml(p.brand || '') + (p.partNumber ? ' · Part #' + escapeHtml(p.partNumber) : '') + '

' + '

' + (p.salePrice ? '$' + p.salePrice.toFixed(2) + '' : 'See product page for pricing.' ) + '

' + 'View product ›' + '

'; featuredContainer.appendChild(card); }); } function render() { var filtered = getFilteredAndSortedProducts(); var totalPages = Math.max(1, Math.ceil(filtered.length / pageSize)); if (currentPage > totalPages) currentPage = totalPages; var start = (currentPage - 1) * pageSize; var pageItems = filtered.slice(start, start + pageSize); cardsView.innerHTML = ''; tableBody.innerHTML = ''; var singleCardsMode = (currentView === 'cards' && pageItems.length === 1); if (singleCardsMode) { cardsView.classList.add('sale-grid-single'); } else { cardsView.classList.remove('sale-grid-single'); } if (currentView === 'cards') { pageItems.forEach(function (p) { var card = document.createElement('div'); card.className = 'sale-card' + (singleCardsMode ? ' sale-card-single' : ''); card.innerHTML = '

On Sale

' + '

' + escapeHtml(p.brand || '') + '

' + '

' + escapeHtml(p.name) + '

' + (p.partNumber ? '

Part #' + escapeHtml(p.partNumber) + '

' : '') + formatPriceBlock(p) + 'View product ›' + '

'; cardsView.appendChild(card); }); } else { pageItems.forEach(function (p) { var tr = document.createElement('tr'); tr.innerHTML = '

' + 'Sale' + '' + escapeHtml(p.name) + '' + '' + escapeHtml(p.brand || '') + '' + '' + escapeHtml(normCategories(p).join(", ")) + '' + '' + escapeHtml(p.partNumber || '') + '' + '' + '' + (p.salePrice ? '$' + p.salePrice.toFixed(2) : 'See product') + ''; tableBody.appendChild(tr); }); } renderPagination(totalPages, filtered.length); } function getFilteredAndSortedProducts() { var term = searchInput.value.trim().toLowerCase(); var brand = brandFilter.value; var category = categoryFilter.value; var list = saleProducts.filter(function (p) { if (brand && p.brand !== brand) return false; if (!hasCategory(p, category)) return false; if (term) { var hay = (p.name + ' ' + (p.partNumber || '')).toLowerCase(); if (hay.indexOf(term) === -1) return false; } return true; }); var mode = sortBy.value; if (mode === 'az') { list.sort(function (a, b) { return a.name.localeCompare(b.name); }); } else if (mode === 'discount') { list.sort(function (a, b) { return discount(b) - discount(a); }); } else if (mode === 'featured') { list.sort(function (a, b) { var fa = a.featured ? 0 : 1; var fb = b.featured ? 0 : 1; if (fa !== fb) return fa - fb; return a.name.localeCompare(b.name); }); } return list; } function renderPagination(totalPages, totalItems) { pagination.innerHTML = ''; if (totalPages <= 1) { var count = document.createElement('div'); count.className = 'sale-count'; count.textContent = totalItems + ' item' + (totalItems === 1 ? '' : 's'); pagination.appendChild(count); return; } var prev = document.createElement('button'); prev.textContent = 'Prev'; prev.disabled = currentPage === 1; prev.onclick = function () { if (currentPage > 1) { currentPage--; render(); } }; pagination.appendChild(prev); var maxButtons = 7; var start = Math.max(1, currentPage - 3); var end = Math.min(totalPages, start + maxButtons - 1); if (end - start + 1 < maxButtons) start = Math.max(1, end - maxButtons + 1); for (var i = start; i <= end; i++) { (function (page) { var btn = document.createElement('button'); btn.textContent = page; if (page === currentPage) btn.classList.add('active'); btn.onclick = function () { currentPage = page; render(); }; pagination.appendChild(btn); })(i); } var next = document.createElement('button'); next.textContent = 'Next'; next.disabled = currentPage === totalPages; next.onclick = function () { if (currentPage < totalPages) { currentPage++; render(); } }; pagination.appendChild(next); var count = document.createElement('div'); count.className = 'sale-count'; count.textContent = totalItems + ' items · Page ' + currentPage + ' of ' + totalPages; pagination.appendChild(count); } function formatPriceBlock(p) { if (p.salePrice) { return '

$' + p.salePrice.toFixed(2) + '

'; } return '

See product page for pricing.

'; } function discount(p) { if (!p.regularPrice || !p.salePrice || p.salePrice >= p.regularPrice) return 0; return (p.regularPrice - p.salePrice) / p.regularPrice; } function escapeHtml(str) { return String(str || '') .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } } })();

End of Year Sale

Sale Products

Newsletter