ARBITER.init('LANDING', ['ajax','layerpopup'], function(dom, arbi) {
    var publicObj, view;
    var body = $('body').get(0);
    var scrollPosition = 0;

    /**
     * 외부에서 참조 해야 할 함수가 있는 경우 이곳에 정의 하십시오.
     * ex) arbi.get('MEMBER_LISTS').test();
     */
    publicObj = {

    };

    function initialize() {
        initView();
        attachEventHandler();
    }

    function initView() {
        /* 롤링배너 관련  */
            new Swiper('.section01_slide', {
                autoplay : { delay : 2000, disableOnInteraction : false, },
                onSlideChangeEnd : true,
                loop : true,
                resistance : false,
                allowTouchMove : false,
                direction: 'vertical',
                slidesPerView : 1,
                spaceBetween: 5
            });
        
            new Swiper('.section04_slide', {
                autoplay : { delay : 2000, disableOnInteraction : false, },
                onSlideChangeEnd : true,
                loop : true,
                resistance : false,
                allowTouchMove : false,
                direction: 'vertical',
                slidesPerView : 1,
                spaceBetween : 12,
            });

            new Swiper('.section05_slide , .section07_slide', {
                autoplay: {
                delay: 0,
                disableOnInteraction: false,
                },
                speed: 100000,
                onSlideChangeEnd: true,
                loop: true,
                resistance: false,
                allowTouchMove: false,
                direction: 'horizontal',
                slidesPerView: 'auto',
                spaceBetween: 18,
                slidesPerGroup: 10,
                observer: true,
                observeParents: true,
            });
        /* 롤링배너 관련  */
    }

    function attachEventHandler() {

        /* 로그인 */
        $("header a#btnLogin").on('click', function() {
            location.href = "https://www.elsd.co.kr/Member/login";
            return false;
        });
        /* 비디오 재생 */
        $(".thisVid").mouseenter(function() {
            if(this.paused) $(this).trigger('play');
        });
        /* 비디오 재생 */

        $(".show_popUp").on('click', function() {
            act();
        });
        $(".popUp_box").click(function() {
            $(".popUp").removeClass("act");
            body.style.removeProperty('overflow');
            body.style.removeProperty('position');
            body.style.removeProperty('top');
            body.style.removeProperty('width');
            window.scrollTo(0, scrollPosition);
        });

        $(".section04 .con .go_application , .bottom_banner .con a").click(function(){
            var offset = $('.section10 .con .application_wrap').offset();
            $('html').animate({scrollTop : offset.top}, 400);
        });
    
        $(".section05 .depth03 .vid_wrap .opacity_wrap").click(function(){
          $(this).addClass("hide");
          $(".thisVid")[0].play();
        });
        
        $("select.area").change(function(e) {
            if($(this).hasClass('city')) {
                return false;
            }
            setCity(e.target.value);
        });

        $("select[name=consultTimeS]").on('change', function() {
            var startTimeIdx = $(this)[0].selectedIndex;
            var endTimeIdx = $("select[name=consultTimeE]").find(":selected").index();
            
            if(endTimeIdx <= startTimeIdx) {
                $("select[name=consultTimeE] option:eq("+(startTimeIdx)+")").attr('selected', 'selectecd');
            }
        });
        $("select[name=consultTimeE]").on('change', function() {
            var endTimeIdx = $(this)[0].selectedIndex;
            var startTimeIdx = $("select[name=consultTimeS]").find(":selected").index();
            
            if(endTimeIdx <= startTimeIdx) {
                $("select[name=consultTimeS] option:eq("+(endTimeIdx)+")").attr('selected', 'selectecd');
            }
        });
    
        $("button#submit").on('click', function() {

            var sName                = $.trim($("input#name").val());
            var sPhone               = $.trim($("input#tel1").val()+"-"+$("input#tel2").val()+"-"+$("input#tel3").val());
            var sAreaDo              = $.trim($("select.area.do option:selected").text());
            var sAreaCity            = $.trim($("select.area.city option:selected").val());
            var sSchoolName          = $.trim($("input[name=schoolName]").val());
            var sConsultTimeS        = $.trim($("select[name=consultTimeS] option:selected").text());
            var sConsultTimeE        = $.trim($("select[name=consultTimeE] option:selected").text());
            var cPrivacyAgreeYn      = $.trim($('input#privacyAgree').is(":checked") ? "Y" : "N");
            var cMarketingMsgYn      = $.trim($('input#marketingMsg').is(":checked") ? "Y" : "N");

            var data = {
                'sName'              : sName,
                'sPhone'             : sPhone,
                'sAreaDo'            : sAreaDo,
                'sAreaCity'          : sAreaCity,
                'sSchoolName'        : sSchoolName,
                'sConsultTimeS'      : sConsultTimeS,
                'sConsultTimeE'      : sConsultTimeE,
                'cPrivacyAgreeYn'    : cPrivacyAgreeYn,
                'cMarketingMsgYn'    : cMarketingMsgYn
            }

            var chkResult = checkData(data);

            if(chkResult) {
                var modal = arbi.layerpopup({
                    id         : 'loading',
                    width      : 278 + 'px', 
                    height     : 278 + 'px',
                    content    : 'div', //'div', 'ajax', 'iframe',
                    modalClose : false,
                    opacity    : .0,
                    zIndex     : 9995,
                    html       : '<div style="text-align:center;"><img src="/public_html/resource/images/ajax_loader/Anchor_English_indicator.png" /></div>'
                });
    
                var sUrl = '/Landing/landing/saveConsultInfo';
                arbi.ajax(sUrl, data, function(ret) {
                    var ret = JSON.parse(ret);
                    if(ret.code == '0000') {
                        location.href = "/Landing/landing/complete";
                        return false;
                        alert("신청이 완료되었습니다.");
                        //location.reload();
                    }

                    if(ret.code == '0001') {
                        alert("매개변수 에러");
                    }

                    if(ret.code == '0002') {
                        alert("신청이 실패하였습니다.");
                    }
                    modal.close();
                });
            }
            
        });
    }

    function checkData(data) {
        var chkResult = true;

        $.each(data, function(idx, val) {
            
            // 이름
            if(idx == 'sName') {
                if(val == "") {
                    chkResult = false;
                    alert("이름을 입력해 주세요.");
                    return chkResult;
                }
                chkResult = regexCheck(idx, val);
                console.log(chkResult);
                if(!chkResult) {
                    alert("한글 또는 영문 이름을 입력해 주세요 (공백, 특수문자, 숫자 입력 불가).");
                    return chkResult;
                }
            }

            // 연락처
            if(idx == 'sPhone') {
                var phone = val.replace(/\-/g, "");
                
                if(phone == "") {
                    chkResult = false;
                    alert("연락처를 입력해 주세요.");
                    return chkResult;
                } else if(phone.length < 10) {
                    chkResult = false;
                    alert("연락처를 정확하게 입력해 주세요.");
                    return chkResult;
                } else {
                    chkResult = regexCheck(idx, phone);
                    if(!chkResult) {
                        alert("연락처에 숫자만 입력해 주세요.");
                        return chkResult;
                    }
                }
            }

            // 학원명
            if(idx == "sSchoolName") {
                if( val == "" ) {
                    chkResult = false;
                    alert("학원명을 입력해 주세요.");
                    return chkResult;
                }

                chkResult = regexCheck(idx, val);
                if(!chkResult) {
                    alert("학원명에 한글, 영문 또는 숫자만 입력해 주세요.");
                    return chkResult;
                }

            }

            // 지역
            if(idx == "sAreaDo") {
                if($("select.area.do option:selected").val() == "none") {
                    chkResult = false;
                    alert("지역을 선택해 주세요.");
                    return chkResult;
                }
            }

            // 개인정보 취급방침
            if(idx == "cPrivacyAgreeYn") {
                if(val == "N") {
                    chkResult = false;
                    alert("개인정보 취급방침에 동의하셔야 신청이 가능합니다.");
                    return chkResult;
                }
            }
        });

        return chkResult;
    }

    
    function setCity(target) {
        var aCity = area(target);
        var eleOption = "";

        if(aCity != undefined) {
            aCity.forEach(element => {
                eleOption += "<option value='"+element+"'>";
                eleOption += element;
                eleOption += "</option>";
            });
    
            $("select.area.city").empty();
            $("select.area.city").append(eleOption);
        }
    }

    function regexCheck(target, value) {
        const regexName = /^[ㄱ-ㅎ|\uac00-\ud7a3|a-z|A-Z]+$/;
        const regexSchoolName = /^[ㄱ-ㅎ|\uac00-\ud7a3|a-z|A-Z|0-9|\s]+$/;
        const regexPhone = /^[0-9]+$/;

        if(target == 'sName') {
            return regexName.test(value);
        }
        if(target == 'sSchoolName') {
            return regexSchoolName.test(value);
        }

        if(target == 'sPhone') {
            return regexPhone.test(value);
        }

    }

    
    // 개인정보처리방침 관련
    function act() {
        $('.popUp').addClass("act");
        scrollPosition = window.pageYOffset;
        body.style.overflow = 'hidden';
        body.style.position = 'fixed';
        body.style.top = `-${scrollPosition}px`;
        body.style.width = '100%';
    };

    initialize();
});