// source --> https://climateadaptationservices.com/wp-content/themes/allroundweb-theme/js/custom.js?ver=1 
jQuery(document).ready(function ($) {

        
    console.log('AW Ready!!');
	
	  var url = window.location.href;
	  var targetURL = "https://climateadaptationservices.com/en/";

	  if (url.startsWith(targetURL)) {
	// 	$("#aw-share-text").text("Share via:");
	// 	$("#aw-share-text").css({
	// 	  "color": "var(--e-global-color-accent)",
	// 	  "font-family": "Silka, sans-serif",
	// 	  "font-weight": "400",
	// 	  "font-size": "24px"
	// 	});
	// 	$(".elementor-element.elementor-element-b8f6384.elementor-widget.elementor-widget-shortcode a").text("View next");
	// 	$(".elementor-552 .elementor-element.elementor-element-dcc58fb .elementor-heading-title").text("Customer");
	// 	$(".elementor-552 .elementor-element.elementor-element-7488bd7 .elementor-heading-title").text("Location");
	// 	$(".elementor-552 .elementor-element.elementor-element-e90409a .elementor-heading-title").text("Maturity");
	// 	$(".elementor-552 .elementor-element.elementor-element-a7482a7 .elementor-heading-title").text("Find out more");
	  }

    var meer_weten_title = document.getElementById('aw-project-title-meer-weten');
    var meer_weten_content = document.getElementById('aw-project-content-meer-weten');

    if (meer_weten_title && !meer_weten_content) {
        meer_weten_title.style.display = 'none';
    }

    var $carousel = $('.aw-projects .aw-slider,.aw-nieuws .aw-slider');

    var settings = {
        dots: false,
        arrows: true,
        //slide: '.slick-slideshow__slide',
        slidesToShow: 2,
        centerMode: true,
        centerPadding: '60px',
        infinite: false,
        autoplay: false,
        prevArrow: $('.arrow-left'),
        nextArrow: $('.arrow-right'),
        responsive: [{
            breakpoint: 767,
            settings: {
                slidesToShow: 1,
            }
        }],
    };

    function setSlideVisibility() {
        //Find the visible slides i.e. where aria-hidden="false"
        var visibleSlides = $carousel.find('.slick-slideshow__slide[aria-hidden="false"]');
        //Make sure all of the visible slides have an opacity of 1
        $(visibleSlides).each(function () {
            $(this).css('opacity', 1);
        });

        //Set the opacity of the first and last partial slides.
        $(visibleSlides).first().prev().css('opacity', 0);
    }

    $carousel.slick(settings);
    $carousel.slick('slickGoTo', 1);
    setSlideVisibility();

    $carousel.on('afterChange init', function (event, slick, direction) {
        // console.log('afterChange/init', event, slick, slick.$slides);
        // remove all prev/next
        slick.$slides.removeClass('prevSlide').removeClass('nextSlide');

        // find current slide
        for (var i = 0; i < slick.$slides.length; i++) {
            var $slide = $(slick.$slides[i]);
            if ($slide.hasClass('slick-current')) {
                // update DOM siblings
                $slide.prev().addClass('prevSlide');
                $slide.next().addClass('nextSlide');

                break;
            }
        }
        setSlideVisibility();
    });

    $carousel.on('beforeChange', function (event, slick) {
        // optional, but cleaner maybe
        // remove all prev/next
        slick.$slides.removeClass('prevSlide').removeClass('nextSlide');
    })
})

jQuery(document).ready(function ($) {
    console.log('AW Ready!!');

    var $carousel = $('.aw-projects .aw-slider2');

    var settings = {
        dots: false,
        arrows: true,
        // slide: '.slick-slideshow__slide',
        slidesToShow: 2,
        centerMode: true,
        centerPadding: '60px',
        infinite: false,
        autoplay: false,
        prevArrow: $('.arrow-left2'),
        nextArrow: $('.arrow-right2'),
        responsive: [{
            breakpoint: 767,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
            }
        }],
    };

    function setSlideVisibility() {
        //Find the visible slides i.e. where aria-hidden="false"
        var visibleSlides = $carousel.find('.slick-slideshow__slide[aria-hidden="false"]');
        //Make sure all of the visible slides have an opacity of 1
        $(visibleSlides).each(function () {
            $(this).css('opacity', 1);
        });

        //Set the opacity of the first and last partial slides.
        $(visibleSlides).first().prev().css('opacity', 0);
    }

    $carousel.slick(settings);
    $carousel.slick('slickGoTo', 1);
    setSlideVisibility();

    $carousel.on('afterChange init', function (event, slick, direction) {
        // console.log('afterChange/init', event, slick, slick.$slides);
        // remove all prev/next
        slick.$slides.removeClass('prevSlide').removeClass('nextSlide');

        // find current slide
        for (var i = 0; i < slick.$slides.length; i++) {
            var $slide = $(slick.$slides[i]);
            if ($slide.hasClass('slick-current')) {
                // update DOM siblings
                $slide.prev().addClass('prevSlide');
                $slide.next().addClass('nextSlide');

                break;
            }
        }
        setSlideVisibility();
    });

    $carousel.on('beforeChange', function (event, slick) {
        // optional, but cleaner maybe
        // remove all prev/next
        slick.$slides.removeClass('prevSlide').removeClass('nextSlide');
    })
})

