Exception: Error: Could not load controller common/header! in /home/coffeeshop/public_html/vqmod/vqcache/vq2-system_engine_loader.php:103
Stack trace:
#0 /home/coffeeshop/public_html/vqmod/vqcache/vq2-catalog_controller_product_category.php(850): Opencart\System\Engine\Loader->controller('common/header')
#1 /home/coffeeshop/public_html/system/engine/action.php(96): Opencart\Catalog\Controller\Product\Category->index()
#2 /home/coffeeshop/public_html/system/framework.php(259): Opencart\System\Engine\Action->execute(Object(Opencart\System\Engine\Registry), Array)
#3 /home/coffeeshop/public_html/index.php(28): require_once('/home/coffeesho...')
#4 {main}
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    var $columnLeft = $('#column-left');
    if ($columnLeft.length) {
        $columnLeft.replaceWith($columnLeft.html());
    }
	$('.category-sort').select2({
        minimumResultsForSearch: Infinity,
        width: '100%'
    });
});
</script>
<div id="product-category">
	<div class="container-xxl">
		<div class="row">
			<div class="col-lg-12">
				<ul class="breadcrumb">
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/en/">Home</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/en/coffee?manufacturer_id=152&amp;page=3">Coffee</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/en/coffee/specialty-single-origin?manufacturer_id=152&amp;page=3">Single origin Coffee</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3">Single-Origin Capsules</a>
						</li>
									</ul>
			</div>
		</div>
	</div>
	<div class="container-xxl">
		<div class="row">
			<div class="col-lg-12">
				<div class="cs-page-heading">
					<h1 class="fs-xl fm-semibold mb-2">Single-Origin Capsules</h1>
																		<h2 class="fs-md">Single-origin capsules — distinct identity delivered through your capsule system.</h2>
															</div>
							</div>
		</div>
	</div>

		
	<section class="cs-section cs-category-page-list">
		<div class="container-xxl">
			<div class="row">
				<div class="col-lg-2 d-none d-lg-flex">
					<div class="cs-category-filter">
						<div class="cs-category-filter">
	<div class="cs-filter-card">
        <div class="active-filters mb-4">
            <h6 class="fs-sm">Filtre active</h6>
            <div class="active-filter-items d-flex flex-wrap gap-2">
                                
                                
                            </div>
        </div>
	</div>
	<!-- Subcategories -->
    	<div class="cs-filter-card cs-fcategories">
		<h6 class="fs-sm">Subcategories</h6>
		                                                                                                                <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="coffee beans" type="checkbox" value="59"  id="category-59">
                            <label class="form-check-label" for="category-59">Coffee Beans</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="coffee capsules" type="checkbox" value="62"  id="category-62">
                            <label class="form-check-label" for="category-62">Coffee Capsules</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="ground coffee" type="checkbox" value="60"  id="category-60">
                            <label class="form-check-label" for="category-60">Ground Coffee</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="decaf coffee" type="checkbox" value="69"  id="category-69">
                            <label class="form-check-label" for="category-69">Decaf Coffee</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="single origin coffee" type="checkbox" value="79" checked id="category-79">
                            <label class="form-check-label" for="category-79">Single origin Coffee</label>
                        </div>
                                        
                                                                <div class="form-check mb-2 d-flex align-items-center d-none extra-category">
                            <input class="form-check-input category-checkbox" data-category="coffee bio" type="checkbox" value="162"  id="category-162">
                            <label class="form-check-label" for="category-162">Coffee Bio</label>
                        </div>
                                        
                                                                <a href="#" class="link link-md mt-1 d-flex align-items-center justify-content-center toggle-categories" 
                        data-state="show">
                            Show all (+1)
                        </a>
                                                                                                                                                                                                                                                    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var subcategories = 1;
            if(subcategories == 0){
                $(".cs-fcategories").hide();
            }
            const toggleBtn = document.querySelector('.toggle-categories');
            if (toggleBtn) {
                toggleBtn.addEventListener('click', function(e) {
                    e.preventDefault();
                    const extraCategories = document.querySelectorAll('.extra-category');
                    const isShowing = this.getAttribute('data-state') === 'show';
                    
                    extraCategories.forEach(el => {
                        el.classList.toggle('d-none', !isShowing);
                    });
                    
                    if (isShowing) {
                        this.textContent = 'Hide';
                        this.setAttribute('data-state', 'hide');
                    } else {
                        this.textContent = `Show all (+${extraCategories.length})`;
                        this.setAttribute('data-state', 'show');
                    }
                });
            }
        });
        </script>
	</div>
	<!-- Price -->
	<!-- Price Filter -->
    <div class="cs-filter-card">
        <h6 class="fs-sm">Price</h6>
        <div class="d-flex gap-2 cs-filter-price">
            <input type="text" class="form-control cs-input-sm price-min" placeholder="Min">
            <input type="text" class="form-control cs-input-sm price-max" placeholder="Max">
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price1" data-min="0" data-max="200">
            <label class="form-check-label" for="price1">Up to 200 lei</label>
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price2" data-min="200" data-max="500">
            <label class="form-check-label" for="price2">From 200 to 500 lei</label>
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price3" data-min="500" data-max="1000">
            <label class="form-check-label" for="price3">From 500 to 1000 lei</label>
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price4" data-min="1000" data-max="2500">
            <label class="form-check-label" for="price4">From 1000 to 2500 lei</label>
        </div>
    </div>
	<!-- Brand -->
	<div class="cs-filter-card cs-filter-brand">
        <h6 class="fs-sm"></h6>
        <div class="cs-search input-group position-relative">
            <input type="search" class="form-control border-0 brand-search" placeholder="Search by brands">
            <span class="position-absolute top-50 start-0 translate-middle-y ps-2">
                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M17.5 17.5L12.5001 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z" stroke="#717680" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </span>
        </div>
        
                            <div class="form-check mb-2 d-flex align-items-center brand-item">
                <input class="form-check-input brand-checkbox" type="checkbox" value="122"  data-brand="carraro caffe 1927" data-brand-name="Carraro Caffe 1927" id="brand-122">
                <label class="form-check-label d-flex align-items-center gap-2" for="brand-122">
                    <img src="https://coffeeshop.md/image/cache/catalog/brands/carraro-logo-coffeeshop-md-24x24.jpg" alt="Carraro Caffe 1927" width="20" height="20">                    <span class="brand-name">Carraro Caffe 1927</span>
                </label>
            </div>
                    <div class="form-check mb-2 d-flex align-items-center brand-item">
                <input class="form-check-input brand-checkbox" type="checkbox" value="14"  data-brand="illy caffè - premium arabica" data-brand-name="illy Caffè - Premium Arabica" id="brand-14">
                <label class="form-check-label d-flex align-items-center gap-2" for="brand-14">
                    <img src="https://coffeeshop.md/image/cache/catalog/brands/illy-logo-24x24.png" alt="illy Caffè - Premium Arabica" width="20" height="20">                    <span class="brand-name">illy Caffè - Premium Arabica</span>
                </label>
            </div>
                
                        
                    </div>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Toggle show/hide brands
        const toggleBtn = document.querySelector('.toggle-brands');
        if (toggleBtn) {
            toggleBtn.addEventListener('click', function(e) {
                e.preventDefault();
                const extraBrands = document.querySelectorAll('.extra-brand');
                const isShowing = this.getAttribute('data-state') === 'show';
                
                extraBrands.forEach(el => {
                    el.classList.toggle('d-none', !isShowing);
                });
                
                if (isShowing) {
                    this.textContent = 'Hide';
                    this.setAttribute('data-state', 'hide');
                } else {
                    this.textContent = `Show all (+${extraBrands.length})`;
                    this.setAttribute('data-state', 'show');
                }
            });
        }
        
        // Brand search functionality
        const brandSearch = document.querySelector('.brand-search');
        if (brandSearch) {
            brandSearch.addEventListener('input', function() {
                const searchTerm = this.value.toLowerCase();
                const brandItems = document.querySelectorAll('.brand-item');
                
                brandItems.forEach(item => {
                    const brandName = $(this).data('brand-name') || '';
                    if (brandName.includes(searchTerm)) {
                        item.classList.remove('d-none');
                    } else {
                        item.classList.add('d-none');
                    }
                });
                
                // Show toggle button only if there are hidden brands after search
                const visibleExtraBrands = document.querySelectorAll('.extra-brand:not(.d-none)');
                if (toggleBtn) {
                    if (visibleExtraBrands.length > 0 && searchTerm === '') {
                        toggleBtn.style.display = 'flex';
                    } else {
                        toggleBtn.style.display = 'none';
                    }
                }
            });
        }
    });
    </script>
	<!-- Reset Button -->
	<button class="btn btn-subtie w-100">Reset all</button>
