$(function(){
    const mql = window.matchMedia('(min-width: 769px)');
    mql.addEventListener('change', initTab);

    initTab();

    function initTab() {
        const $container =  $('.js-cancel-tab');
        const $nav = $container.find('.js-tab-nav');
        const $tab = $nav.find('[aria-controls]');
        const $panel = $container.find('[aria-hidden');

        $panel.eq(0).attr('aria-hidden', 'true');
        $panel.eq(1).attr('aria-hidden', 'true');
        $tab.eq(0).attr('aria-selected', 'false');
        $tab.eq(1).attr('aria-selected', 'false');

        $tab.on('click', function(e) {
            const targetContent = $(this).attr('aria-controls');
            const $targetContent = $('#' + targetContent);
            const $currentTab = $nav.find('[aria-selected="true"]');
            const $currentContent = $container.find('.js-tab-content').filter('[aria-hidden="false"]');

            if ($(this).attr('aria-selected') === 'false') {
                // 現在の選択状態の解除
                $currentTab.attr('aria-selected', 'false');
                $currentContent.attr('aria-hidden', 'true');
                // クリックされたタブへ切替
                $(this).attr('aria-selected', 'true');
                $targetContent.attr('aria-hidden', 'false');
            }
        });
    }
});

$(function(){
    const $expander = $('.js-plan-expander');
    const $noticeExpander = $('.js-notice-expander');

    $expander.find('.js-plan-expander-trigger').on('click', function() {
        const $expandTarget = $(this).next('[aria-hidden]');

        if ($(this).attr('aria-expanded') === 'false') {
            $(this).attr('aria-expanded', 'true');
            $expandTarget.slideDown(function() {
                $(this).attr('aria-hidden', 'false');
            });
        } else {
            $(this).attr('aria-expanded', 'false');
            $expandTarget.slideUp(function() {
                $(this).attr('aria-hidden', 'true');
            });
        }
    });

    $noticeExpander.find('.js-notice-expander-trigger').on('click', function() {
        const $expandTarget = $(this).next('[aria-hidden]');

        if ($(this).attr('aria-expanded') === 'false') {
            $(this).attr('aria-expanded', 'true');
            $expandTarget.slideDown(function() {
                $(this).attr('aria-hidden', 'false');
            });
        } else {
            $(this).attr('aria-expanded', 'false');
            $expandTarget.slideUp(function() {
                $(this).attr('aria-hidden', 'true');
            });
        }
    });

    $('.js-modal-what').on('click',function(){
        const WH = $(window).height();

        $('.myau_modal').fadeIn();
        const myau_Height = $('.myau_modal .sec_inner').height();

        if(WH < myau_Height){
            $('body').css('overflow','hidden');
            $('#form_modals .modal').css('overflow-y','scroll');
        }else{
            $('#form_modals .modal').css('overflow-y','hidden');
        }

    });

    if ($('.eg-slider').length > 0) {
        $('.eg-slider').slick({
            autoplay: true,
            autoplaySpeed: 4000,
            speed: 400,
            arrows: false,
            mobileFirst: true,
            responsive: [{
                breakpoint: 769,
                settings: {
                    arrows: true,
                    dots: true,
                    appendArrows: '.eg-slider-switcher',
                    speed: 800
                }
            }]
        });
    }
});