// pageType variable is declared in base.html.twig !
let galleryTabClicked = false;


$(document).on('click', '[data-ga-event="click"], [data-ga-event="click-pageType"], [data-ga-event-category="tab"]', function(e) {
    let skip = false;
    let category = $(this).attr('data-ga-event-category');
    var eventClick = $(this).attr('data-ga-event');
    var event = $(this).attr('data-ga-event-event');
    var action = $(this).attr('data-ga-event-action');
    var gaMasterLayer = '';
    
    if (event) {
        if (event == "click_dlazdice_makes" && action.length > 0) {
            gaMasterLayer = {
                'event': event,
                'znacka': action.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""),
            };
            
        } 

        else if (category && category.includes('tab-kategorie')){
            let categoryName = action.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9 _ |]/gi, "").replace(/ /g, "_").replace(/__/g, "_");
            gaMasterLayer = {
                'event': 'click_dlazdice_'+categoryName,
            };
        }
  
        else if(event.includes('vypis_main_dlazdice') || event.includes('vypis_secondary_dlazdice')){
            let make = $(this).attr('data-ga-make');
            let model = $(this).attr('data-ga-model');
            gaMasterLayer = {
                'event': event,
                'znacka': make,
                'model': model
            };
        }
        else if (event.includes('click_main_menu') || eventClick == 'click-pageType') {
            
            if(event.includes('fulltext_search')){
                let value = $(this).parents('.headerSearch').find('input[name="search"]').val();
                gaMasterLayer = {
                    'event': event,
                    'pageType': pageType,
                    'search_value': value
                };
            }else{
                //hp recommender position dependency
                if(event.includes('click_recom') && $(this).parents('.recently-viewed').length){
                    if($(this).parents('#recently-viewed-first').length){
                        event = event.split('click_recom_');
                        event = 'click_recom_nz_' + event[1];
                    }
                    if($(this).parents('#recently-viewed-second').length){
                        event = event.split('click_recom_');
                        event = 'click_recom_hledali_jste_' + event[1];
                    }
                    if($(this).parents('#recently-viewed-third').length){
                        event = event.split('click_recom_');
                        event = 'click_recom_dopr_' + event[1];
                    }
                    gaMasterLayer = {
                        'event': event
                    };

                    if(event === "click_recom_nz_сar"){
                        gaMasterLayer.productId = $(this).attr('data-ga-carId');
                        gaMasterLayer.pageType = pageType;
                        gaMasterLayer.znacka = $(this).attr('data-ga-make');
                        gaMasterLayer.model = $(this).attr('data-ga-model');
                    }
                }
                else if(event.includes('click_recom')){
                    if($(this).parents('#declineClose').length){
                        event = event.split('click_recom_');
                        event = 'click_recom_big_' + event[1];
                    }
                    if($(this).parents('.fixed-recommander').length){
                        event = event.split('click_recom_');
                        event = 'click_recom_small_' + event[1];
                    }
                    gaMasterLayer = {
                        'event': event,
                        'pageType': pageType
                    };
                }
                else{
                    if($(this).parents('.pswpSidebar').length){
                        gaMasterLayer = {
                            'event': event +'_galerie',
                            'pageType': pageType
                        };
                    }else{
                        gaMasterLayer = {
                            'event': event,
                            'pageType': pageType
                        };
                    }
                }
                
            }
        } else if (event.includes('click_vypis_porovnani')) {
            if ($('div.list-comparison').hasClass('list-comparison--active')) {
                gaMasterLayer = {
                    'event': 'click_vypis_porovnani_off',
                };
            } else {
                gaMasterLayer = {
                    'event': 'click_vypis_porovnani_on',
                };
            }
        } else if ((event.includes('click_slider') || event.includes('click_akce') || event.includes('click_banner')) && action.length > 0) {
            gaMasterLayer = {};
            gaMasterLayer.event = event;
            gaMasterLayer.marketing_campaign_name = action;
            gaMasterLayer.pageType = pageType;
            if($(this).parents('#homepageMainSlider').length){
                gaMasterLayer.banner_position = $(this).parent('li').index() + 1;
            }
            // gaMasterLayer = {
            //     'event': event,
            //     'marketing_campaign_name': action,
            //     'pageType': pageType
            // };
        } 
        else if (event.includes('click_filtr')) { 
            //label synthetic click prevention
            if($(e.target).is('input') || $(e.target).hasClass('tag')){
                let isChecked = $(this).find('input[type="checkbox"]').is(':checked') ? true : false;
                gaMasterLayer = {};
                gaMasterLayer.event = event; 
           
                if (event.includes('make')){
                    gaMasterLayer.znacka = action;
                }
                else if (event.includes('model')){
                    gaMasterLayer.model = action;
                }
                
                else if (event.includes('year_from')){
                    gaMasterLayer.year = action;
                }
                else if (event.includes('year_to')){
                    gaMasterLayer.year = action;
                }

                else if (event.includes('price_from')){
                    gaMasterLayer.price = action;
                }
                else if (event.includes('price_to')){
                    gaMasterLayer.price = action;
                }

                else if (event.includes('najeto_from')){
                    gaMasterLayer.najeto = action;
                }
                else if (event.includes('najeto_to')){
                    gaMasterLayer.najeto = action;
                }

                else if (event.includes('palivo')){
                    gaMasterLayer.palivo = action;
                }
                else if (event.includes('karoserie')){
                    gaMasterLayer.karoserie = action;
                }
                else if (event.includes('prevodovka')){
                    gaMasterLayer.prevodovka = action;
                }
                else if (event.includes('kategorie')){
                    gaMasterLayer.kategorie = action;
                }
                else if (event.includes('barva')){
                    gaMasterLayer.barva = action;
                }
                
                gaMasterLayer.pageType = pageType;
            }
            else{
                skip = true;
            }

        }
        
        else if (event.includes('otevreni_nove_okno')) { 
             //label synthetic click prevention
             if($(e.target).is('input:checked')){
                gaMasterLayer = {
                    'event': 'click_vypis_otevreni_nove_okno',
                };
             }
             else if($(e.target).is('input')) {
                gaMasterLayer = {
                    'event': 'click_vypis_otevreni_nove_okno_off',
                };
             }
        }
        else if (event.includes('click_vypis_serazeni')) { 
            //label synthetic click prevention
            if($(e.target).is('input')){
                gaMasterLayer = {
                    'event': event,
                    'serazeni_vypisu': action
                };
            }
            else{
                skip = true;
            }
        }
        else if(event.includes('click_cta_vykup')){
            let make = $(this).parents('form').find('input[type="radio"][name="makeId"]:checked').next().find('.selectVarMain').text().trim();
            let model = $(this).parents('form').find('input[type="radio"][name="modelId"]:checked').next().find('.selectVarMain').text().trim();
            gaMasterLayer = {
                'event': event,
                'znacka': make,
                'model': model
            };
        }
        else if(event.includes('click_galerie_zalozka')){
            //first initial click prevention (tabs are initialized by js click on car detail)
            if(!galleryTabClicked){
                skip = true;
                galleryTabClicked = true;
            }else{
                gaMasterLayer = {
                    'event': event
                };
            }
           
        }
         else {
            if($(this).parents('.pswpSidebar').length){
                gaMasterLayer = {
                    'event': event +'_galerie'
                };
            }
            else{
                gaMasterLayer = {
                    'event': event
                };
            }
        }
        if(!skip){
            
            masterLayer.push(gaMasterLayer);
        }
    }
});