</div>
<script>
$(document).ready(function() {
    // Object to store current filters
    let currentFilters = {
        price: { min: null, max: null },
        brands: [],
        categories: [],
        tags: []
    };

    // === SINGLE EVENT HANDLER FOR ALL FILTER TYPES ===
    
    // Tag click handler - ONLY THIS ONE
    $(document).on('click', '.tag-option', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $tag = $(this);
        const tagCode = $tag.data('tag');
        
        // Toggle visual selection
        $tag.toggleClass('bg-primary selected');
        
        if ($tag.hasClass('bg-primary') || $tag.hasClass('selected')) {
            // Add to filters if not already there
            if (!currentFilters.tags.includes(tagCode)) {
                currentFilters.tags.push(tagCode);
            }
            // Sync with tag badges
            const $badge = $(`#availableTags .badge[data-tag="${tagCode}"]`);
            $badge.addClass('selected');
            $badge.find('.close-filter').removeClass('d-none');
        } else {
            // Remove from filters
            currentFilters.tags = currentFilters.tags.filter(t => t !== tagCode);
            // Sync with tag badges
            const $badge = $(`#availableTags .badge[data-tag="${tagCode}"]`);
            $badge.removeClass('selected');
            $badge.find('.close-filter').addClass('d-none');
        }
        
        console.log("Current tags:", currentFilters.tags);
        updateUrl();
    });

    $(document).on('click', '.brand-filter', function(e) {
        e.preventDefault();
        const brandName = $(this).data('brand');
        
        // Remove from current filters
        currentFilters.brands = currentFilters.brands.filter(b => b !== brandName);
        
        // Find and uncheck corresponding checkbox
        const $checkbox = $(`.brand-checkbox[data-brand-name="${brandName}"]`);
        if ($checkbox.length) {
            $checkbox.prop('checked', false);
            
            // Update corresponding badge and close filter
            const manufacturerId = $checkbox.val();
            const $badge = $(`#availableManufacturers .badge[data-manufacturer-id="${manufacturerId}"]`);
            $badge.removeClass('selected');
            $badge.find('.close-filter').addClass('d-none');
        }
        
        updateUrl();
    });

    // === TAG BADGE HANDLER === 
    $(document).on('click', '#availableTags .badge', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $badge = $(this);
        const tagCode = $badge.data('tag');
        const tagTitle = $badge.data('tag-title');
        
        // Toggle selection
        $badge.toggleClass('selected');
        
        // Get the corresponding checkbox (if exists)
        const $checkbox = $(`.tag-checkbox[value="${tagCode}"]`);
        
        if ($badge.hasClass('selected')) {
            // Add to filters
            if (!currentFilters.tags.includes(tagCode)) {
                currentFilters.tags.push(tagCode);
            }
            // Show close filter
            $badge.find('.close-filter').removeClass('d-none');
            
            // Check corresponding checkbox if exists
            if ($checkbox.length) {
                $checkbox.prop('checked', true);
            }
        } else {
            // Remove from filters
            currentFilters.tags = currentFilters.tags.filter(t => t !== tagCode);
            // Hide close filter
            $badge.find('.close-filter').addClass('d-none');
            
            // Uncheck corresponding checkbox if exists
            if ($checkbox.length) {
                $checkbox.prop('checked', false);
            }
        }
        
        updateUrl();
    });

    // Close filter handler for tag badges
    $(document).on('click', '#availableTags .close-filter', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $closeBtn = $(this);
        const $badge = $closeBtn.closest('.badge');
        const tagCode = $badge.data('tag');
        const tagTitle = $badge.data('tag-title');
        
        // Remove selection
        $badge.removeClass('selected');
        $closeBtn.addClass('d-none');
        
        // Get the corresponding checkbox (if exists)
        const $checkbox = $(`.tag-checkbox[value="${tagCode}"]`);
        if ($checkbox.length) {
            $checkbox.prop('checked', false);
        }
        
        // Remove from filters
        currentFilters.tags = currentFilters.tags.filter(t => t !== tagCode);
        
        updateUrl();
    });

    // Active filter removal - SINGLE HANDLER
    $(document).on('click', '.active-filter-items .badge', function(e) {
        e.preventDefault();
        const $badge = $(this);
        const filterText = $badge.text().replace(' ×', '').trim();

        if ($badge.hasClass('price-filter')) {
            // Price filter removal
            currentFilters.price = { min: null, max: null };            
            $('.price-radio').prop('checked', false);
            $('.price-min').val('');
            $('.price-max').val('');
        } else if ($badge.hasClass('tag-remove')) {
            // Tag removal from active filters
            const tag = $badge.data('tag');
            currentFilters.tags = currentFilters.tags.filter(t => t !== tag);
            
            // Remove from tag options
            $(`.tag-option[data-tag="${tag}"]`).removeClass('bg-primary selected');
            $(`.tag-checkbox[value="${tag}"]`).prop('checked', false);
            
            // Remove from tag badges
            const $tagBadge = $(`#availableTags .badge[data-tag="${tag}"]`);
            $tagBadge.removeClass('selected');
            $tagBadge.find('.close-filter').addClass('d-none');
        } else {
            // Brand/Category removal (by text matching)
            if (currentFilters.brands.includes(filterText)) {
                currentFilters.brands = currentFilters.brands.filter(b => b !== filterText);
                $(`.brand-checkbox[data-brand="${filterText}"]`).prop('checked', false);
            } else if (currentFilters.categories.includes(filterText)) {
                currentFilters.categories = currentFilters.categories.filter(c => c !== filterText);
                $(`.category-checkbox[data-category="${filterText}"]`).prop('checked', false);
            }
        }
        
        updateUrl();
    });

    // === FILTER CHANGE HANDLERS ===
    $('.price-radio').on('change', function() {
        currentFilters.price = {
            min: $(this).data('min'),
            max: $(this).data('max')
        };
        updateUrl();
    });

    $('.price-min, .price-max').on('change', function() {
        $('.price-radio').prop('checked', false);
        currentFilters.price = {
            min: $('.price-min').val() || null,
            max: $('.price-max').val() || null
        };
        updateUrl();
    });

    $('.brand-checkbox').on('change', function() {
        const brandName = $(this).data('brand-name');
        if ($(this).is(':checked')) {
            if (!currentFilters.brands.includes(brandName)) {
                currentFilters.brands.push(brandName);
            }
        } else {
            currentFilters.brands = currentFilters.brands.filter(b => b !== brandName);
        }
        
        // Sync with manufacturer badges
        const manufacturerId = $(this).val();
        const $badge = $(`#availableManufacturers .badge[data-manufacturer-id="${manufacturerId}"]`);
        const $closeFilter = $badge.find('.close-filter');
        
        if ($(this).is(':checked')) {
            $badge.addClass('selected');
            $closeFilter.removeClass('d-none');
        } else {
            $badge.removeClass('selected');
            $closeFilter.addClass('d-none');
        }
        
        updateUrl();
    });

    $('.category-checkbox').on('change', function() {
        const categoryName = $(this).data('category');
        if ($(this).is(':checked')) {
            if (!currentFilters.categories.includes(categoryName)) {
                currentFilters.categories.push(categoryName);
            }
        } else {
            currentFilters.categories = currentFilters.categories.filter(c => c !== categoryName);
        }
        updateUrl();
    });

    // === MANUFACTURER BADGE HANDLER === 
    $(document).on('click', '#availableManufacturers .badge', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $badge = $(this);
        const manufacturerId = $badge.data('manufacturer-id');
        const manufacturerName = $badge.data('manufacturer-title');
        
        // Toggle selection
        $badge.toggleClass('selected');
        
        // Get the corresponding checkbox
        const $checkbox = $(`.brand-checkbox[value="${manufacturerId}"]`);
        
        if ($badge.hasClass('selected')) {
            // Add to filters
            $checkbox.prop('checked', true);
            if (!currentFilters.brands.includes(manufacturerName)) {
                currentFilters.brands.push(manufacturerName);
            }
            // Show close filter
            $badge.find('.close-filter').removeClass('d-none');
        } else {
            // Remove from filters
            $checkbox.prop('checked', false);
            currentFilters.brands = currentFilters.brands.filter(b => b !== manufacturerName);
            // Hide close filter
            $badge.find('.close-filter').addClass('d-none');
        }
        
        updateUrl();
    });

    // Close filter handler for manufacturer badges
    $(document).on('click', '#availableManufacturers .close-filter', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $closeBtn = $(this);
        const $badge = $closeBtn.closest('.badge');
        const manufacturerId = $badge.data('manufacturer-id');
        const manufacturerName = $badge.data('manufacturer-title');
        
        // Remove selection
        $badge.removeClass('selected');
        $closeBtn.addClass('d-none');
        
        // Get the corresponding checkbox
        const $checkbox = $(`.brand-checkbox[value="${manufacturerId}"]`);
        $checkbox.prop('checked', false);
        
        // Remove from filters
        currentFilters.brands = currentFilters.brands.filter(b => b !== manufacturerName);
        
        updateUrl();
    });

    // === CORE FUNCTIONS ===

    function updateActiveFilters() {
        let activeFiltersHtml = '';
        
        // Price filter
        if (currentFilters.price.min !== null || currentFilters.price.max !== null) {
            const min = currentFilters.price.min || '';
            const max = currentFilters.price.max || '';
            activeFiltersHtml += `
                <span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1 price-filter" 
                    data-min="${min}" 
                    data-max="${max}">
                    Price: ${min}-${max} lei ×
                </span>`;
        }
        
        // Brand filters
        currentFilters.brands.forEach(brand => {
            activeFiltersHtml += `<span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1 brand-filter" data-brand="${brand}">${brand} ×</span>`;
        });
        
        // Category filters
        currentFilters.categories.forEach(category => {
            activeFiltersHtml += `<span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1">${category} ×</span>`;
        });

        // Tag filters
        currentFilters.tags.forEach(tag => {
            activeFiltersHtml += `<span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1 tag-remove" data-tag="${tag}">${tag} ×</span>`;
        });
        
        $('.active-filter-items').html(activeFiltersHtml || '<span class="text-muted">No active filters</span>');
    }

    function updateUrl() {
        console.log("Updating URL with filters:", currentFilters);
        
        const url = new URL(window.location.href);
        const params = new URLSearchParams();

        // Clear all existing parameters and rebuild
        if (currentFilters.tags.length > 0) {
            params.set('tag', currentFilters.tags.join(','));
        }
        
        if (currentFilters.price.min || currentFilters.price.max) {
            params.set('min_price', currentFilters.price.min || '');
            params.set('max_price', currentFilters.price.max || '');
        }
        
        if (currentFilters.brands.length > 0) {
            const brandIds = [];
            $('.brand-checkbox:checked').each(function() {
                brandIds.push($(this).val());
            });
            params.set('manufacturer_id', brandIds.join(','));
        }
        
        if (currentFilters.categories.length > 0) {
            const categoryIds = [];
            $('.category-checkbox:checked').each(function() {
                categoryIds.push($(this).val());
            });
            params.set('category_id', categoryIds.join(','));
        }

        // Build the new URL
        const queryString = params.toString();
        const newUrl = queryString ? `${window.location.pathname}?${queryString}` : window.location.pathname;
        
        console.log("Updating URL to:", newUrl);
        
        // UPDATE URL FIRST, then make AJAX call
        window.history.pushState({}, '', newUrl);

        // Update active filters display
        updateActiveFilters(); // <-- ADD THIS LINE
        
        // Now make AJAX call with the updated URL
        loadFilteredProducts();
    }

    function loadFilteredProducts() {
        // Use the current URL (which now includes the tags)
        const url = new URL(window.location.href);
        url.searchParams.set('ajax_filter', '1');
        
        // Remove jQuery cache buster if you want clean URLs
        $.ajax({
            url: url.toString(),
            type: 'GET',
            dataType: 'html',
            cache: false, // This prevents the _ parameter
            beforeSend: function() {
                $('.cs-product-list').html('<div class="text-center py-5"><i class="fas fa-spinner fa-spin fa-3x"></i></div>');
            },
            success: function(response) {
                $('.cs-product-list').html(response);
                console.log("Products updated successfully from URL:", url.toString());
            },
            error: function(xhr, status, error) {
                console.error("AJAX Error:", error);
                $('.cs-product-list').html('<div class="text-center py-5">Error loading products</div>');
            }
        });
    }

    function initFiltersFromUrl() {
        const urlParams = new URLSearchParams(window.location.search);
        
        console.log("Initializing filters from URL");

        // Price
        const minPrice = urlParams.get('min_price');
        const maxPrice = urlParams.get('max_price');
        if (minPrice || maxPrice) {
            $('.price-min').val(minPrice || '');
            $('.price-max').val(maxPrice || '');
            currentFilters.price = { min: minPrice, max: maxPrice };
        }
        
        // Brands
        const brands = urlParams.get('manufacturer_id');
        if (brands) {
            const brandIds = brands.split(',');
            brandIds.forEach(id => {
                const $checkbox = $(`.brand-checkbox[value="${id}"]`);
                $checkbox.prop('checked', true);
                const brandName = $checkbox.data('brand-name');
                if (brandName && !currentFilters.brands.includes(brandName)) {
                    currentFilters.brands.push(brandName);
                }
                
                // Sync manufacturer badges and close filters
                const $badge = $(`#availableManufacturers .badge[data-manufacturer-id="${id}"]`);
                $badge.addClass('selected');
                $badge.find('.close-filter').removeClass('d-none');
            });
        }
        
        // Categories
        const categories = urlParams.get('category_id');
        if (categories) {
            const categoryIds = categories.split(',');
            categoryIds.forEach(id => {
                const $checkbox = $(`.category-checkbox[value="${id}"]`);
                $checkbox.prop('checked', true);
                const categoryName = $checkbox.data('category');
                if (categoryName && !currentFilters.categories.includes(categoryName)) {
                    currentFilters.categories.push(categoryName);
                }
            });
        }

        // Tags
        const tags = urlParams.get('tag');
        if (tags) {
            const tagArray = tags.split(',');
            tagArray.forEach(tag => {
                tag = tag.trim();
                if (tag && !currentFilters.tags.includes(tag)) {
                    currentFilters.tags.push(tag);
                }
                
                // Sync tag options
                $(`.tag-option[data-tag="${tag}"]`).addClass('bg-primary selected');
                $(`.tag-checkbox[value="${tag}"]`).prop('checked', true);
                
                // Sync tag badges and close filters
                const $badge = $(`#availableTags .badge[data-tag="${tag}"]`);
                $badge.addClass('selected');
                $badge.find('.close-filter').removeClass('d-none');
            });
        }
        
        updateActiveFilters();
    }
    
    // Clear filters
    $('.btn-subtie').on('click', function(e) {
        e.preventDefault();
        
        $('.form-check-input').prop('checked', false);
        $('.price-min, .price-max').val('');
        $('.tag-option').removeClass('bg-primary selected');
        
        // Clear manufacturer badges
        $('#availableManufacturers .badge').removeClass('selected');
        $('#availableManufacturers .close-filter').addClass('d-none');
        
        // Clear tag badges
        $('#availableTags .badge').removeClass('selected');
        $('#availableTags .close-filter').addClass('d-none');
        
        currentFilters = {
            price: { min: null, max: null },
            brands: [],
            categories: [],
            tags: []
        };
        
        // Update active filters display
        updateActiveFilters(); // <-- ADD THIS LINE
        
        const url = new URL(window.location.href);
        url.search = '';
        window.location.href = url.toString();
    });

    // Brand search functionality
    $('.brand-search').on('input', function() {
        const searchTerm = $(this).val().toLowerCase().trim();

        if (searchTerm.length > 0) {
            $('.brand-item').each(function() {
                const brandName = $(this).find('.brand-name').text().toLowerCase();
                if (brandName.includes(searchTerm)) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
            $(".toggle-brands").hide();
        } else {
            $('.brand-item').show();
            $('.brand-item.extra-brand').addClass('d-none');
            $(".toggle-brands").show();
        }
    });

    // Initialize
    initFiltersFromUrl();
});

