<script>

document.addEventListener("DOMContentLoaded", function() {


let snippetSearchRepeat = 0;
let tistore = setInterval(function() {
        const productListNum = document.querySelector('.t-store__product-snippet');
        if(productListNum) {
            if(productListNum.hasAttribute("data-product-url")){
                clearInterval(tistore);
                createMinutesTable();
            };
        };
        snippetSearchRepeat++;
        if(snippetSearchRepeat>50) clearInterval(tistore);
}, 100);   


const gridCont = document.querySelectorAll(".js-store-grid-cont");
gridCont.forEach(function (el, index) {
    el.addEventListener('tStoreRendered',function(e) {
        createMinutesTable();
    });    
});


function createMinutesTable(){
    setTimeout(function(){
    
        const gridRelevantCont = document.querySelectorAll(".t-store__relevants-grid-cont");
        gridRelevantCont.forEach(function (el, index) {
            el.addEventListener('tStoreRendered',function(e) {
                createMinutesTable();
            });    
        });
        
        let productObj
        
        const currency = document.querySelector('.t-store__card__price-currency').innerText;
        
        const store = tStoreXHR;
        for (let key in store) {
            let productList = JSON.parse(store[key]['response']);
	        productList = productList['products'];
	        
	        for(let i=0; i<productList.length ; i++){
	            
	            const prodLine = productList[i];
	            const uid  = prodLine['uid'];
	            
	            const minTime1 = prodLine.editions[0]['Min'];
	            const minPrice1 = prodLine.editions[0]['price'].split('.')[0];
	            
	            let minTime2 = 0;
	            let minPrice2 = 0;
	            
	            const columns = prodLine['editions'].length - 1;
	            
	            
	            let tableElement = `
	                <div class="table-wrapper-col1">
                        <div class="table-min">${minTime1} min</div>
                        <div class="table-price">${currency}${minPrice1}</div>
                    </div>
	            `;
	            
	            
	            if(columns){
	                minTime2 = prodLine.editions[1]['Min'];
	                minPrice2 = prodLine.editions[1]['price'].split('.')[0];
	                
	                tableElement += `
    	                <div class="table-wrapper-col2">
                            <div class="table-min">${minTime2} min</div>
                            <div class="table-price">${currency}${minPrice2}</div>
                        </div>
	                `;
	                
	                
	            };
	            

                const productWithLid = document.querySelectorAll('.js-product.t-col[data-product-gen-uid="'+uid+'"]');
                productWithLid.forEach(function (el, index) {
                    
                    const lastTable = el.querySelector('.table-wrapper');
                    if(lastTable!=null) lastTable.remove();
                    
                    const table = document.createElement("div");
                    table.className = "table-wrapper t-text";
                    table.innerHTML = tableElement;
                    
                    el.querySelector('.js-store-price-wrapper').insertAdjacentElement('afterEnd', table);

                });

	        };
	        
        };
            
        setTimeout(function(){
            window.dispatchEvent(new Event('resize'));
        }, 400);        

    }, 300); 
       
};

//При открытии карточки товара
document.addEventListener('click', function(event) { 
    if(event.target.closest('a[href*="/tproduct/"]')) createMinutesTable();
});


});
</script>


<style>
.table-wrapper {
    display: grid;
    grid-template-columns: 120px 120px;
    margin-top: 12px;
    font-size: 15px;
}

.js-product.t-col .js-store-price-wrapper {
    display: none;
}

.table-min {
    font-weight: 600;
    margin-bottom: 5px;
}

.js-product.t-col .js-product-controls-wrapper {
    display: none;
}

</style>