//___________Car detail photogallery_________
$(document).on('click', '.carouselGallery .slickArrow', function() {
    let gaMasterLayer={
        'event': 'click_galerie_listovani',
    };
    
    masterLayer.push(gaMasterLayer);
});
$(document).on('click', '.pswp .pswp__button', function() {
    let gaMasterLayer={
        'event': 'click_galerie_big_listovani',
    };
    
    masterLayer.push(gaMasterLayer);
});
$(document).on('click', '.multipleTab--card-gallery .slickArrow', function() {
    let gaMasterLayer={
        'event': 'click_galerie__small_listovani',
    };
    
    masterLayer.push(gaMasterLayer);
});


//___________Cars grid pager_________
$(document).on('click', '#carsGrid #pager li', function() {
    let gaMasterLayer={
        'event': 'click_vypis_strankovani',
    };
    
    masterLayer.push(gaMasterLayer);
});

//___________HP reviews_________
$(document).on('click', '.google-reviews .slickArrow', function() {
    let gaMasterLayer={
        'event': 'click_listovani_review',
    };
    
    masterLayer.push(gaMasterLayer);
});

//________Fixed recommender view_______
let eventFired = false;
$(document).on('scroll',function(){
    if(!eventFired && !$('.fixed-recommander').hasClass("fixed-recommander--hidden") && $('.fixed-recommander').length){
        eventFired = true;
        gaMasterLayer={
            'event': 'view_recom_small',
            'pageType': pageType
        };
        masterLayer.push(gaMasterLayer);
        
    }
}); 

//________Recommender slider buttons________