</script>
					</div>
				</div>
				<div class="col-lg-10">
					
										<div class="cs-product-list">
						<div class="row">
																						<p>There are no products to list in this category.</p>
								<div class="text-end">
									<a href="https://coffeeshop.md/en/" class="btn btn-primary">Continue</a>
								</div>
													</div>
						
					</div>
					
					

																<section class="cs-section cs-category-description m-3">
							<div class="container-xxl">
								<div class="d-flex flex-column">
									<div class="cs-heading">
										<div class="content-container">
											<div class="full-content">
												<h2>Single-Origin Coffee Capsules — distinct character, brewed instantly</h2>

<p><strong>Single-Origin Capsules</strong> bring terroir expression into your machine — floral Ethiopian, creamy Brazilian or fruity Colombian cups.</p>

<h3>Who is it for?</h3>

<ul>
	<li>people who want clarity without grinding beans</li>
	<li>espresso and lungo drinkers</li>
	<li>origin explorers and tasting enthusiasts</li>
</ul>

<h3>Explore other Single Origin formats</h3>

<ul>
	<li><a href="https://coffeeshop.md/en/coffee/specialty-single-origin/beans-SO"><strong>Single-Origin Beans</strong></a></li>
	<li><a href="https://coffeeshop.md/en/coffee/ground-coffee/moka-single-origin"><strong>Moka Single-Origin Ground Coffee</strong></a></li>
</ul>

<h3>Why choose Single-Origin Capsules?</h3>

<ul>
	<li>tasting experience, no equipment required</li>
	<li>clear flavour identity</li>
	<li>perfect for premium gifting</li>
</ul>

<h3>Maintenance advice</h3>

<ul>
	<li>rinse the machine before and after brewing</li>
	<li>remove capsules immediately after extraction</li>
	<li>use filtered water for best flavour</li>
</ul>

<p><strong><a href="https://coffeeshop.md/en/maintenance-parts">See our maintenance category</a></strong> for full recommendations.</p>

<p><em>Single-Origin Capsules — clarity, convenience, character.</em></p>
											</div>
										</div>
									</div>
								</div>			
							</div>
						</section>
									</div>
			</div>
		</div>
	</section>
	<span id="currentUrl" style="display:none">https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3</span>
</div>

<!-- Mobile sortare modal start here -->
<div class="modal fade cs-modal cs-category-sortare" id="cs-mobile-sortare-modal" tabindex="-1"
	aria-labelledby="cs-mobile-sortare-modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
		<div class="modal-content">
			<div class="modal-header position-relative border-0">
				<button type="button" class="btn-close position-absolute" data-bs-dismiss="modal"
					aria-label="Close">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round"
							stroke-linejoin="round" />
					</svg>
				</button>
				<h5 class="fs-lg mb-1 w-100">Sort By</h5>
			</div>
			<div class="modal-body">
				<div class="cs-category-filter">
					<!-- Price -->
					<div class="cs-filter-card">
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort1" value="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3&amp;sort=p.sort_order&amp;order=ASC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort1">Newest</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort2" value="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3&amp;sort=pd.name&amp;order=ASC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort2">Name (A - Z)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort3" value="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3&amp;sort=pd.name&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort3">Name (Z - A)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort4" value="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3&amp;sort=p.price&amp;order=ASC"  checked onchange="location = this.value;">
								<label class="form-check-label" for="sort4">Price (Lowest)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort5" value="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3&amp;sort=p.price&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort5">Price (Highest)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort6" value="https://coffeeshop.md/en/coffee/specialty-single-origin/-in-capsules?manufacturer_id=152&amp;page=3&amp;sort=p.bonus_points&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort6">Bonus points</label>
							</div>
												
						<div class="form-check mb-2 d-flex align-items-center">
							<input class="form-check-input rounded-circle" type="radio" name="sort" id="sortRandom" 
								value="" 
																onchange="location = this.value;">
							<label class="form-check-label" for="sortRandom">Random</label>
						</div>
					</div>
					<!-- Intensity -->
				</div>
			</div>
			<!-- modal footer start -->
			<div class="modal-footer flex-column border-0">
				<div class="d-flex m-0 w-100 gap-3">
					<button type="submit" class="btn sm-btn-primary btn-md w-100">Apply</button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Sortare modal end here -->
<script>
$(document).ready(function() {
	// Initialize Owl Carousel
	var owlSlider = $("#cs-category-page").owlCarousel({
		items: 9,
		itemsDesktop: [1200, 8],
		itemsDesktop: [1000, 5],
		itemsDesktopSmall: [900, 5],
		itemsTablet: [600, 3],
		itemsMobile: false,
        // Important for touch
        touchDrag: true,
        mouseDrag: true,
		pullDrag: false,     // 🚫 prevents cross–axis “pulling”
		freeDrag: false,     // 🚫 prevents momentum drag
		smartSpeed: 600      // smoother animation (optional)
	});
	
	$(".cs-category-listing #cs-next").click(function() {
		owlSlider.trigger('owl.next');
	});
	
	$(".cs-category-listing #cs-prev").click(function() {
		owlSlider.trigger('owl.prev');
	});
});

