// オーナーカード用
var ycoord = 0; //背景のスクロールバー値
var necessary_forPosition;

$(function(){
    //スライダー用
    $('.slick').slick({
        centerMode: true,
        centerPadding: '20%',
        infinite: false,
        dots: true,
        autoplay: false,
        autoplaySpeed: 4000,
        pauseOnFocus: false,
        pauseOnHover: false,
    });

    let counter = 0;
    setInterval(() => {
        if(counter < 100){
            $('.slick-next').trigger('click');
        }
    }, 3500);

    const startTime = new Date();
    while (new Date() - startTime < 3500);

    //要素にきたら動かす
    function triggerScroll(targetObj) {
        let targetFlag = false;
        let $window = $(window);
    
        function checkVisibility() {
            let scrollTop = $window.scrollTop();
            let scrollBottom = scrollTop + $window.height();
            let targetTop = targetObj.offset().top;
            let targetBottom = targetTop + targetObj.height();
            if (scrollBottom > targetTop && scrollTop < targetBottom) {
                if (!targetFlag) {
                    $('.slick').slick('slickGoTo', 0);
                    targetFlag = true;
                }
            } else {
                if (targetFlag) {
                    targetObj.slick('slickPause');
                    targetFlag = false;
                }
            }
        }
    
        // Initial check on load
        checkVisibility();
    
        // Check on scroll
        $window.on('scroll', checkVisibility);
    }

    triggerScroll($('.slick'));
    var slideLen = $('.slick').children().length;

    $('.slick-next').on('click',function () {
        if ($(this).hasClass('slick-disabled')) {
            $('.slick').slick('slickGoTo', 0);
        }
    });
    
    // はじめのアコーディオンを開いておく
    $(".accordion .ttl").on("click", function () {
        $(this).next().slideToggle(400);
        $(this).toggleClass("open", 400);
    });

    //anchorリンクアコーディオン展開対応
    $(".js-ancOpen02").on("click", function () {
        $("#accordion02 .accordion_area").slideDown(400);
        $("#accordion02 .accordion .ttl").addClass("open", 400);
        return false;
    });

    //お申し込みに必要なものクリック時の処理
    $(".js-close").click(function(){
        $("#cboxOverlay").trigger("click");
        setTimeout(function(){
            $("html,body").animate({scrollTop: necessary_forPosition},600);
        },200); 
    });

    j$.checkControl();

});


window.onload = function () {
    //お申し込みに必要なもの位置を取得
    necessary_forPosition = $('#necessary_for').offset().top;

    //anchorリンクで来た場合アコーディオン展開
    var urlHash = location.hash;
    
    // URLにアンカーが存在する場合
    if(urlHash){
        // アンカーが#osakaかどうかを判断する
        if (urlHash == '#accordion01') {
            $("html,body").animate({scrollTop:$('#accordion01').offset().top});
            $("#accordion01 .accordion_area").slideDown(400);
            $("#accordion01 .accordion .ttl").addClass("open", 400);
        } else if (urlHash == '#accordion02') {
            $("html,body").animate({scrollTop:$('#accordion02').offset().top});
            $("#accordion02 .accordion_area").slideDown(400);
            $("#accordion02 .accordion .ttl").addClass("open", 400);
        }else{
            return false;
        }
    }
};


(function($){
    /* 
	 * @method checkControl
	 */
    $.checkControl = function(config){
            
        var c = $.extend({
            elm: ".js-applyButton",
            checkBox: ".js-ownerCheckBox",
            ownerModal: ".js-ownerModal"
        },config);
            
        // vars
        var $elm = $(c.elm),
                $checkBox = $(c.checkBox),
                $ownerModal = $(c.ownerModal),
                completeClass= 'is-complete',
                disabledClass= 'is-disabled';

        if($elm.length === 0){ return false; }
        
        var itemFlag = $checkBox.length;
        
        validation();
        
        $checkBox.on('change', function() {
            validation();
        })
        
        $ownerModal.colorbox({
            inline:true,
            maxWidth:"90%",
            maxHeight:"90%",
            opacity: 0.7,
            fixed: true,
            onOpen: function() {
                ycoord = $(window).scrollTop();
                $('#colorbox').data('ycoord',ycoord);
                ycoord = ycoord * -1;
                $('body').css('position','fixed').css('left','0px').css('right','0px').css('top',ycoord + 'px');
            },
            onClosed: function() {
                $checkBox.prop('checked', false);
                validation();
                $('body').css('position','').css('left','auto').css('right','auto').css('top','auto');
                $(window).scrollTop($('#colorbox').data('ycoord'));
            }
        });
        
        function validation() {
            $checkBox.each(function() {
                var self = $(this);
                if(self.prop('checked') == true) {
                    self.parent().addClass(completeClass);
                } else {
                    self.parent().removeClass(completeClass);
                }
            })
            var completeFlag = $('.'+completeClass).length;
            if(itemFlag === completeFlag) {
                $elm.removeClass(disabledClass);
            } else {
                $elm.addClass(disabledClass);
            }
        }
        
    }
})(jQuery);

// 「お申し込みにすすむ」押下後、申込環境ごとにアプリDLページ出しわけ
$(function() {
    const iosUrl = "https://apps.apple.com/jp/app/id1664020456";
    const androidUrl = "https://play.google.com/store/apps/details?id=jp.co.eposcard.ownerapp";

    var useragent = window.navigator.userAgent.toLowerCase();
    var isIPadOS = useragent.indexOf('mac') !== -1 && 'ontouchend' in document;
    var isPC = !(/iphone|ipad|ipod|android/.test(useragent)) && !isIPadOS;

    $('.js-applyButton').on('click', function(e) {
        e.preventDefault();

        /* OSごとの条件分岐 */
        if (useragent.indexOf('iphone') !== -1 || useragent.indexOf('ipad') !== -1 || isIPadOS) {
            // iPhone / iPad → App Storeへ
            window.location.href = iosUrl;

        } else if (useragent.indexOf('android') !== -1) {
            // Android（スマホ・タブレット両方）→ Google Playへ
            window.location.href = androidUrl;

        } else if (isPC) {
            // PC　→ モーダル表示
            var scrollY = $(window).scrollTop();
            $('#modalPcOnly').css('display', 'block');
            $.colorbox({
                inline: true,
                href: "#modalPcOnly",
                maxWidth: "90%",
                maxHeight: "90%",
                opacity: 0.7,
                fixed: true,
                onOpen: function() {
                    ycoord = $(window).scrollTop();
                    $('#colorbox').data('ycoord', ycoord);
                    ycoord = ycoord * -1;
                    $('body').css({
                        position: 'fixed',
                        top: ycoord + 'px',
                        left: '0',
                        right: '0',
                        overflow: 'hidden'
                    });
                },
                onComplete: function() {
                $('#cboxLoadedContent').css('overflow', 'visible'); 
                },
                onClosed: function() {
                $('#modalPcOnly').css('display', 'none');
                $('body').css({
                    position: '',
                    top: '',
                    left: '',
                    right: '',
                    overflow: ''
                });
                $(window).scrollTop($('#colorbox').data('ycoord'));
}
            });
        }
    });
});
$(function () {
    var banner = $('#floatingBanner');
    var bannerOffset = banner.offset().top; 

    setTimeout(function () {
        banner.addClass('show');
    }, 0);

    $('.floatingCloseBtn').on('click', function () {
        banner.addClass('hidden');
    });
});