$(document).on('click', '.recommanded-cars-slider__btn', function() {
    let gaMasterLayer;
    if($(this).parents('.recently-viewed__content').length){
        // gaMasterLayer={
        //     'event': 'nz_recom_click',
        // };
    }
    else{
        gaMasterLayer={
            'event': 'click_recom_listovani',
            'pageType': pageType
        };
        masterLayer.push(gaMasterLayer);
        

    }
});

$(document).on('click', '#declineClose .slickArrow', function(){
    let gaMasterLayer={
        'event': 'click_recom_big_listovani',
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});

$(document).on('click', '.fixed-recommander .slickArrow', function(){
    let gaMasterLayer={
        'event': 'click_recom_small_listovani',
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});
 

//______HP filter year slider________
$('#sliderFilterYear .noUi-handle.noUi-handle-upper').on('click', function(){
    let year = $(this).attr('aria-valuetext').split('.');
    let gaMasterLayer={
        'event': 'click_filtr_year_to',
        'year' : year[0],
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});
$('#sliderFilterYear .noUi-handle.noUi-handle-lower').on('click', function(){
    let year = $(this).attr('aria-valuetext').split('.');
    let gaMasterLayer={
        'event': 'click_filtr_year_from',
        'year' : year[0],
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});

//______HP filter year select________
$('#sliderFilterYearFrom').on('change' , function(){
    let year = $(this).find('option:selected').val();
    let gaMasterLayer={
        'event': 'click_filtr_year_from',
        'year' : year,
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});
$('#sliderFilterYearTo').on('change' , function(){
    let year = $(this).find('option:selected').val();
    let gaMasterLayer={
        'event': 'click_filtr_year_to',
        'year' : year,
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});


//______HP filter price slider________
$('#sliderFilterPrice .noUi-handle.noUi-handle-upper').on('click', function(){
    let price = $(this).attr('aria-valuetext').split('.');
    let gaMasterLayer={
        'event': 'click_filtr_price_to',
        'price' : price[0],
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});
$('#sliderFilterPrice .noUi-handle.noUi-handle-lower').on('click', function(){
    let price = $(this).attr('aria-valuetext').split('.');
    let gaMasterLayer={
        'event': 'click_filtr_price_from',
        'price' : price[0],
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});

//______HP filter price select________
$('#sliderFilterPriceFrom').on('change' , function(){
    let price = $(this).find('option:selected').val();
    let gaMasterLayer={
        'event': 'click_filtr_price_from',
        'price' : price,
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});
$('#sliderFilterPriceTo').on('change' , function(){
    let price = $(this).find('option:selected').val();
    let gaMasterLayer={
        'event': 'click_filtr_price_to',
        'price' : price,
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});

//_____HP tv videos section______
$(document).on('click','.tv-videos__slider-btn', function(){
    let gaMasterLayer={
        'event': 'click_listovani_videi',
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});

//___ Breadcrumbs old card
$(document).on('click','.breadcrumb ul:first-child li', function(){
    let gaMasterLayer={};
    let text = $(this).text().trim();
    let eventName = 'click_drop_navigace' 
        
    if($(this).index() === 1){
        gaMasterLayer.event = eventName + '_zpet'
        gaMasterLayer.znacka = text;
    }

    if($(this).index() === 2){
        gaMasterLayer.event = eventName + '_make'
        gaMasterLayer.znacka = text;
    }
    if($(this).index() === 3){
        gaMasterLayer.event = eventName + '_model'
        gaMasterLayer.znacka = text;
        text = $(this).prev().text().trim();
        gaMasterLayer.model = text;
    }
    if($(this).index() === 4){
        gaMasterLayer.event = eventName + '_karoserie'
        gaMasterLayer.karoserie = text;
    }
    if($(this).index() === 5){
        gaMasterLayer.event = eventName + '_palivo'
        gaMasterLayer.palivo = text;
    }

    if($(this).index() !== 0){
        masterLayer.push(gaMasterLayer);
    }
});

//___ Breadcrumbs new card

$(document).on('click','.breadcrumbs__list li', function(){
    let gaMasterLayer={};
    let text = $(this).text().trim();
    let eventName = 'click_drop_navigace' 

    if($(this).index() === 0){
        gaMasterLayer.event = eventName + '_make'
        gaMasterLayer.znacka = text;
    }
    if($(this).index() === 1){
        gaMasterLayer.event = eventName + '_model'
        gaMasterLayer.znacka = text;
        text = $(this).prev().text().trim();
        gaMasterLayer.model = text;
    }
    if($(this).index() === 2){
        gaMasterLayer.event = eventName + '_karoserie'
        gaMasterLayer.karoserie = text;
    }
    if($(this).index() === 3){
        gaMasterLayer.event = eventName + '_palivo'
        gaMasterLayer.palivo = text;
    }

    masterLayer.push(gaMasterLayer);
    
});


//__________Footer links____________
$(document).on('click','footer .row .col .row .col6 ul li', function(){
    let link = $(this).text().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ /g, "_");
    let gaMasterLayer={
        'event': 'click_footer_menu_' + link,
        'pageType': pageType
    };
    masterLayer.push(gaMasterLayer);
    
});

//____________new card 2024 sticky menu___________
$(document).on('click','.carCard__navigationList li', function(){
    let gaMasterLayer={};
    let event = $(this).data('anchor');
    let eventName = 'click_karta_menu_' 

    if (event == "info"){
        gaMasterLayer.event = eventName + 'informace_o_voze'
        masterLayer.push(gaMasterLayer)
    }
    else if( event =="equipment"){
        gaMasterLayer.event = eventName + 'vybava'
        masterLayer.push(gaMasterLayer)
    }
    else if( event =="finance"){
        gaMasterLayer.event = eventName + 'financovani'
        masterLayer.push(gaMasterLayer)
    }
    else if( event =="evStats"){
        gaMasterLayer.event = eventName + 'ev_informace'
        masterLayer.push(gaMasterLayer)
    }
    else if( event =="evReach"){
        gaMasterLayer.event = eventName + 'ev_informace_o_dojezdu'
        masterLayer.push(gaMasterLayer)
    }
    else if( event =="consCalc"){
        gaMasterLayer.event = eventName + 'ev_naklady_provoz'
        masterLayer.push(gaMasterLayer)
    }
});

// ___________________visit page type cookie________________

function createPageTypeCookie(value){
    var cookieValues = $.cookie('visit-page-type');
    var expDate = new Date();

    expDate.setTime(expDate.getTime() + (120 * 60 * 1000)); // 2 hours

    if(!$.cookie('visit-page-type')) {
        cookieValues = value;
        $.cookie('visit-page-type', cookieValues, { path: '/', domain:'.aaaauto.' + window.location.hostname.split('.')[2], expires: expDate});
    }
    else if(!$.cookie('visit-page-type').includes(value)) {
        cookieValues += "-" + value;
        $.cookie('visit-page-type', cookieValues, { path: '/', domain:'.aaaauto.' + window.location.hostname.split('.')[2], expires: expDate});
    }
}

$(document).on('click', '[data-ga-visit]' , function(e) {
    createPageTypeCookie($(this).attr('data-ga-visit'));
});

// ___________________element flow cookie___________________

function createFlowCookie(value){

    var cookieValues = $.cookie('element-flow');
    var expDate = new Date();

    expDate.setTime(expDate.getTime() + (1440 * 60 * 1000)); // 24 hours 

    if(!$.cookie('element-flow')) {
        cookieValues = value;
        $.cookie('element-flow', cookieValues, { path: '/', domain:'.aaaauto.' + window.location.hostname.split('.')[2], expires: expDate});
    }
    else if(!$.cookie('element-flow').includes(value)) {
        cookieValues += "-" + value;
        $.cookie('element-flow', cookieValues, { path: '/', domain:'.aaaauto.' + window.location.hostname.split('.')[2], expires: expDate});
    }
}

$(document).on('click', '[data-ga-flow]' , function(e) {
    createFlowCookie($(this).attr('data-ga-flow'));
});

$(document).on('click','#mainFilterForm input, #mainFilterForm select',function(){
    createFlowCookie('fv');
});

$(document).on('click','#HPCategorySelect .homepageCategoryItem',function(){
    createFlowCookie('dl');
});
$(document).on('click','#declineClose button[name="search"], #declineClose .recommanded-cars-slider__item',function(){
    createFlowCookie('bp');
});

$(document).on('click','.fixed-recommander button[name="search"], .fixed-recommander .fixed-recommander__slider-item',function(){
    createFlowCookie('sp');
});
$(document).on('click','.addToGarage',function(){
    createFlowCookie('wl');
});
$(document).on('click','[data-list-comparison-id]',function(){
    createFlowCookie('cm');
});
$(document).on('change input','form[name="car_payment_calculation"]',function(){
    createFlowCookie('cl');
});

$(document).ready(function(){
    if($('.garage-section').length){
        createFlowCookie('gr');
    }
});
// ___________________element flow cookie - end_____________

// ___________________unique ga id___________________
function getGaUID(){
    return masterLayer[0].ga_unique_id
}
// ___________________unique ga id - end_____________