$(document).ready(function() {
    // Initialize all availableManufacturers containers
    $('.availableManufacturers').each(function() {
        var $container = $(this);
        var $carousel = $container.find('ul');
        
        if (!$carousel.length) return;
        
        // Add required classes if not already present
        $carousel.addClass('owl-carousel owl-theme');
        
        // Initialize the carousel
        $carousel.owlCarousel({
            items: 3,
            loop: false,
            navigation: false,
            pagination: false,
            itemsDesktop: [1200, 5],
            itemsDesktopSmall: [1000, 5],
            itemsTablet: [900, 5],
            itemsMobile: [600, 5],
            touchDrag: true,
            mouseDrag: true,
            pullDrag: false,
            freeDrag: false,
            navigationText: ["", ""],
            afterInit: function() {
                updateNavButtons($carousel, $container);
            },
            afterMove: function() {
                updateNavButtons($carousel, $container);
            }
        });
        
        // Navigation buttons for this specific container
        $container.find('.cs-next').click(function(e) {
            e.preventDefault();
            $carousel.trigger('owl.next');
        });
        
        $container.find('.cs-prev').click(function(e) {
            e.preventDefault();
            $carousel.trigger('owl.prev');
        });
        
        // Initial update after a short delay
        setTimeout(function() {
            updateNavButtons($carousel, $container);
        }, 100);
    });
    
    function updateNavButtons(carousel, container) {
        var owl = carousel.data('owlCarousel');
        if (!owl) return;
        
        var current = owl.currentItem;
        var total = owl.itemsAmount;
        var visible = owl.options.items || 3;
        
        // Update buttons
        if (current <= 0) {
            container.find('.cs-prev').prop('disabled', true).addClass('disabled');
        } else {
            container.find('.cs-prev').prop('disabled', false).removeClass('disabled');
        }
        
        if (current >= total - visible) {
            container.find('.cs-next').prop('disabled', true).addClass('disabled');
        } else {
            container.find('.cs-next').prop('disabled', false).removeClass('disabled');
        }
    }
});

$(document).ready(function() {
	var owlSlider = $("#availableTags").owlCarousel({
		items: 3,
		loop: false,
		nav: false,
		dots: false,
		itemsDesktop: [1200, 8],
		itemsDesktopSmall: [1000, 5], // Fixed duplicate
		itemsTablet: [900, 5],
		itemsMobile: [600, 3], // Changed from false to actual value
		touchDrag: true,
		mouseDrag: true,
		pullDrag: false,
		freeDrag: false,
		smartSpeed: 600,
	});

	$(".availableTags #cs-next").click(function() {
		owlSlider.trigger('owl.next');
	});
	
	$(".availableTags #cs-prev").click(function() {
		owlSlider.trigger('owl.prev');
	});
});
</script>
<footer>
	<div class="container-xxl">
		<div class="row">
			<div class="col-lg-4">
				<div class="cs-footer-about">
					<a href="https://coffeeshop.md/en/" class="d-flex mb-4">
						<img src="catalog/view/image/logo-footer.png" alt="logo">
					</a>
					<ul class="mb-4">
						<li>
							<a href="tel:+37361151865" class="d-flex align-items-center gap-2 p-3 pt-2 pb-2 mb-2">
								<span>
									<svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M6.98356 7.44225C7.56356 8.65026 8.35422 9.78246 9.35553 10.7838C10.3568 11.7851 11.4891 12.5758 12.6971 13.1558C12.801 13.2056 12.8529 13.2306 12.9187 13.2497C13.1523 13.3179 13.4392 13.2689 13.637 13.1273C13.6927 13.0874 13.7403 13.0398 13.8356 12.9445C14.1269 12.6532 14.2726 12.5075 14.4191 12.4123C14.9715 12.0531 15.6837 12.0531 16.2361 12.4123C16.3825 12.5075 16.5282 12.6532 16.8196 12.9445L16.9819 13.1069C17.4248 13.5498 17.6462 13.7712 17.7665 14.009C18.0058 14.482 18.0058 15.0405 17.7665 15.5135C17.6462 15.7513 17.4248 15.9728 16.9819 16.4156L16.8506 16.547C16.4092 16.9883 16.1886 17.209 15.8885 17.3776C15.5556 17.5646 15.0385 17.699 14.6567 17.6979C14.3126 17.6969 14.0774 17.6301 13.607 17.4966C11.0792 16.7791 8.69387 15.4254 6.70388 13.4354C4.7139 11.4454 3.36017 9.06015 2.6427 6.53232C2.50919 6.06194 2.44244 5.82676 2.44141 5.48264C2.44028 5.10078 2.57475 4.58371 2.76176 4.25079C2.9303 3.95076 3.15098 3.73008 3.59233 3.28873L3.72369 3.15737C4.16656 2.7145 4.388 2.49307 4.62581 2.37278C5.09878 2.13355 5.65734 2.13355 6.1303 2.37278C6.36812 2.49307 6.58955 2.7145 7.03242 3.15737L7.19481 3.31976C7.48615 3.6111 7.63182 3.75677 7.72706 3.90325C8.08622 4.45566 8.08622 5.16781 7.72706 5.72022C7.63182 5.8667 7.48615 6.01237 7.19481 6.30371C7.09955 6.39897 7.05192 6.4466 7.01206 6.50227C6.87038 6.70013 6.82146 6.98701 6.88957 7.22064C6.90873 7.28638 6.93367 7.33834 6.98356 7.44225Z" stroke="#252B37" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
									</svg>
								</span>
								+37361151865
							</a>
						</li>
						<li>
							<a href="https://maps.app.goo.gl/gHCEiZxFYAGFjEhLA" target="_blank" class="d-flex align-items-center gap-2 p-3 pt-2 pb-2 mb-2">
								<span>
									<svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
										<g clip-path="url(#clip0_13594_7065)">
											<path d="M10.0007 10.8981C11.3814 10.8981 12.5007 9.77882 12.5007 8.39811C12.5007 7.0174 11.3814 5.89811 10.0007 5.89811C8.61994 5.89811 7.50065 7.0174 7.50065 8.39811C7.50065 9.77882 8.61994 10.8981 10.0007 10.8981Z" stroke="#252B37" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
											<path d="M10.0007 18.3981C13.334 15.0648 16.6673 12.08 16.6673 8.39811C16.6673 4.71621 13.6825 1.73145 10.0007 1.73145C6.31875 1.73145 3.33398 4.71621 3.33398 8.39811C3.33398 12.08 6.66732 15.0648 10.0007 18.3981Z" stroke="#252B37" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
										</g>
										<defs>
											<clipPath id="clip0_13594_7065">
												<rect width="20" height="20" fill="white" transform="translate(0 0.0644531)"></rect>
											</clipPath>
										</defs>
									</svg>
								</span>
								Petricani 88/8 street,<br />
