import {ScrollHandler} from "./scrollHandler";
import LazyLoad from "vanilla-lazyload";
import {AccordionHandler} from "./accordionHandler";
import {BookADemoButtonHandler} from "./bookADemoButtonHandler";
import {BrowserHandler} from "./browserHandler";
import {ChocolateFactory} from "./chocolateFactory";
import {CookieHandler} from "./cookieHandler";
import {CompareTableHandler} from "./compareTableHandler";
import {createPlanDropdownHandler} from "./createPlanDropdownHandler";
import {CustomerLogosHandler} from "./customerLogosHandler";
import {MapsHandler} from "./mapsHandler";
import {ModalHandler} from "./modalHandler";
import {OverlayMenuHandler} from "./overlayMenuHandler";
import {InputHandler} from "./InputHandler";
import {LanguageSelectorHandler} from "./languageSelectorHandler";
import {PricingDropdownHandler} from "./pricingDropdownHandler";
import {PricingHandler} from "./pricingHandler";
import {PricingSectionDropdownHandler} from "./pricingSectionDropdownHandler";
import {RecruiteeHandler} from "./recruiteeHandler";
import {ResizeHandler} from "./resizeHandler";
import {ScrollToHandler} from "./scrollToHandler";
import {SearchHandler} from "./searchHandler";
import {ShareButtonsHandler} from "./shareButtonsHandler";
import {SubmenuHandler} from "./submenuHandler";
import {TabHandler} from "./tabHandler";
import {TabsliderHandler} from "./tabSliderHandler";
import {TimelineHandler} from "./timelineHandler";
import {YoutubeHandler} from "./youtubeHandler";
import {YoutubeModalHandler} from "./youtubeModalHandler";
import {SliderProjector, SliderProjectorSetting} from "./slideProjectorHandler";
import {Slider, SliderSetting} from "./sliderHandler";
import {UpdateGridHandler} from "./updateGridHandler";
import {CustomerLogoSliderHandler} from "./customerLogoSliderHandler";
import Announcements from "./Announcements";

window.addEventListener("load", () => {
    if ("serviceWorker" in navigator) {
        navigator.serviceWorker.register("/sw.js");
    }
});

const lazyLoadInstance = new LazyLoad({
    elements_selector: '.js-lazy'
});

const announcementsElement = document.querySelector('.js-announcements');
if (announcementsElement) new Announcements(announcementsElement);

ChocolateFactory.enter();
BrowserHandler.init();
AccordionHandler.init();
CookieHandler.init();
BookADemoButtonHandler.init();
CompareTableHandler.init();
createPlanDropdownHandler.init();
CustomerLogosHandler.init();
InputHandler.init();
LanguageSelectorHandler.init();
MapsHandler.init();
ModalHandler.init();
OverlayMenuHandler.init();
PricingDropdownHandler.init();
PricingHandler.init();
PricingSectionDropdownHandler.init();
RecruiteeHandler.init();
ResizeHandler.init();
ScrollHandler.init();
ScrollToHandler.init();
SearchHandler.init();
ShareButtonsHandler.init();
SubmenuHandler.init();
TabHandler.init();
TabsliderHandler.init();
TimelineHandler.init();
UpdateGridHandler.init();
YoutubeHandler.init();
YoutubeModalHandler.init();
CustomerLogoSliderHandler.init(lazyLoadInstance);


let slideProjectors = [];
const slideProjectorContainers = document.querySelectorAll('.js-slide-projector');
const slideProjectorContainersLength = slideProjectorContainers.length;

for(let i =0; i < slideProjectorContainersLength; i++){

    const slideProjector = slideProjectorContainers[i];
    const slideProjectorId = slideProjector.getAttribute('id');

    if(slideProjectorId !== null){

        const slideProjectorSetting = new SliderProjectorSetting({
            sliderId: slideProjectorId,
            slideQuery: '#' + slideProjectorId +' .js-slide-projector__slide',
            navigationButtons: '#' + slideProjectorId +' .js-slide-projector__button' ,
            autoSlider: true,
            sliderInterval: 4000
        });

        slideProjectors.push( new SliderProjector(slideProjectorSetting.prepareParameters()).init() );
    }
    else console.log('An image slider has no id...');
}

let Sliders = [];

const sliderContainers = document.querySelectorAll('.js-slider');
const sliderContainersLength = sliderContainers.length;

for(let i =0; i < sliderContainersLength; i++){

    const slider = sliderContainers[i];
    const sliderId = slider.getAttribute('id');

    if(sliderId !== null){

        const Slidersetting = new SliderSetting({
            sliderId: sliderId,
            slideQuery: '#' + sliderId +' .js-slider-slide',
            navigationButtons: '#' + sliderId +' .js-slider-button' ,
            dots: '#' + sliderId +' .js-slider-indicator',
        });

        Sliders.push( new Slider(Slidersetting.prepareParameters()).init() );
    }
    else console.log('An image slider has no id...');
}