jQuery(document).ready(function ($) {
    console.log('AW Ready!!');

    var $carousel = $('.aw-slider3');

    var settings = {
        dots: false,
        arrows: true,
        // slide: '.slick-slideshow__slide',
        slidesToShow: 3,
        centerMode: true,
        centerPadding: '20px',
        infinite: false,
        autoplay: false,
        prevArrow: $('.arrow-left'),
        nextArrow: $('.arrow-right'),
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                }
            }, {
                breakpoint: 767,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            }],
    };

    function setSlideVisibility() {
        //Find the visible slides i.e. where aria-hidden="false"
        var visibleSlides = $carousel.find('.slick-slideshow__slide[aria-hidden="false"]');
        //Make sure all of the visible slides have an opacity of 1
        $(visibleSlides).each(function () {
            $(this).css('opacity', 1);
        });

        //Set the opacity of the first and last partial slides.
        $(visibleSlides).first().prev().css('opacity', 0);
    }

    $carousel.slick(settings);
    $carousel.slick('slickGoTo', 1);
    setSlideVisibility();

    $carousel.on('afterChange init', function (event, slick, direction) {
        // console.log('afterChange/init', event, slick, slick.$slides);
        // remove all prev/next
        slick.$slides.removeClass('prevSlide').removeClass('nextSlide');

        // find current slide
        for (var i = 0; i < slick.$slides.length; i++) {
            var $slide = $(slick.$slides[i]);
            if ($slide.hasClass('slick-current')) {
                // update DOM siblings
                $slide.prev().addClass('prevSlide');
                $slide.next().next().addClass('nextSlide');

                break;
            }
        }
        setSlideVisibility();
    });

    $carousel.on('beforeChange', function (event, slick) {
        // optional, but cleaner maybe
        // remove all prev/next
        slick.$slides.removeClass('prevSlide').removeClass('nextSlide');
    })
})

jQuery(document).ready(function ($) {
    $('#form-field-field_f53a41c').on('change', function () {
        $('.awbestand').text($(this).val());
    })
})

jQuery(document).ready(function () {
    jQuery('.English').on('click', function () {
        alert('This translation has been automatically generated by Google. We are currently working on an English-language website that will be online soon.');
    });
    jQuery('.French').on('click', function () {
        alert('Cette traduction a été générée automatiquement par Google. Nous travaillons actuellement sur un site web en français qui sera bientôt en ligne.')
    });
})

jQuery(document).ready(function () {
    jQuery('.aw-back .elementor-icon').on('click', function () {
        window.history.back();
    })
})

jQuery(document).ready(function () {
    jQuery('.aw-button-cat-filter').on('click', function () {
        // Change active class
        jQuery('.aw-button-cat-filter').removeClass('active');
        jQuery(this).addClass('active');

        // Ajax request om de html van de vacatures op te halen
        const awtype = jQuery(this).attr('typebericht');
        const data = {
            action: "aw_ajax_call_custom_html",
            category: jQuery(this).attr('awcatid'),
            type: awtype,
            aw_ajax_nonce: aw_object.aw_ajax_nonce,
        };

        // CSS opacity (for loading)
        if (awtype == 'nieuws') {
            jQuery("#aw-nieuws-ajax-result").css('opacity', 0.5);
        } else if (awtype == 'projecten') {
            jQuery("#aw-projects-ajax-result").css('opacity', 0.5);
        }

        jQuery.post(aw_object.ajax_url, data, function (response) {
            response = JSON.parse(response);
            if (response.status) {
                if (response.status == 200) {
                    if (awtype == 'nieuws') {
                        jQuery("#aw-nieuws-ajax-result").html(
                            response.return_html
                        );
                        jQuery("#aw-nieuws-ajax-result").css('opacity', 1);
                    } else if (awtype == 'projecten') {
                        jQuery("#aw-projects-ajax-result").html(
                            response.return_html
                        );
                        jQuery("#aw-projects-ajax-result").css('opacity', 1);
                    }
                }
            }
        });
    });
});