${oldPriceNum.toFixed(2)} лв
/
${oldPriceEuro.toFixed(2)} €
${priceNum.toFixed(2)} лв
/
${priceEuro.toFixed(2)} €
${priceNum.toFixed(2)} лв
/
${priceEuro.toFixed(2)} €
${price}
`;
}
// Format BTU
const btu = product.btu || '';
// Get product name
const productName = product.name || 'Климатик';
const brandName = product.brand || '';
// Build features list - limit to 2 for compact display
let featuresHtml = '';
if (product.features && product.features.length > 0) {
featuresHtml = `-
${product.features.slice(0, 2).map(f => {
const truncated = f.length > 50 ? f.substring(0, 50) + '...' : f;
return `
- ${truncated} `; }).join('')}
${btu}
`; } // Get price for sorting const priceForSort = priceNum > 0 ? priceNum : 999999; // Put "По запитване" at the end return `Няма налични продукти в момента.
'; return; } // Filter ONLY products with discounts (promotional products) const promoProductsWithDiscount = allProducts .filter(product => product.discount && product.discount > 0) .sort((a, b) => (b.discount || 0) - (a.discount || 0)); // Sort all by discount descending // Group promotional products by category and get the best discount from each category const categoryBestProducts = {}; const categoryProducts = {}; // Store all products per category for fallback promoProductsWithDiscount.forEach(product => { const category = getProductCategory(product); if (category) { // Initialize category arrays if needed if (!categoryProducts[category]) { categoryProducts[category] = []; } categoryProducts[category].push(product); // If we don't have a product for this category yet, or this product has a better discount if (!categoryBestProducts[category] || (product.discount || 0) > (categoryBestProducts[category].discount || 0)) { categoryBestProducts[category] = product; } } }); // Start with best product from each category let promoProducts = Object.values(categoryBestProducts) .sort((a, b) => (b.discount || 0) - (a.discount || 0)); // If we have less than 4 products, fill remaining slots with next best products // Prioritize products from categories we haven't used yet, but allow duplicates if needed if (promoProducts.length < 4) { const usedProductIds = new Set(promoProducts.map(p => p.id)); const remainingSlots = 4 - promoProducts.length; // Get all remaining promotional products (excluding already selected ones) const remainingProducts = promoProductsWithDiscount.filter( product => !usedProductIds.has(product.id) ); // Add the next best products to fill remaining slots promoProducts = [...promoProducts, ...remainingProducts.slice(0, remainingSlots)]; } else { // If we have 4 or more, just take top 4 promoProducts = promoProducts.slice(0, 4); } // Final sort by discount to ensure best discounts are shown first promoProducts.sort((a, b) => (b.discount || 0) - (a.discount || 0)); // Only show promotional products - don't fill with regular products // This ensures users only see actual promotional offers // Shows best discount from different categories when possible, fills with additional products if needed // Render products if (promoProducts.length > 0) { promoGrid.innerHTML = promoProducts.map(renderHomePageProductCard).join(''); // Trigger animations setTimeout(() => { const cards = promoGrid.querySelectorAll('.product-card'); cards.forEach((card, index) => { setTimeout(() => { card.classList.add('animate-in'); }, index * 100); }); }, 100); } else { promoGrid.innerHTML = 'Няма налични промоционални продукти в момента.
'; } } catch (error) { console.error('Error loading promotional products:', error); promoGrid.innerHTML = 'Грешка при зареждане на продукти.
'; } } /** * Render product card for home page (with price label format) */ function renderHomePageProductCard(product) { // Handle image URL let imageUrl = product.image || ''; if (!imageUrl || !imageUrl.startsWith('http')) { imageUrl = 'pictures/placeholder-ac.svg'; } // Format price with old price if available let priceHtml = ''; const priceNum = product.price ? parseFloat(product.price) : 0; const oldPriceNum = product.oldPrice ? parseFloat(product.oldPrice) : 0; // EUR to BGN conversion rate const EUR_TO_BGN_RATE = 1.95583; if (!isNaN(priceNum) && priceNum > 0) { const priceEuro = priceNum / EUR_TO_BGN_RATE; const oldPriceEuro = oldPriceNum > 0 ? oldPriceNum / EUR_TO_BGN_RATE : 0; if (oldPriceNum > priceNum && oldPriceNum > 0) { priceHtml = `
Цена:
`;
} else {
priceHtml = `
${oldPriceNum.toFixed(2).replace('.', ',')} лв
/
${oldPriceEuro.toFixed(2).replace('.', ',')} €
${priceNum.toFixed(2).replace('.', ',')} лв
/
${priceEuro.toFixed(2).replace('.', ',')} €
Цена:
`;
}
} else {
priceHtml = `
${priceNum.toFixed(2).replace('.', ',')} лв
/
${priceEuro.toFixed(2).replace('.', ',')} €
Цена:
`;
}
// Format BTU
const btu = product.btu || '';
const btuText = btu ? `Мощност: ${btu}` : '';
// Get product name
const productName = product.name || 'Климатик';
const brandName = product.brand || '';
// Format discount badge
const discountBadge = product.discount && product.discount > 0
? `${product.discount}% OFF`
: '';
return `
По запитване
${brandName ? `
${brandName}
` : ''}
${productName}
${btuText ? `${btuText}
` : ''} ${priceHtml} Изпрати запитванеНяма налични продукти в момента.
'; if (resultsCount) { resultsCount.textContent = 'Няма продукти'; } return; } // Filter by category (if category is 'all', show all products) let filteredProducts = category === 'all' ? allProducts : filterProductsByCategory(allProducts, category); // If promo filter is active, only show products with discounts if (promoOnly) { filteredProducts = filteredProducts.filter(product => product.discount && product.discount > 0); // Sort by discount (highest first) filteredProducts.sort((a, b) => (b.discount || 0) - (a.discount || 0)); } // Render products if (filteredProducts.length > 0) { productsGrid.innerHTML = filteredProducts.map(renderProductCard).join(''); // Trigger animations setTimeout(() => { const cards = productsGrid.querySelectorAll('.product-card'); cards.forEach((card, index) => { setTimeout(() => { card.classList.add('animate-in'); }, index * 50); }); }, 100); } else { productsGrid.innerHTML = 'Няма налични продукти в тази категория.
'; } // Update results count if (resultsCount) { resultsCount.textContent = `Показани ${filteredProducts.length} от ${allProducts.length} продукта`; } // Update category title if needed const categoryTitle = document.getElementById('categoryTitle'); const categoryName = document.getElementById('categoryName'); if (category && category !== 'all') { const categoryMap = { 'wall': 'СТЕННИ КЛИМАТИЦИ', 'floor': 'ПОДОВИ КЛИМАТИЦИ', 'cassette': 'КАСЕТЪЧНИ КЛИМАТИЦИ', 'duct': 'КАНАЛНИ КЛИМАТИЦИ', 'ceiling': 'ТАВАННИ КЛИМАТИЦИ', 'column': 'КОЛОННИ КЛИМАТИЦИ', 'multisplit': 'МУЛТИСПЛИТ СИСТЕМИ' }; const title = categoryMap[category] || category.toUpperCase(); if (categoryTitle) categoryTitle.textContent = title; if (categoryName) categoryName.textContent = title.replace(' КЛИМАТИЦИ', '').replace(' СИСТЕМИ', ''); } // Set active tab const activeTab = document.querySelector(`[data-category="${category}"]`); if (activeTab) { document.querySelectorAll('.category-tab').forEach(tab => tab.classList.remove('active')); activeTab.classList.add('active'); } // Store products globally for filtering window.allProducts = allProducts; window.filteredProducts = filteredProducts; // Setup filter event listeners - pass filtered products to only show brands with products in this category setupFilters(allProducts, category, filteredProducts); } catch (error) { console.error('Error initializing category page:', error); productsGrid.innerHTML = 'Грешка при зареждане на продукти. Моля, опитайте отново по-късно.
'; if (resultsCount) { resultsCount.textContent = 'Грешка'; } } } /** * Setup filter event listeners */ function setupFilters(allProducts, category, filteredProducts) { // Populate brand filters with only brands that have products in the current category populateBrandFilters(filteredProducts || allProducts); // Search input const searchInput = document.getElementById('productSearchInput'); const searchClearBtn = document.getElementById('searchClearBtn'); if (searchInput) { let searchTimeout; searchInput.addEventListener('input', (e) => { clearTimeout(searchTimeout); const query = e.target.value.trim(); // Show/hide clear button if (searchClearBtn) { searchClearBtn.style.display = query ? 'flex' : 'none'; } // Debounce search searchTimeout = setTimeout(() => { applyFilters(allProducts, category); }, 300); }); // Clear search if (searchClearBtn) { searchClearBtn.addEventListener('click', () => { searchInput.value = ''; searchClearBtn.style.display = 'none'; applyFilters(allProducts, category); }); } } // Brand filter const brandRadios = document.querySelectorAll('input[name="brand"]'); brandRadios.forEach(radio => { radio.addEventListener('change', () => { applyFilters(allProducts, category); }); }); // Room size filter const roomSizeRadios = document.querySelectorAll('input[name="roomSize"]'); roomSizeRadios.forEach(radio => { radio.addEventListener('change', () => { applyFilters(allProducts, category); }); }); // Promotional filters (checkboxes) const promoPriceCheckbox = document.getElementById('promoPrice'); const promoInstallationCheckbox = document.getElementById('promoInstallation'); if (promoPriceCheckbox) { promoPriceCheckbox.addEventListener('change', () => { applyFilters(allProducts, category); }); } if (promoInstallationCheckbox) { promoInstallationCheckbox.addEventListener('change', () => { applyFilters(allProducts, category); }); } } /** * Populate brand filter options */ function populateBrandFilters(products) { const brandFiltersContainer = document.getElementById('brandFilters'); if (!brandFiltersContainer) return; // Get unique brands const brands = [...new Set(products.map(p => p.brand).filter(Boolean))].sort(); // Add brand options (keep "Всички" option) const allOption = brandFiltersContainer.querySelector('label'); brandFiltersContainer.innerHTML = ''; if (allOption) { brandFiltersContainer.appendChild(allOption); } brands.forEach(brand => { const label = document.createElement('label'); label.className = 'filter-option'; label.innerHTML = ` ${brand} `; brandFiltersContainer.appendChild(label); // Add event listener label.querySelector('input').addEventListener('change', () => { applyFilters(window.allProducts || products, new URLSearchParams(window.location.search).get('category')); }); }); } /** * Filter products by search query */ function filterProductsBySearch(products, searchQuery) { if (!searchQuery || searchQuery.trim() === '') { return products; } const query = searchQuery.toLowerCase().trim(); return products.filter(product => { const name = (product.name || '').toLowerCase(); const brand = (product.brand || '').toLowerCase(); const model = (product.model || '').toLowerCase(); const sku = (product.sku || '').toLowerCase(); const description = (product.description || '').toLowerCase(); const category = (product.category || '').toLowerCase(); return name.includes(query) || brand.includes(query) || model.includes(query) || sku.includes(query) || description.includes(query) || category.includes(query); }); } /** * Apply all filters and update display */ function applyFilters(allProducts, category) { const productsGrid = document.getElementById('productsGrid'); const resultsCount = document.getElementById('resultsCount'); if (!productsGrid) return; // Get selected filters const selectedBrand = document.querySelector('input[name="brand"]:checked')?.value || 'all'; const selectedRoomSize = document.querySelector('input[name="roomSize"]:checked')?.value || 'all'; const promoPrice = document.getElementById('promoPrice')?.checked || false; const promoInstallation = document.getElementById('promoInstallation')?.checked || false; const searchQuery = document.getElementById('productSearchInput')?.value || ''; let filtered; // If there's a search query, search in ALL products from both distributors (ignore category) if (searchQuery.trim()) { // Search in all products, regardless of category filtered = filterProductsBySearch(allProducts, searchQuery); } else { // No search query - apply category filter as normal filtered = filterProductsByCategory(allProducts, category); } // Apply brand filter if (selectedBrand !== 'all') { filtered = filterProductsByBrand(filtered, selectedBrand); } // Apply room size filter if (selectedRoomSize !== 'all') { filtered = filterProductsByRoomSize(filtered, selectedRoomSize); } // Apply promotional filters if (promoPrice || promoInstallation) { filtered = filterProductsByPromo(filtered, promoPrice, promoInstallation); } // Update display if (filtered.length > 0) { productsGrid.innerHTML = filtered.map(renderProductCard).join(''); // Trigger animations setTimeout(() => { const cards = productsGrid.querySelectorAll('.product-card'); cards.forEach((card, index) => { setTimeout(() => { card.classList.add('animate-in'); }, index * 50); }); }, 100); } else { productsGrid.innerHTML = 'Няма продукти, отговарящи на избраните филтри.
'; } // Update results count if (resultsCount) { resultsCount.textContent = `Показани ${filtered.length} от ${allProducts.length} продукта`; } window.filteredProducts = filtered; // Update brand filters to only show brands that have products in current filtered results // But only if no brand filter is selected (to avoid removing the selected brand) if (selectedBrand === 'all') { populateBrandFilters(filtered); } } /** * Find product by ID across all distributors */ async function findProductById(productId) { console.log(`Searching for product ID: ${productId}`); try { // Fetch all products from all distributors const allProducts = await getAllProducts(); if (!allProducts || allProducts.length === 0) { console.error('No products found'); return null; } // Search for product by ID (handle both prefixed and non-prefixed IDs) const product = allProducts.find(p => p.id === productId || p.id.toString() === productId.toString() || p.id === `bittel_${productId}` || p.id === `bulclima_${productId}` ); if (product) { console.log(`Found product:`, product); return product; } console.warn(`Product with ID ${productId} not found`); return null; } catch (error) { console.error('Error finding product:', error); return null; } } /** * Initialize product detail page */ async function initProductDetailPage() { const urlParams = new URLSearchParams(window.location.search); const productId = urlParams.get('id'); const productName = urlParams.get('name'); if (!productId) { console.error('No product ID provided'); showError('Продуктът не е намерен.'); return; } console.log('Loading product detail for ID:', productId); // Show loading state const productImage = document.getElementById('productImage'); const productTitle = document.getElementById('productTitle'); if (productImage) productImage.src = 'pictures/placeholder-ac.svg'; if (productTitle) productTitle.textContent = 'Зареждане...'; try { // Find the product const product = await findProductById(productId); if (!product) { showError('Продуктът не е намерен.'); return; } // Populate product details populateProductDetail(product); // Load similar products loadSimilarProducts(product); } catch (error) { console.error('Error loading product detail:', error); showError('Грешка при зареждане на продукта.'); } } /** * Populate product detail page with product data */ function populateProductDetail(product) { console.log('Populating product detail:', product); // Image - handle multiple images if available const imageWrapper = document.getElementById('productImageWrapper'); const thumbnailsContainer = document.getElementById('productThumbnails'); if (imageWrapper) { const mainImageContainer = imageWrapper.querySelector('.product-image-main'); const productImage = document.getElementById('productImage'); if (productImage) { const imageUrl = product.image || (product.images && product.images.length > 0 ? product.images[0] : 'pictures/placeholder-ac.svg'); productImage.src = imageUrl; productImage.alt = product.name || 'Климатик'; productImage.onerror = function() { this.src = 'pictures/placeholder-ac.svg'; }; } // Populate thumbnails if multiple images available if (thumbnailsContainer && product.images && product.images.length > 1) { thumbnailsContainer.innerHTML = product.images.slice(0, 4).map((img, idx) => `
${oldPriceNum.toFixed(2)} лв.
/
${oldPriceEuro.toFixed(2)} €
${priceNum.toFixed(2)} лв.
/
${priceEuro.toFixed(2)} €
${priceNum.toFixed(2)} лв.
/
${priceEuro.toFixed(2)} €
`;
}
}
} else {
productPrice.textContent = 'По запитване';
if (productPriceEuro) {
productPriceEuro.textContent = '';
}
}
}
// Product Code/SKU
const productCode = document.getElementById('productCode');
if (productCode) {
const code = product.product_code || product.sku || '';
productCode.textContent = code ? `Код: ${code}` : '';
}
// Populate Specifications Grid
const specsGrid = document.getElementById('specificationsGrid');
const specsTable = document.getElementById('specificationsTable');
// Icon mapping for specifications
const getSpecIcon = (label) => {
const labelLower = label.toLowerCase();
if (labelLower.includes('мощност') || labelLower.includes('power')) {
return 'bi-lightning-charge-fill';
} else if (labelLower.includes('енергиен') || labelLower.includes('energy')) {
return 'bi-leaf-fill';
} else if (labelLower.includes('шум') || labelLower.includes('noise')) {
return 'bi-volume-up-fill';
} else if (labelLower.includes('хладилен') || labelLower.includes('refrigerant')) {
return 'bi-droplet-fill';
} else if (labelLower.includes('размер') || labelLower.includes('dimension')) {
return 'bi-rulers';
} else {
return 'bi-info-circle-fill';
}
};
if (specsGrid && product.specifications) {
const specs = product.specifications;
const specsItems = [];
// Type
if (specs.type) {
specsItems.push({
label: 'Тип',
value: specs.type,
icon: 'bi-box-seam'
});
}
// Technology
if (specs.technology) {
specsItems.push({
label: 'Технология',
value: specs.technology,
icon: 'bi-cpu'
});
}
// Cooling Power
if (specs.coolingPower || product.btu) {
specsItems.push({
label: 'Мощност охлаждане',
value: specs.coolingPower || product.btu || 'По запитване',
icon: 'bi-thermometer-half'
});
}
// Heating Power
if (specs.heatingPower) {
specsItems.push({
label: 'Мощност отопление',
value: specs.heatingPower,
icon: 'bi-thermometer-half'
});
}
// SEER
if (specs.seer) {
specsItems.push({
label: 'Охлаждане SEER',
value: specs.seer,
icon: 'bi-leaf-fill'
});
}
// SCOP
if (specs.scop) {
specsItems.push({
label: 'Отопление SCOP',
value: specs.scop,
icon: 'bi-leaf-fill'
});
}
// Energy Class Cooling
if (specs.energyClassCooling) {
specsItems.push({
label: 'Енергиен клас охлаждане',
value: specs.energyClassCooling,
icon: 'bi-leaf-fill'
});
}
// Energy Class Heating
if (specs.energyClassHeating) {
specsItems.push({
label: 'Енергиен клас отопление',
value: specs.energyClassHeating,
icon: 'bi-leaf-fill'
});
}
// Noise Indoor
if (specs.noiseIndoor) {
specsItems.push({
label: 'Ниво на шум (вътрешно тяло)',
value: specs.noiseIndoor,
icon: 'bi-volume-up-fill'
});
}
// Noise Outdoor
if (specs.noiseOutdoor) {
specsItems.push({
label: 'Ниво на шум (външно тяло)',
value: specs.noiseOutdoor,
icon: 'bi-volume-up-fill'
});
}
// Refrigerant
if (specs.refrigerant) {
specsItems.push({
label: 'Хладилен агент',
value: specs.refrigerant,
icon: 'bi-droplet-fill'
});
}
// Dimensions
if (specs.dimensions) {
specsItems.push({
label: 'Размери вътрешно тяло',
value: specs.dimensions,
icon: 'bi-rulers'
});
}
// Capacity/BTU
if (product.btu && !specs.coolingPower) {
specsItems.push({
label: 'Капацитет',
value: product.btu,
icon: 'bi-lightning-charge-fill'
});
}
// Warranty
if (specs.warranty) {
specsItems.push({
label: 'Гаранция',
value: specs.warranty,
icon: 'bi-shield-check-fill'
});
}
if (specsItems.length > 0) {
specsGrid.innerHTML = specsItems.map(item => `
${item.label}
${item.value}
`).join('');
} else {
specsGrid.innerHTML = `
Техническите спецификации са налични по запитване
`;
}
} else if (specsTable && product.specifications) {
// Fallback to table if grid doesn't exist
const specs = product.specifications;
const specsRows = [];
if (specs.coolingPower || product.btu) {
specsRows.push(['Охлаждаща мощност', specs.coolingPower || product.btu || 'По запитване']);
}
if (specs.heatingPower) {
specsRows.push(['Отоплителна мощност', specs.heatingPower]);
}
if (specs.energyClassCooling) {
specsRows.push(['Енергиен клас (охлаждане)', specs.energyClassCooling]);
}
if (specs.energyClassHeating) {
specsRows.push(['Енергиен клас (отопление)', specs.energyClassHeating]);
}
if (specs.noiseIndoor) {
specsRows.push(['Шум (вътрешно тяло)', specs.noiseIndoor]);
}
if (specs.noiseOutdoor) {
specsRows.push(['Шум (външно тяло)', specs.noiseOutdoor]);
}
if (specs.refrigerant) {
specsRows.push(['Хладилен агент', specs.refrigerant]);
}
if (specs.dimensions) {
specsRows.push(['Размери', specs.dimensions]);
}
if (specsRows.length > 0) {
specsTable.innerHTML = specsRows.map(row => `
Предимствата на продукта са включени в описанието.
Няма подобни продукти.
'; } } catch (error) { console.warn('Error loading similar products:', error); similarGrid.innerHTML = 'Неуспешно зареждане на подобни продукти.
'; } } /** * Show error message on product detail page */ function showError(message) { const productTitle = document.getElementById('productTitle'); if (productTitle) { productTitle.textContent = message; } const productDescription = document.getElementById('productDescription'); if (productDescription) { productDescription.textContent = 'Моля, опитайте отново или се свържете с нас.'; } } // Add loading message styles const style = document.createElement('style'); style.textContent = ` .loading-message { text-align: center; padding: var(--spacing-3xl); color: var(--color-text-light); font-size: var(--font-size-lg); } .no-products { text-align: center; padding: var(--spacing-3xl); color: var(--color-text-light); font-size: var(--font-size-lg); } `; document.head.appendChild(style); // Auto-initialize based on page if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initializeProducts); } else { // DOM already loaded initializeProducts(); } function initializeProducts() { console.log('Products API script loaded'); console.log('Window location:', window.location.href); console.log('Pathname:', window.location.pathname); const currentPage = window.location.pathname.split('/').pop() || window.location.pathname; console.log('Current page:', currentPage); // Check if we're on a products page if (currentPage === 'products.html' || currentPage.endsWith('products.html')) { console.log('Initializing products page...'); initProductsPage(); } else if (currentPage === 'products-category.html' || currentPage.includes('products-category')) { console.log('Initializing category page...'); initCategoryPage(); } else if (currentPage === 'product-detail.html' || currentPage.includes('product-detail')) { console.log('Initializing product detail page...'); initProductDetailPage(); } else if (currentPage === 'index.html' || currentPage === '' || currentPage === '/') { console.log('Initializing home page promo products...'); initHomePagePromoProducts(); } else { console.log('Not a products page, skipping initialization'); console.log('Available elements:', { promoGrid: !!document.getElementById('promoProductsGrid'), productsGrid: !!document.getElementById('productsGrid') }); } }