Chisinau, Moldova
							</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/en/about-us" class="d-flex align-items-center gap-2 p-3 pt-2 pb-2 mb-2">
								<img src="catalog/view/image/MD.png" alt="img">Delivery in Moldova
							</a>
						</li>
					</ul>
					
					<div class="d-flex align-items-center gap-3 cs-socil-media d-none d-xl-flex">
						<p class="fs-sm fm-medium">Follow Us on Social Media Coffeeshop Moldova</p>
						<a href="https://www.facebook.com/coffeeshop.moldova" target="_blank">
							<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13594_7082)">
									<path d="M24 12.0645C24 5.43703 18.6274 0.0644531 12 0.0644531C5.37258 0.0644531 0 5.43703 0 12.0645C0 18.0539 4.3882 23.0184 10.125 23.9187V15.5332H7.07812V12.0645H10.125V9.4207C10.125 6.4132 11.9166 4.75195 14.6576 4.75195C15.9701 4.75195 17.3438 4.98633 17.3438 4.98633V7.93945H15.8306C14.34 7.93945 13.875 8.86453 13.875 9.81445V12.0645H17.2031L16.6711 15.5332H13.875V23.9187C19.6118 23.0184 24 18.0539 24 12.0645Z" fill="#1877F2"></path>
									<path d="M16.6711 15.5332L17.2031 12.0645H13.875V9.81445C13.875 8.86547 14.34 7.93945 15.8306 7.93945H17.3438V4.98633C17.3438 4.98633 15.9705 4.75195 14.6576 4.75195C11.9166 4.75195 10.125 6.4132 10.125 9.4207V12.0645H7.07812V15.5332H10.125V23.9187C11.3674 24.113 12.6326 24.113 13.875 23.9187V15.5332H16.6711Z" fill="white"></path>
								</g>
								<defs>
									<clipPath id="clip0_13594_7082">
										<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
									</clipPath>
								</defs>
							</svg>
						</a>
						<a href="https://www.instagram.com/coffeeshop.moldova" target="_blank" style="margin-left:5px">
							<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13594_7085)">
									<path d="M12 2.22539C15.2063 2.22539 15.5859 2.23945 16.8469 2.2957C18.0188 2.34727 18.6516 2.54414 19.0734 2.7082C19.6313 2.92383 20.0344 3.18633 20.4516 3.60352C20.8734 4.02539 21.1313 4.42383 21.3469 4.98164C21.5109 5.40352 21.7078 6.04102 21.7594 7.2082C21.8156 8.47383 21.8297 8.85352 21.8297 12.0551C21.8297 15.2613 21.8156 15.641 21.7594 16.902C21.7078 18.0738 21.5109 18.7066 21.3469 19.1285C21.1313 19.6863 20.8687 20.0895 20.4516 20.5066C20.0297 20.9285 19.6313 21.1863 19.0734 21.402C18.6516 21.566 18.0141 21.7629 16.8469 21.8145C15.5813 21.8707 15.2016 21.8848 12 21.8848C8.79375 21.8848 8.41406 21.8707 7.15313 21.8145C5.98125 21.7629 5.34844 21.566 4.92656 21.402C4.36875 21.1863 3.96563 20.9238 3.54844 20.5066C3.12656 20.0848 2.86875 19.6863 2.65313 19.1285C2.48906 18.7066 2.29219 18.0691 2.24063 16.902C2.18438 15.6363 2.17031 15.2566 2.17031 12.0551C2.17031 8.84883 2.18438 8.46914 2.24063 7.2082C2.29219 6.03633 2.48906 5.40352 2.65313 4.98164C2.86875 4.42383 3.13125 4.0207 3.54844 3.60352C3.97031 3.18164 4.36875 2.92383 4.92656 2.7082C5.34844 2.54414 5.98594 2.34727 7.15313 2.2957C8.41406 2.23945 8.79375 2.22539 12 2.22539ZM12 0.0644531C8.74219 0.0644531 8.33438 0.0785156 7.05469 0.134766C5.77969 0.191016 4.90313 0.397266 4.14375 0.692578C3.35156 1.00195 2.68125 1.40977 2.01563 2.08008C1.34531 2.7457 0.9375 3.41602 0.628125 4.20352C0.332812 4.96758 0.126563 5.83945 0.0703125 7.11445C0.0140625 8.39883 0 8.80664 0 12.0645C0 15.3223 0.0140625 15.7301 0.0703125 17.0098C0.126563 18.2848 0.332812 19.1613 0.628125 19.9207C0.9375 20.7129 1.34531 21.3832 2.01563 22.0488C2.68125 22.7145 3.35156 23.127 4.13906 23.4316C4.90313 23.727 5.775 23.9332 7.05 23.9895C8.32969 24.0457 8.7375 24.0598 11.9953 24.0598C15.2531 24.0598 15.6609 24.0457 16.9406 23.9895C18.2156 23.9332 19.0922 23.727 19.8516 23.4316C20.6391 23.127 21.3094 22.7145 21.975 22.0488C22.6406 21.3832 23.0531 20.7129 23.3578 19.9254C23.6531 19.1613 23.8594 18.2895 23.9156 17.0145C23.9719 15.7348 23.9859 15.327 23.9859 12.0691C23.9859 8.81133 23.9719 8.40352 23.9156 7.12383C23.8594 5.84883 23.6531 4.97227 23.3578 4.21289C23.0625 3.41602 22.6547 2.7457 21.9844 2.08008C21.3188 1.41445 20.6484 1.00195 19.8609 0.697266C19.0969 0.401953 18.225 0.195703 16.95 0.139453C15.6656 0.0785156 15.2578 0.0644531 12 0.0644531Z" fill="#000100"></path>
									<path d="M12 5.90039C8.59688 5.90039 5.83594 8.66133 5.83594 12.0645C5.83594 15.4676 8.59688 18.2285 12 18.2285C15.4031 18.2285 18.1641 15.4676 18.1641 12.0645C18.1641 8.66133 15.4031 5.90039 12 5.90039ZM12 16.0629C9.79219 16.0629 8.00156 14.2723 8.00156 12.0645C8.00156 9.85664 9.79219 8.06602 12 8.06602C14.2078 8.06602 15.9984 9.85664 15.9984 12.0645C15.9984 14.2723 14.2078 16.0629 12 16.0629Z" fill="#000100"></path>
									<path d="M19.8469 5.65684C19.8469 6.45371 19.2 7.0959 18.4078 7.0959C17.6109 7.0959 16.9688 6.44903 16.9688 5.65684C16.9688 4.85996 17.6156 4.21777 18.4078 4.21777C19.2 4.21777 19.8469 4.86465 19.8469 5.65684Z" fill="#000100"></path>
								</g>
								<defs>
									<clipPath id="clip0_13594_7085">
										<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
									</clipPath>
								</defs>
							</svg>
						</a>
					</div>
				</div>
			</div>
		
			
			<div class="col-lg-4 d-flex">
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">About Us</h5>
					<ul class="d-flex flex-column">
																																																												<li>
									<a href="https://coffeeshop.md/en/about-us" class="mb-2">About Coffeeshop.md</a>
								</li>
																												<li>
									<a href="https://coffeeshop.md/en/delivery-service" class="mb-2">Delivery Service</a>
								</li>
																																<li>
							<a href="https://coffeeshop.md/en/maintenance" class="mb-2">Coffee Machines Maintenance</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/en/contact-us" class="mb-2">Contact Us</a>
						</li>
					</ul>
				</div>
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Info Pages</h5>
					<ul class="d-flex flex-column">
						<li>
							<a href="https://coffeeshop.md/en/brands?manufacturer_id=152&amp;page=3" class="mb-2">Brand</a>
						</li>
																																														<li>
									<a href="https://coffeeshop.md/en/business-customers" class="mb-2">Business Customers</a>
								</li>
																												<li>
									<a href="https://coffeeshop.md/en/business-partners" class="mb-2">Business Partners</a>
								</li>
																																																						<li>
									<a href="https://coffeeshop.md/en/terms-conditions" class="mb-2">Terms &amp; Conditions</a>
								</li>
																								</ul>
				</div>
			</div>
			
			<div class="col-lg-4 d-flex">
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Account</h5>
					<ul class="d-flex flex-column">
												<li>
							<a href="#" class="mb-2" data-bs-toggle="modal" data-bs-target="#login-modal">My Order</a>
						</li>
						<li>
							<a href="#" class="mb-2" data-bs-toggle="modal" data-bs-target="#login-modal">My Favorites</a>
						</li>
																																									<li>
									<a href="https://coffeeshop.md/en/bonus-points" class="mb-2">Bonus<br/>Points</a>
								</li>
																																																																																			</ul>
				</div>
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Useful links</h5>
					<ul class="d-flex flex-column">
													<li>
								<a href="https://coffeeshop.md/en/blog" class="mb-2">Blog Coffeeshop.md</a>
							</li>
																								<li>
							<a href="https://coffeeshop.md/en/sets" class="mb-2">Sets</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/en/discounts?manufacturer_id=152&amp;page=3" class="mb-2">Discounts</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- mobile socila media link -->
			<div class="col-lg-4 d-flex d-xl-none flex-column gap-2 align-items-center cs-mobile-social media">
				<p class="fs-sm fm-medium">Follow Us on Social Media Coffeeshop Moldova</p>
				<div class="d-flex align-items-center gap-3 cs-socil-media">
					<a href="https://www.facebook.com/coffeeshop.moldova" target="_blank">
						<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
							<g clip-path="url(#clip0_13594_7082)">
								<path d="M24 12.0645C24 5.43703 18.6274 0.0644531 12 0.0644531C5.37258 0.0644531 0 5.43703 0 12.0645C0 18.0539 4.3882 23.0184 10.125 23.9187V15.5332H7.07812V12.0645H10.125V9.4207C10.125 6.4132 11.9166 4.75195 14.6576 4.75195C15.9701 4.75195 17.3438 4.98633 17.3438 4.98633V7.93945H15.8306C14.34 7.93945 13.875 8.86453 13.875 9.81445V12.0645H17.2031L16.6711 15.5332H13.875V23.9187C19.6118 23.0184 24 18.0539 24 12.0645Z" fill="#1877F2"></path>
								<path d="M16.6711 15.5332L17.2031 12.0645H13.875V9.81445C13.875 8.86547 14.34 7.93945 15.8306 7.93945H17.3438V4.98633C17.3438 4.98633 15.9705 4.75195 14.6576 4.75195C11.9166 4.75195 10.125 6.4132 10.125 9.4207V12.0645H7.07812V15.5332H10.125V23.9187C11.3674 24.113 12.6326 24.113 13.875 23.9187V15.5332H16.6711Z" fill="white"></path>
							</g>
							<defs>
								<clipPath id="clip0_13594_7082">
									<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
								</clipPath>
							</defs>
						</svg>
					</a>
					<a href="https://www.instagram.com/coffeeshop.moldova" target="_blank">
						<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
							<g clip-path="url(#clip0_13594_7085)">
								<path d="M12 2.22539C15.2063 2.22539 15.5859 2.23945 16.8469 2.2957C18.0188 2.34727 18.6516 2.54414 19.0734 2.7082C19.6313 2.92383 20.0344 3.18633 20.4516 3.60352C20.8734 4.02539 21.1313 4.42383 21.3469 4.98164C21.5109 5.40352 21.7078 6.04102 21.7594 7.2082C21.8156 8.47383 21.8297 8.85352 21.8297 12.0551C21.8297 15.2613 21.8156 15.641 21.7594 16.902C21.7078 18.0738 21.5109 18.7066 21.3469 19.1285C21.1313 19.6863 20.8687 20.0895 20.4516 20.5066C20.0297 20.9285 19.6313 21.1863 19.0734 21.402C18.6516 21.566 18.0141 21.7629 16.8469 21.8145C15.5813 21.8707 15.2016 21.8848 12 21.8848C8.79375 21.8848 8.41406 21.8707 7.15313 21.8145C5.98125 21.7629 5.34844 21.566 4.92656 21.402C4.36875 21.1863 3.96563 20.9238 3.54844 20.5066C3.12656 20.0848 2.86875 19.6863 2.65313 19.1285C2.48906 18.7066 2.29219 18.0691 2.24063 16.902C2.18438 15.6363 2.17031 15.2566 2.17031 12.0551C2.17031 8.84883 2.18438 8.46914 2.24063 7.2082C2.29219 6.03633 2.48906 5.40352 2.65313 4.98164C2.86875 4.42383 3.13125 4.0207 3.54844 3.60352C3.97031 3.18164 4.36875 2.92383 4.92656 2.7082C5.34844 2.54414 5.98594 2.34727 7.15313 2.2957C8.41406 2.23945 8.79375 2.22539 12 2.22539ZM12 0.0644531C8.74219 0.0644531 8.33438 0.0785156 7.05469 0.134766C5.77969 0.191016 4.90313 0.397266 4.14375 0.692578C3.35156 1.00195 2.68125 1.40977 2.01563 2.08008C1.34531 2.7457 0.9375 3.41602 0.628125 4.20352C0.332812 4.96758 0.126563 5.83945 0.0703125 7.11445C0.0140625 8.39883 0 8.80664 0 12.0645C0 15.3223 0.0140625 15.7301 0.0703125 17.0098C0.126563 18.2848 0.332812 19.1613 0.628125 19.9207C0.9375 20.7129 1.34531 21.3832 2.01563 22.0488C2.68125 22.7145 3.35156 23.127 4.13906 23.4316C4.90313 23.727 5.775 23.9332 7.05 23.9895C8.32969 24.0457 8.7375 24.0598 11.9953 24.0598C15.2531 24.0598 15.6609 24.0457 16.9406 23.9895C18.2156 23.9332 19.0922 23.727 19.8516 23.4316C20.6391 23.127 21.3094 22.7145 21.975 22.0488C22.6406 21.3832 23.0531 20.7129 23.3578 19.9254C23.6531 19.1613 23.8594 18.2895 23.9156 17.0145C23.9719 15.7348 23.9859 15.327 23.9859 12.0691C23.9859 8.81133 23.9719 8.40352 23.9156 7.12383C23.8594 5.84883 23.6531 4.97227 23.3578 4.21289C23.0625 3.41602 22.6547 2.7457 21.9844 2.08008C21.3188 1.41445 20.6484 1.00195 19.8609 0.697266C19.0969 0.401953 18.225 0.195703 16.95 0.139453C15.6656 0.0785156 15.2578 0.0644531 12 0.0644531Z" fill="#000100"></path>
								<path d="M12 5.90039C8.59688 5.90039 5.83594 8.66133 5.83594 12.0645C5.83594 15.4676 8.59688 18.2285 12 18.2285C15.4031 18.2285 18.1641 15.4676 18.1641 12.0645C18.1641 8.66133 15.4031 5.90039 12 5.90039ZM12 16.0629C9.79219 16.0629 8.00156 14.2723 8.00156 12.0645C8.00156 9.85664 9.79219 8.06602 12 8.06602C14.2078 8.06602 15.9984 9.85664 15.9984 12.0645C15.9984 14.2723 14.2078 16.0629 12 16.0629Z" fill="#000100"></path>
								<path d="M19.8469 5.65684C19.8469 6.45371 19.2 7.0959 18.4078 7.0959C17.6109 7.0959 16.9688 6.44903 16.9688 5.65684C16.9688 4.85996 17.6156 4.21777 18.4078 4.21777C19.2 4.21777 19.8469 4.86465 19.8469 5.65684Z" fill="#000100"></path>
							</g>
							<defs>
								<clipPath id="clip0_13594_7085">
									<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
								</clipPath>
							</defs>
						</svg>
					</a>
				</div>
			</div>
			<div class="cs-footer-bottom">
				<div class="container-xxl g-1">
					<div class="row flex-lg-row-reverse g-1">
						<br/>
						<div class="col-lg-6 d-flex align-items-center justify-content-end cs-footer-payment">
							<p>Payment Methods:</p>
							<ul class="d-flex gap-1">
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/visa-logo.png">
								</li>
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/ApplePay.png">
								</li>
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/GooglePay.png">
								</li>
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/Mastercard.png">
								</li>
							</ul>
						</div>
						<div class="col-lg-6">
							<p>&copy; 2026 Coffeeshop.md, All rights reserved</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>
	
