require("./bootstrap");
import $ from 'jquery';
// import moment from 'moment';

import tippy, { followCursor } from "tippy.js";
import { Swiper, Navigation,Pagination, Autoplay, EffectCube } from "swiper";

const icons = document.querySelectorAll(".icon");
icons.forEach((icon) => {
    icon.addEventListener("click", (event) => {
        // icon.classList.toggle("open");
    });
});

if ($('#myModal').length > 0 ) {
    $( window ).on( "load", function() {
        $('#myModal').modal("show");
        setTimeout(function(){
            $('#myModal').modal("hide");
        },6000);
    });
}

// const dat = document.querySelector("#datetime");
// moment.locale('km');
// dat.innerHTML = moment().format('dddd-MMMM-YYYY, h:mm a');

//Scroll page
$(window).scroll(() => {
    let height = $(window).scrollTop();
    if (height >= 673) {
        //$(".btn-scroll").fadeIn();
        $(".btn-scroll").css({
            right: "30px",
            transition: "all 0.8s",
            display: "block",
            opacity: "1",
        });
    } else {
        //$(".btn-scroll").fadeOut();
        $(".btn-scroll").css({
            right: "-50px",
            transition: "all 0.8s",
            display: "block",
            opacity: "0",
        });
    }
    if (height > 159) {
        $('#pkNav').removeClass('mt-2');
    }else{
        $('#pkNav').addClass('mt-2');
    }
});

tippy(".tippy-tooltip", {
    followCursor: true,
    maxWidth: 200,
    content: (reference) => reference.getAttribute("data-title"),
    plugins: [followCursor],
});

// import Swiper styles
import "swiper/css";
import { has } from 'lodash';
Swiper.use([Pagination, Autoplay, EffectCube,Navigation]);
var swiper = new Swiper(".myBreaking", {
    direction: "vertical",
    loop: true,
    autoplay: {
        delay: 2500,
        disableOnInteraction: false,
    },
});

$(document).ready(function(){
    $("#btnScroll").click(function () {
        $("html, body").animate(
            {
                scrollTop: $("body").offset().top,
            },
            500
        );
    });
    
    $(".owl-category").owlCarousel({
        loop: true,
        // autoplay: true,
        nav: true,
        margin: 5,
        navText: ["<i class='bx bx-chevron-left' ></i>","<i class='bx bx-chevron-right'></i>"],
        autoplayTimeout: 2500,
        smartSpeed: 2500,
        fluidSpeed: 2500,
        center: true,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2
            },
            992: {
                items: 3,
            },
        },
    });

    $(".owl-week").owlCarousel({
        loop: true,
        autoplay: true,
        nav: true,
        margin: 10,
        navText: ["<i class='bx bx-chevron-left' ></i>","<i class='bx bx-chevron-right'></i>"],
        autoplayTimeout: 3500,
        smartSpeed: 3500,
        fluidSpeed: 3500,
        center: true,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 3,
            },
            992: {
                items: 4,
            },
        },
    });

    $(".owl-home-top").owlCarousel({
        loop: true,
        autoplay: true,
        nav: true,
        margin: 15,
        navText: ["<i class='bx bx-chevron-left' ></i>","<i class='bx bx-chevron-right'></i>"],
        autoplayTimeout: 5000,
        smartSpeed: 5000,
        center: true,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 1,
            },
            
        },
    });
})