<div class="modal fade cs-modal cs-modal-login" id="login-modal" tabindex="-1" aria-labelledby="login-modalLabel" aria-hidden="true" data-login-token="">
	<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
		<div class="modal-content">
			<div class="modal-header position-relative border-0">
				<button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
					<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
				</button>
				<div class="text-center mb-3">
					<img src="catalog/view/image/logo_vertical.png" alt="">
				</div>
				<h5 class="text-center fs-lg mb-1">Log in to your account</h5>
				<p class="text-center fs-sm">Welcome back! Please enter your details.</p>
			</div>
			<form id="form-login" action="https://coffeeshop.md/index.php?route=account/login.login&amp;language=en&amp;login_token=ab32b8ec684a50582647b7e0f0" method="post" data-oc-toggle="ajax" onsubmit="return false;">
				<div class="modal-body">
															<div class="d-flex cs-modal-social-btn social-login-buttons">
						<a href="https://coffeeshop.md/index.php?route=extension/opencart/module/social_login.google" class="btn btn-social d-flex align-items-center justify-content-center w-50" id="google-login">
							<svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13687_9831)">
									<path d="M24.2663 12.2765C24.2663 11.4608 24.2001 10.6406 24.059 9.83813H12.7402V14.4591H19.222C18.953 15.9495 18.0888 17.2679 16.8233 18.1056V21.104H20.6903C22.9611 19.014 24.2663 15.9274 24.2663 12.2765Z" fill="#4285F4"></path>
									<path d="M12.7401 24.0008C15.9766 24.0008 18.7059 22.9382 20.6945 21.1039L16.8276 18.1055C15.7517 18.8375 14.3627 19.252 12.7445 19.252C9.61388 19.252 6.95946 17.1399 6.00705 14.3003H2.0166V17.3912C4.05371 21.4434 8.2029 24.0008 12.7401 24.0008Z" fill="#34A853"></path>
									<path d="M6.00277 14.3002C5.50011 12.8099 5.50011 11.196 6.00277 9.70569V6.61475H2.01674C0.314734 10.0055 0.314734 14.0004 2.01674 17.3912L6.00277 14.3002Z" fill="#FBBC04"></path>
									<path d="M12.7401 4.74966C14.4509 4.7232 16.1044 5.36697 17.3434 6.54867L20.7695 3.12262C18.6001 1.0855 15.7208 -0.034466 12.7401 0.000808666C8.2029 0.000808666 4.05371 2.55822 2.0166 6.61481L6.00264 9.70575C6.95064 6.86173 9.60947 4.74966 12.7401 4.74966Z" fill="#EA4335"></path>
								</g>
								<defs>
									<clipPath id="clip0_13687_9831">
										<rect width="24" height="24" fill="white" transform="translate(0.5)"></rect>
									</clipPath>
								</defs>
							</svg>
							Google
						</a>
						<a href="https://coffeeshop.md/index.php?route=extension/opencart/module/social_login.facebook" class="btn btn-social d-flex align-items-center justify-content-center w-50">
							<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13594_7082)">
									<path d="M24 12.0645C24 5.43703 18.6274 0.0644531 12 0.0644531C5.37258 0.0644531 0 5.43703 0 12.0645C0 18.0539 4.3882 23.0184 10.125 23.9187V15.5332H7.07812V12.0645H10.125V9.4207C10.125 6.4132 11.9166 4.75195 14.6576 4.75195C15.9701 4.75195 17.3438 4.98633 17.3438 4.98633V7.93945H15.8306C14.34 7.93945 13.875 8.86453 13.875 9.81445V12.0645H17.2031L16.6711 15.5332H13.875V23.9187C19.6118 23.0184 24 18.0539 24 12.0645Z" fill="#1877F2"></path>
									<path d="M16.6711 15.5332L17.2031 12.0645H13.875V9.81445C13.875 8.86547 14.34 7.93945 15.8306 7.93945H17.3438V4.98633C17.3438 4.98633 15.9705 4.75195 14.6576 4.75195C11.9166 4.75195 10.125 6.4132 10.125 9.4207V12.0645H7.07812V15.5332H10.125V23.9187C11.3674 24.113 12.6326 24.113 13.875 23.9187V15.5332H16.6711Z" fill="white"></path>
								</g>
								<defs>
									<clipPath id="clip0_13594_7082">
										<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
									</clipPath>
								</defs>
							</svg>
							Facebook
						</a>
					</div>
                    <div class="cs-model-or text-center fs-sm position-relative">or</div>
					<div class="form-group">
						<label for="input-lemail" class="form-label fs-sm fm-medium">E-Mail Address</label>
						<input type="email" name="lemail" value="" placeholder="E-Mail Address" id="input-lemail" class="form-control cs-input-sm">
					</div>
					<div class="form-group">
						<label for="input-password" class="form-label fs-sm fm-medium">Password</label>
						<input type="password" name="password" value="" placeholder="Password" class="form-control cs-input-sm mb-1">
					</div>
					<div class="text-end cs-modal-link">
						<a href="https://coffeeshop.md/index.php?route=account/forgotten&amp;language=en" class="link-primary" data-bs-toggle="modal" data-bs-target="#forgot-password-modal" >Forgotten Password</a>
					</div>
				</div>
								<div class="modal-footer flex-column border-0">
					<div class="d-flex m-0 w-100">
						<button type="submit" class="btn btn-primary btn-md w-100">Login</button>
					</div>
					<div class="text-center cs-modal-link">
						<p class="text-muted fs-sm fm-medium">No account?
							<a href="https://coffeeshop.md/index.php?route=account/register.register&amp;language=en&amp;register_token=7f1e0467f6040535d45fe818da" class="link-primary ms-2" data-bs-toggle="modal" data-bs-target="#register-modal">Register</a>
						</p>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<script>
$('.social-login-buttons a').on('click', function(e) {
    e.preventDefault();
    
    // Simply redirect to the social login URL
    window.location.href = $(this).attr('href');
});
$(document).ready(function() {
    $('#form-login').on('keydown', function(e) {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    // Refresh login token when modal opens
    $('#login-modal').on('show.bs.modal', function() {
        $.ajax({
            url: 'index.php?route=common/footer|getLoginToken&language=' + $('html').attr('lang'),
            dataType: 'json',
            success: function(response) {
                if (response.token) {
                    var newUrl = 'index.php?route=account/login.login&language=' + $('html').attr('lang') + '&login_token=' + response.token;
                    $('#form-login').attr('action', newUrl);
                }
            },
            error: function(xhr, status, error) {
                console.error('Error getting login token:', error);
            }
        });
    });

    let isLoggingIn = false;

    // Handle form submission
    $('#form-login').off('submit').on('submit', function(e) {
        e.preventDefault();
		e.stopImmediatePropagation(); // Prevent other handlers from executing

        if (isLoggingIn) return;
            isLoggingIn = true;

		const $form = $(this);
		const $submitBtn = $form.find('button[type="submit"]');
        
        $.ajax({
            url: $form.attr('action'),
            type: 'post',
            data: $form.serialize(),
            dataType: 'json',
            beforeSend: function() {
				$submitBtn.prop('disabled', true).addClass('loading');
                $('.invalid-feedback').empty();
                $('.is-invalid').removeClass('is-invalid');
            },
            complete: function() {
                //$('#login-modal button[type="submit"]').removeAttr('disabled').removeClass('loading');
                //isLoggingIn = false;
            },
            success: function(json) {
				if (json['redirect']) {
					location.reload(); return false;
                    //location = json['redirect'];
                } else if (json['error']) {
                    $('#login-modal .modal-body .alert-danger').remove(); // Prevent duplicate alerts
                    $('#login-modal .modal-body').prepend('<div class="alert alert-danger alert-dismissible">' + json['error']['warning'] + '</div>');
                }
				// Re-enable the button after error handling
				$submitBtn.prop('disabled', false).removeClass('loading');
				isSubmitting = false;
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.error(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
});
</script>
<div class="modal fade cs-modal cs-modal-login" id="register-modal" tabindex="-1" aria-labelledby="register-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <div class="text-center mb-3">
                    <img src="catalog/view/image/logo_vertical.png" alt="">
                </div>
                <h5 class="text-center fs-lg mb-1">Register to Unlock Rewards</h5>
                <p class="text-center fs-sm">Sign up (it's free!) to get 25 Golden Beans and exclusive member benefits instantly.</p>
            </div>
            <div class="modal-body">
                <form id="form-register" action="https://coffeeshop.md/index.php?route=account/register&amp;language=en" method="post" data-oc-toggle="ajax" onsubmit="return false;">
                    <input type="hidden" name="customer_group_id" id="input-customer-group-id" value="1" />
                                            <nav>
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                                                    <button class="nav-link active w-50 fs-sm fm-semibold" 
                                            id="group-1-tab" 
                                            data-bs-toggle="tab" 
                                            data-bs-target="#group-1" 
                                            type="button" 
                                            role="tab" 
                                            data-customer-group="1">
                                        Personal
                                    </button>
                                                                    <button class="nav-link  w-50 fs-sm fm-semibold" 
                                            id="group-3-tab" 
                                            data-bs-toggle="tab" 
                                            data-bs-target="#group-3" 
                                            type="button" 
                                            role="tab" 
                                            data-customer-group="3">
                                        Business
                                    </button>
                                                            </div>
                        </nav>
                                        
                    <div class="tab-content" id="nav-tabContent">
                        <!-- Business Account Tab -->
                        <div class="tab-pane fade" id="group-3" role="tabpanel" tabindex="0">
                            <div class="alert alert-brand d-flex align-items-start fs-sm fm-medium" role="alert" id="bsolution">
                                <span>
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 3.75C7.77905 3.75 8.02429 3.93499 8.10095 4.2033L8.77862 6.57512C9.07523 7.61327 9.88673 8.42477 10.9249 8.72138L13.2967 9.39905C13.565 9.47571 13.75 9.72095 13.75 10C13.75 10.2791 13.565 10.5243 13.2967 10.601L10.9249 11.2786C9.88673 11.5752 9.07523 12.3867 8.77862 13.4249L8.10095 15.7967C8.02429 16.065 7.77905 16.25 7.5 16.25C7.22095 16.25 6.97571 16.065 6.89905 15.7967L6.22138 13.4249C5.92477 12.3867 5.11327 11.5752 4.07512 11.2786L1.7033 10.601C1.43499 10.5243 1.25 10.2791 1.25 10C1.25 9.72095 1.43499 9.47571 1.7033 9.39905L4.07512 8.72138C5.11327 8.42477 5.92477 7.61327 6.22138 6.57512L6.89905 4.2033C6.97571 3.93499 7.22095 3.75 7.5 3.75Z" fill="#543D35"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15 1.25C15.2868 1.25 15.5368 1.44519 15.6063 1.72342L15.8221 2.5863C16.018 3.37005 16.63 3.982 17.4137 4.17794L18.2766 4.39366C18.5548 4.46322 18.75 4.71321 18.75 5C18.75 5.28679 18.5548 5.53678 18.2766 5.60634L17.4137 5.82206C16.63 6.018 16.018 6.62995 15.8221 7.4137L15.6063 8.27658C15.5368 8.55481 15.2868 8.75 15 8.75C14.7132 8.75 14.4632 8.55481 14.3937 8.27658L14.1779 7.4137C13.982 6.62995 13.37 6.018 12.5863 5.82206L11.7234 5.60634C11.4452 5.53678 11.25 5.28679 11.25 5C11.25 4.71321 11.4452 4.46322 11.7234 4.39366L12.5863 4.17794C13.37 3.982 13.982 3.37005 14.1779 2.5863L14.3937 1.72342C14.4632 1.44519 14.7132 1.25 15 1.25Z" fill="#543D35"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 12.5C14.019 12.5 14.2579 12.6721 14.3429 12.9274L14.6715 13.913C14.7959 14.2862 15.0888 14.5791 15.462 14.7035L16.4476 15.0321C16.7029 15.1171 16.875 15.356 16.875 15.625C16.875 15.894 16.7029 16.1329 16.4476 16.2179L15.462 16.5465C15.0888 16.6709 14.7959 16.9638 14.6715 17.337L14.3429 18.3226C14.2579 18.5779 14.019 18.75 13.75 18.75C13.481 18.75 13.2421 18.5779 13.1571 18.3226L12.8285 17.337C12.7041 16.9638 12.4112 16.6709 12.038 16.5465L11.0524 16.2179C10.7971 16.1329 10.625 15.894 10.625 15.625C10.625 15.356 10.7971 15.1171 11.0524 15.0321L12.038 14.7035C12.4112 14.5791 12.7041 14.2862 12.8285 13.913L13.1571 12.9274C13.2421 12.6721 13.481 12.5 13.75 12.5Z" fill="#543D35"></path>
                                    </svg>
                                </span>
                                <div>Solutions for your business! Business account with quick billing, accounting summary statements and personalized offers. For more details <a href="https://coffeeshop.md/en/contact-us" class="alert-link fs-sm fm-medium">read here</a>.</div>
                            </div>
                            
                                                                                            <div class="form-group custom-field custom-field-43" data-field="business-name">
                                    <label for="input-custom-field-43" class="form-label fs-sm fm-medium">Business Name</label>
                                    <input type="text" name="custom_field[43]" value="" placeholder="Business Name" id="input-custom-field-43" class="form-control" />
                                    <div id="error-custom-field-43" class="invalid-feedback"></div>
                                </div>
                                                                                                                                                                                                                                                                        </div>
                        
                        <!-- Personal Account Tab -->
                        <div class="tab-pane fade show active" id="group-1" role="tabpanel" tabindex="0">
                            <!-- Personal account specific fields (none in this case) -->
                        </div>
                        
                        <!-- Common Fields (Visible in both tabs) -->
                        <div class="d-flex gap-3">
                            <div class="form-group required" data-field="firstname">
                                <label for="input-firstname" class="form-label fs-sm fm-medium">First Name</label>
                                <input type="text" name="firstname" value="" placeholder="First Name" id="input-firstname" class="form-control cs-input-sm" />
                                <div id="error-firstname" class="invalid-feedback"></div>
                            </div>
                            <div class="form-group required" data-field="lastname">
                                <label for="input-lastname" class="form-label fs-sm fm-medium">Last Name</label>
                                <input type="text" name="lastname" value="" placeholder="Last Name" id="input-lastname" class="form-control cs-input-sm"/>
                                <div id="error-lastname" class="invalid-feedback"></div>
                            </div>
                        </div>
                        
                        <!-- Telephone Field (Visible in both tabs) -->
                        <div class="form-group required" data-field="phone">
                            <label for="input-phone" class="form-label fs-sm fm-medium">Telephone</label>
                            <input type="tel" name="phone" value="" placeholder="Telephone" id="input-phone" class="form-control cs-input-sm"/>
                            <div id="error-telephone" class="invalid-feedback"></div>
                        </div>
                        
                        <div class="form-group required" data-field="uemail">
                            <label for="input-uemail" class="form-label fs-sm fm-medium">E-Mail</label>
                            <input type="email" name="uemail" value="" placeholder="E-Mail" id="input-uemail" class="form-control cs-input-sm" data-field="uemail"/>
                            <div id="error-email" class="invalid-feedback"></div>
                        </div>
                        <div class="form-group required" data-field="password">
                            <label for="input-password" class="form-label fs-sm fm-medium">Password</label>
                            <input type="password" name="password" value="" placeholder="Password" class="form-control cs-input-sm"/>
                            <div id="error-password" class="invalid-feedback"></div>
                        </div>
                                                    <div class="form-check d-flex align-items-start mb-3">
                                <input type="checkbox" name="agree" value="1" class="form-check-input"/>
                                <label class="form-check-label">I hereby give consent for my personal data to be processed</label>
                            </div>
                                            </div>
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary btn-md w-100">Register</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer flex-column border-0">
                <div class="text-center cs-modal-link">
                    <p class="text-muted fs-sm fm-medium">Already have an account?
                        <a href="https://coffeeshop.md/index.php?route=account/login.login&amp;language=en&amp;login_token=ab32b8ec684a50582647b7e0f0" class="link-primary ms-2"  data-bs-toggle="modal" data-bs-target="#login-modal">Log-in!</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript"><!--
$(document).ready(function() {
    // Initialize customer group and field visibility
    let currentCustomerGroup = $('#input-customer-group-id').val();
    toggleFields(currentCustomerGroup);

    // Handle customer group changes
    $('[data-customer-group]').off('click').on('click', function() {
        currentCustomerGroup = $(this).data('customer-group');
        $('#input-customer-group-id').val(currentCustomerGroup);
        toggleFields(currentCustomerGroup);
    });

    function toggleFields(groupId) {
        // Group-specific fields
        if(groupId == 1) { // Personal
            $('#bsolution').addClass('d-none');
            $('[data-field="business-name"]').hide().removeAttr('required');
        } 
        else if(groupId == 3) { // Business
            $('#bsolution').removeClass('d-none');
            $('[data-field="business-name"]').show().attr('required', true);
        }
        
        // Telephone is always visible and required for both groups
        $('[data-field="phone"]').show().attr('required', true);
    }

    // Refresh register token when modal opens
    $('#register-modal').on('show.bs.modal', function() {
        $.ajax({
            url: 'index.php?route=common/footer|getRegisterToken&language=' + $('html').attr('lang'),
            dataType: 'json',
            success: function(response) {
                if (response.token) {
                    var newUrl = 'index.php?route=account/register.register&language=' + $('html').attr('lang') + '&register_token=' + response.token;
                    $('#form-register').attr('action', newUrl);
                }
            },
            error: function(xhr, status, error) {
                console.error('Error getting register token:', error);
            }
        });
    });

    // Prevent Enter key submission
    $('#form-register').on('keydown', function(e) {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    let isSubmitting = false;

    // Handle form submission
    $('#form-register').on('submit', function(e) {
        e.preventDefault();
        e.stopImmediatePropagation(); // Prevent other handlers from executing

        if (isSubmitting) return;
        isSubmitting = true;

        const $form = $(this);
        const $submitBtn = $form.find('button[type="submit"]');

        $.ajax({
            url: $form.attr('action'),
            type: 'post',
            data: $form.serialize(),
            dataType: 'json',
            beforeSend: function() {
                $submitBtn.prop('disabled', true).addClass('loading');
                $('.invalid-feedback').empty();
                $('.is-invalid').removeClass('is-invalid');
            },
            complete: function() {
                //$submitBtn.prop('disabled', false).removeClass('loading');
                //isSubmitting = false;
            },
            success: function(json) {
                if (json['redirect']) {
                    location = json['redirect'];
                } else if (json['error']) {
                    // Handle field errors
                    $.each(json['error'], function(key, value) {
                        const element = $('#error-' + key.replace(/\./g, '-'));
                        console.log(element);
                        if (element.length) {
                            element.parent().find('.form-control').addClass('is-invalid');
                            element.html(value);
                        }
                    });
                    
                    // Handle general error
                    if (json['error']['warning']) {
                        $('#register-modal .modal-body .alert-danger').remove(); // Prevent duplicate alerts
                        $('#register-modal .modal-body').prepend('<div class="alert alert-danger alert-dismissible">' +  json['error']['warning'] + '</div>');
                    }
                    // Re-enable the button after error handling
                    $submitBtn.prop('disabled', false).removeClass('loading');
                    isSubmitting = false;
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.error(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
});
//--></script>
<div class="modal fade cs-modal cs-modal-login" id="forgot-password-modal" tabindex="-1" aria-labelledby="forgot-password-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <div class="text-center mb-3">
                    <img src="catalog/view/image/logo_vertical.png" alt="">
                </div>
                <h5 class="text-center fs-lg mb-1">Forgot Password?</h5>
            </div>
            <form id="form-forgotten" action="https://coffeeshop.md/index.php?route=account/forgotten.confirm&amp;language=en" method="post" data-oc-toggle="ajax" onsubmit="return false;">
                <div class="modal-body">
                    <div class="form-group required">
                        <label for="input-email" class="form-label fs-sm fm-medium">E-Mail Address</label>
                        <input type="email" name="email" value="" placeholder="E-Mail Address" id="input-email" class="form-control cs-input-sm" required>
                        <div id="error-email" class="invalid-feedback"></div>
                    </div>
                </div>
                <div class="modal-footer flex-column border-0">
                    <div class="d-flex m-0 w-100">
                        <button type="submit" class="btn btn-primary btn-md w-100">Reset Password</button>
                    </div>
                    <div class="text-center cs-modal-link">
                        <p class="text-muted fs-sm fm-medium">Already have an account?
                            <a href="https://coffeeshop.md/index.php?route=account/login.login&amp;language=en&amp;login_token=ab32b8ec684a50582647b7e0f0" class="link-primary ms-2" data-bs-toggle="modal" data-bs-target="#login-modal">Login</a>
                        </p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
$(document).ready(function() {
    // Prevent Enter key submission
    $('#form-forgotten').on('keydown', function(e) {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    let isSubmitting = false;

    // Handle form submission
    $('#form-forgotten').off('submit').on('submit', function(e) {
        e.preventDefault();
        e.stopImmediatePropagation(); // Prevent other handlers from executing

        if (isSubmitting) return;
        isSubmitting = true;

        const $form = $(this);
        const $submitBtn = $form.find('button[type="submit"]');

        $.ajax({
            url: $form.attr('action'),
            type: 'post',
            data: $form.serialize(),
            dataType: 'json',
            beforeSend: function() {
                $submitBtn.prop('disabled', true).addClass('loading');
            },
            complete: function() {
            },
            success: function(json) {
                console.log(json);
                if (json['redirect']) {
                    //location = json['redirect'];
                    showModal('Success', json['success'], 'success', 'Close');
                } else if (json['error']) {
                    if (json['error']) {
                        $('#forgot-password-modal .modal-body .alert-danger').remove();
                        $('#forgot-password-modal .modal-body').prepend('<div class="alert alert-danger alert-dismissible">' +  json['error'] + '</div>');
                    }

                    $submitBtn.prop('disabled', false).removeClass('loading');
                    isSubmitting = false;
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.error(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
});
</script>
<div class="modal fade cs-modal cs-bonus-points-information" id="bonus-points-information-modal" tabindex="-1" aria-labelledby="bonus-points-information-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </button>
                <h5 class="fs-lg mb-1 w-100"></h5>
            </div>
            <div class="modal-body">
                <div class="cs-bonous-image">
                    <a href="javascript:void(0);"><img src="catalog/view/image/bonus-image.png" alt="" onerror="this.onerror=null;this.src='https://placehold.co/150x150/cccccc/000000?text=Bonus+Image';"></a>
                </div>
                <div class="cs-bonous-despre">
                    <h5 class="fs-sm w-100 mb-2"></h5>
                    <div class="cs-bonous-despre-list row g-3">
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p></p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p></p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p></p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p> <br> </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cs-more-bonus-points">
                    <h5 class="fs-sm w-100 mb-2"></h5>
                    <p></p>
                </div>
            </div>
            <div class="modal-footer flex-column border-0">
                <div class="d-flex m-0 w-100">
                    <button type="button" data-bs-dismiss="modal" class="btn sm-btn-primary btn-md w-100">Back to product</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade cs-modal cs-delivery-service" id="delivery-service-information-modal" tabindex="-1" aria-labelledby="delivery-service-information-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </button>
                <h5 class="fs-lg mb-1 w-100">Delivery Service Information</h5>
            </div>
            <div class="modal-body">
                <div class="cs-delivery-service position-relative">
                    <img src="catalog/view/image/delivery-modal.png" alt="delivery">
                    <div class="cs-delivery-service-time position-absolute w-100">
                        <h5 class="fs-md">Monday to Friday</h5>
                        <p class="fs-xs">Chisinau: 10:00-19:00 / National: 10:00-21:00</p>
                    </div>
                </div>
                <div class="cs-delivery-service-special">
                    <h6 class="fs-md fm-medium text-center"><span class="text-danger">*</span>Special!</h6>
                    <p class="text-center">Free delivery on orders over 1000 lei.</p>
                </div>
                <div class="cs-delivery-service-fees">
                    <h6 class="fs-sm mb-2">Delivery fees:</h6>
                    <ul class="d-flex flex-column">
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Pick up</span> Petricani 88/8 , Mn-Fy 10-18.00</p>
                            <span class="badge bg-brand">free</span>
                        </li>
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Chisinau</span> VAT included</p>
                            <span class="badge bg-brand"><span class="text-danger">*</span>69 Lei</span>
                        </li>
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">National in Moldova</span> VAT included</p>
                            <span class="badge bg-brand"><span class="text-danger">*</span>99 Lei</span>
                        </li>
                    </ul>
                </div>
                <div class="cs-delivery-service-index">
                    <h5 class="fs-sm mb-2">Weight index:</h5>
                    <p class="mb-3">+1,00 leu/kg (Chisinau) și +2,00 lei/kg (National) pentru greutăți peste 3 kg.</p>
                    <p>Exemplu: 5 kg = 69,00 + 2,00 = 71,00 lei.</p>
                </div>
            </div>
            <div class="modal-footer flex-column border-0">
                <div class="d-flex m-0 w-100">
                    <button type="button" data-bs-dismiss="modal" class="btn sm-btn-primary btn-md w-100">Back to product</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function changeQuantity(button, change) {
    event.preventDefault();
    event.stopPropagation();

    const wrapper = button.closest('.quantity-wrapper');
    if (!wrapper) {
        console.error("Quantity wrapper not found for button:", button);
        return;
    }

    const input = wrapper.querySelector('.quantity-input');
    if (!input) {
        console.error("Quantity input not found within wrapper:", wrapper);
        return;
    }

    let value = parseInt(input.value) || 0;

    const min = parseInt(input.getAttribute('min')) || 1;
    const max = parseInt(input.getAttribute('max')) || 99;

    let newQuantity = value + change;

    if (newQuantity < min) {
        newQuantity = min;
    } else if (newQuantity > max) {
        newQuantity = max;
    }

    input.value = newQuantity;
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.quantity-plus').forEach(button => {
        button.addEventListener('click', function(e) {
            e.preventDefault();
            const form = this.closest('form');
            const input = form.querySelector('.quantity-input');
            let value = parseInt(input.value);
            const max = parseInt(input.max) || 99;
            
            if (value < max) {
                input.value = value + 1;
            }
        });
    });

    document.querySelectorAll('.quantity-minus').forEach(button => {
        button.addEventListener('click', function(e) {
            e.preventDefault();
            const form = this.closest('form');
            const input = form.querySelector('.quantity-input');
            let value = parseInt(input.value);
            const min = parseInt(input.min) || 1;
            
            if (value > min) {
                input.value = value - 1;
            }
        });
    });
});

$(document).ready(function() {
	
		
	function convertModalLinks() {
		$('.modal-body a[href*="account/login"]').each(function() {
			$(this).attr({
				'data-bs-toggle': 'modal',
				'data-bs-target': '#login-modal'
			}).click(function(e) {
				e.preventDefault();
			});
		});
		
		$('.modal-body a[href*="account/register"]').each(function() {
			$(this).attr({
				'data-bs-toggle': 'modal',
				'data-bs-target': '#register-modal'
			}).click(function(e) {
				e.preventDefault();
			});
		});
	}

	var checkModal = setInterval(function() {
		if ($('.modal-body').length) {
			convertModalLinks();
			clearInterval(checkModal);
		}
	}, 500);
	
	// Also check when any modal is shown
	$(document).on('shown.bs.modal', function() {
		convertModalLinks();
	});
});

$(document).ready(function() {
    const wishlist = [];
    
    wishlist.forEach(function(productId) {
        const productElements = $(`.productId${productId}`);
        
        productElements.each(function() {
            const $button = $(this).find('button[formaction*="wishlist.add"]');
            const $svgPath = $button.find('svg path');
            
            if ($svgPath.length) {
                $svgPath.attr('fill', '#D92D20');
                $svgPath.removeAttr('stroke');
                
                $button.attr('title', 'Added to Wish List');
				$button.attr('data-bs-original-title', 'Added to Wish List');
                $button.attr('aria-label', 'Added to Wish List');
                
                $button.addClass('in-wishlist');
            }
        });
    });
});
</script>
<script src="catalog/view/javascript/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    // Check if we're on a product page and need URL replacement
    function updateProductURL() {
        // Get the canonical URL from the head
        var canonicalLink = $('link[rel="canonical"]').attr('href');
        
        if (!canonicalLink) return;
        
        // Check if current URL is different from canonical URL
        var currentURL = window.location.href;
        
        // Only proceed if we're NOT already on the canonical URL
        if (currentURL !== canonicalLink) {
            // Use History API to replace URL without page reload
            window.history.replaceState({}, '', canonicalLink);
            console.log('URL updated to: ' + canonicalLink);
        }
    }
    		// Run the function
		updateProductURL();
	});
</script>
</body>
</html>