/* ********   /js1911/membership.js   **********/


//  이메일 중복확인
$(document).on("click", "#chckDuplicatedEmailBtn", function () {
    //console.log("$(#signInInputEmail).val() " +$("#signInInputEmail").val() );
    if ( !validateEmail( $("#signInInputEmail").val() ) ) {
        $(".processAlertBoxFrameDivEmail .processAlertBox").css("display", "none");
        $("#emailVerifyWrongProcessAlertBox").slideDown(  );
        return;
    }
    $.getJSON("/ajax1911/queryEmail.php?queryMode=duplicate&email="+ $("#signInInputEmail").val() + "&callback=?",
        function( jsonObj ) {
            if( jsonObj.queryResult == "OK" ) {
                //console.log("JSON 은 OK 다.");
                $("#emailVerified").val( jsonObj.authAt );
                $(".processAlertBoxFrameDivEmail .processAlertBox").css("display", "none");
                $("#emailVerifiedProcessAlertBox").slideDown( function() {
                    setTimeout( function() {
                        $("#emailVerifiedProcessAlertBox").slideUp();
                    }, 1500);
                });
            } 
            else if( jsonObj.queryResult == "Duplicated" ) {
                //console.log("JSON 은 Duplicated 다.");
                $(".processAlertBoxFrameDivEmail .processAlertBox").css("display", "none");
                $("#emailVerifyFailedProcessAlertBox").slideDown(  );
            }
    });
});
//  회원가입 .. signIn 암호 필드 키업 대응
$(document).on( "keyup", "#signInInputPasswd, #signInInputPasswd2", function(e) {
    let passwdVal1 = $("#signInInputPasswd").val();
    let passwdVal2 = $("#signInInputPasswd2").val();
    if (passwdVal1 && passwdVal2 && passwdVal1 == passwdVal2) {
        $("#signInInputSetPWSetFrameDiv .logInInputSetPWSetDiv, #signInInputSetPW2SetFrameDiv .logInInputSetPW2SetDiv").removeClass("invalidInputSetDiv");
        $(".processAlertBoxFrameDivPasswd .processAlertBox").slideUp();
        $("#passwdVerified").val("OK");
    }
    else if( passwdVal1 && passwdVal2 && passwdVal1 != passwdVal2 ) {
        $("#signInInputSetPWSetFrameDiv .logInInputSetPWSetDiv, #signInInputSetPW2SetFrameDiv .logInInputSetPW2SetDiv").addClass("invalidInputSetDiv");
        $("#passwdVerified").val("");
    }
    //$("#passwordsUnmatchProcessAlertBox").slideDown(  );
});
//  암호분실, 리셋 필드 키업 대응.. 코드가 중복되지만, 이건 공유화 할 길이 없다. 2019-11-23 00:45:35
$(document).on( "keyup", "#setPWInputPasswd, #setPWInputPasswd2", function(e) {
    let passwdVal1 = $("#setPWInputPasswd").val();
    let passwdVal2 = $("#setPWInputPasswd2").val();
    if (passwdVal1 && passwdVal2 && passwdVal1 == passwdVal2) {
        $("#SetPWSetFrameDiv .logInInputSetPWSetDiv, #SetPW2SetFrameDiv .logInInputSetPW2SetDiv").removeClass("invalidInputSetDiv");
        $(".processAlertBoxFrameDivPasswd .processAlertBox").slideUp();
        $("#setPWPasswdVerified").val("OK");
    }
    else if( passwdVal1 && passwdVal2 && passwdVal1 != passwdVal2 ) {
        $("#SetPWSetFrameDiv .logInInputSetPWSetDiv, #SetPW2SetFrameDiv .logInInputSetPW2SetDiv").addClass("invalidInputSetDiv");
        $("#setPWPasswdVerified").val("");
    }
    //$("#passwordsUnmatchProcessAlertBox").slideDown(  );
});


////    회원가입 버튼 클릭 대응...
$(document).on("click", "#signInFormActionBtn", function () {
    //return;

    //  Email 중복확인 필터..
    if (!$("#emailVerified").val()) {
        $("#emailVerifyRequiredProcessAlertBox").slideDown();
        return;        
    }
    //  Passwd 일치 확인 필터..
    else if (!$("#passwdVerified").val()) {
        $("#passwordsUnmatchProcessAlertBox").slideDown();
        return;        
    }
    //  HP 인증 확인 필터..
    else if (!$("#hpAuthenticated").val()) {
        $("#authenticationRequirededProcessAlertBox").slideDown();
        return;        
    }
    //  Agreement 확인 필터
    else if($("#signInInputAgreeChkbox").prop("checked") !== true) {
        $("#signInInputAgreeRequiredProcessAlertBox").slideDown();
        return;
    }
    let actionUrl = $("#signInActionForm").attr("action");
    let serialized = $("#signInActionForm").serialize();
    console.log("#signInActionForm serialized : " + serialized);
    $.getJSON(actionUrl + "?" + serialized + "&callback=?", function ( jsonObj ) {
        if (jsonObj.signInActionResult == "OK") {
            $(".logInCardSections").fadeOut(500);
            $(".logInCardSectionsActionResultSVGDiv").css("display", "none");
            $(".logInCardSectionsActionResultSucceededSVG").css("display", "block");
            $("#logInCardSectionsActionResult").fadeIn(500);    
            
            $(".logInCardSectionsActionResultHeadline").text("회원가입완료");
            $(".logInCardSectionsActionResultFooter").text("회원가입이 완료되었습니다.");
        } 
        else {
            modalPopupWithIcon( "on", "warning", "에러가 발생하였습니다. : "+jsonObj.securityStatus );
        }
    });
});

//  회원가입 동의 첵박스
$("#signInInputAgreeChkbox").change( function (e) {
    if( $(this).prop("checked") === true ) 
        $("#signInInputAgreeRequiredProcessAlertBox").slideUp();
    else if( $(this).prop("checked") !== true ) 
        $("#signInInputAgreeRequiredProcessAlertBox").slideDown();
});



//  .logInCardSections 에 포커스가 오면, removeClass 로 현재 카드가 노출되도록 시도... 
$(document).on("click", ".logInCardSectionsHref, .logInCardSectionsTopBackLink", function() {
    $(".logInCardSections").fadeOut(500);
    console.log("logInCardSection 의 display 상태변화 작동!!!");
    let referTo = $(this).attr("href");
    console.log("카드무브 액션 호출... " + referTo );
    $(referTo).fadeIn(500);
});

$(document).on("click", ".passwdViewToggleIcon", function() {
    let $passwdObj = $(this).siblings('.singleColumnInputDiv').find("input");
    let typeStatus = $passwdObj.attr("type");
    if( typeStatus=="password" ) {
        $passwdObj.attr("type", "text");
        $(this).find(".fa-eye").removeClass("opacity03");
    }
    else if( typeStatus=="text" ) {
        $passwdObj.attr("type", "password");
        $(this).find(".fa-eye").addClass("opacity03");
    }
});

//  setPWChkEmailBtn
//  email 의 중복여부를 묻는 ajax 이므로, 서버 JSON 값의 네거티브 밸류에 대해 대응해줘야 한다.
$(document).on("click", "#setPWChkEmailBtn", function () {
    let emailVal = $("#setPWEmail").val();
    let $targetObj = $(this).parent().parent().siblings(".processAlertBoxFrameDivEmail");;
    $.getJSON("/ajax1911/queryEmail.php?queryMode=search&email=" + emailVal + "&callback=?", function (jsonObj) {
        $(".processAlertBox").slideUp();
        if (jsonObj.queryResult == "Duplicated") {
            $("#setPWEmailVerified").val( jsonObj.authAt );
            $targetObj.find(".emailVerifiedProcessAlertBox").slideDown(function () {
                setTimeout(function () {
                    $targetObj.slideUp();
                }, 1500);
            });
        }
        else if (jsonObj.queryResult == "OK") {
            $targetObj.find(".emailVerifyFailedProcessAlertBox").slideDown();
        }
    });
});


////    resetPasswd 버튼 클릭 대응... 
$(document).on("click", "#setNewPasswdActionBtn", function () {
    var serialized = $("#setNewPasswdForm").serialize();
    let actioner = $("#setNewPasswdForm").attr("action");
    $.getJSON(actioner + "?" + serialized + "&callback=?", function ( jsonObj ) {
        
        if (jsonObj.actionResult == "OK") {
            $(".logInCardSections").fadeOut(500);
            $(".logInCardSectionsActionResultSVGDiv").css("display", "none");
            $(".logInCardSectionsActionResultSucceededSVG").css("display", "block");
            $("#logInCardSectionsActionResult").fadeIn(500);            
            $(".logInCardSectionsActionResultHeadline").text("비밀번호 변경완료");
            $(".logInCardSectionsActionResultFooter").text("비밀번호가 변경되었습니다.");
            $(".logInCardSectionsActionResultFooter").removeClass("display-none");
        } 
        else {
            modalPopupWithIcon( "on", "warning", "에러가 발생하였습니다. : "+jsonObj.securityStatus );
        }
    });
});

var logInRequestedFrom = "";
var logInReferTo = logInRequestedFrom;
if (!logInReferTo) logInReferTo = "/account/"; 
////    #logInActionBtn 버튼 클릭 대응... 
$(document).on("click", "#logInActionBtn", function () {
    var serialized = $("#logInActionForm").serialize();
    var actioner = $("#logInActionForm").attr("action");
    console.log("serialized + " + serialized);
    modalPopupSpinner( "on", "잠시 기다려주세요." );
    $.getJSON(actioner + "?" + serialized + "&callback=?", function ( jsonObj ) {
        if (jsonObj.actionResult == "OK") {
            document.location.href = logInReferTo;
        } 
        else if (jsonObj.actionResult == "PasswdError") {
            modalPopupSpinner( "off", "" );
            modalPopupWithIcon( "on", "warning", "비밀번호가 일치하지 않습니다.");
        }
        else if (jsonObj.actionResult == "Failed") {
            modalPopupSpinner( "off", "" );
            modalPopupWithIcon( "on", "warning", "로그인 할 수 없습니다. : "+jsonObj.securityStatus );
        } 
    });
});


/*/////////////////////////////////////////////////////////////*/
/*///////       Membership 페이지 컨트롤    ////////////////////*/ 
var mileageInDB, mileageInVault;
$(document).ready( function() {
	console.log("로깅....loggedEmail " +loggedEmail);
	if( !loggedProfileImage ) imgUrl = "https://picsum.photos/100";
	else imgUrl = loggedProfileImage;
	if( !loggedMilage ) milageStr = 0;
	else milageStr = loggedMilage;
	if( !loggedMsgCnt ) msgCntStr = 0;
	else msgCntStr = loggedMsgCnt;
	if( !loggedOrderCnt ) orderCntStr = 0;
    else orderCntStr = loggedOrderCnt;
    if (loggedHpNum && loggedEmail) {
        console.log("milageStr && loggedMilage : " + milageStr + " & " + loggedMilage);
        $(".loggedEmail").text(loggedEmail);
        $(".myProfileImg").attr("src", imgUrl);
        $(".loggedNickName").text(loggedNickName);
        $(".loggedHpNum").text(returnHPNumFormat(loggedHpNum));
        //  사용자 사용가능 마일리지 밸류를 여기서 확보해둔다.
        mileageInDB  = parseInt(milageStr);
        mileageInVault = mileageInDB;
        $(".loggedMilage").text( milageStr.format() );
        $(".loggedMsgCnt").text(msgCntStr);
        $(".loggedOrderCnt").text(orderCntStr);
        //  로그인 사용자이고, 마일리지가 10k 이상이면, 마일리지 사용 버튼 활성화..
        milageStr = milageStr * 1;
        //console.log("type of milageStr : " + typeof milageStr);
        if (milageStr >= 10000) {
            $(".adjustMilageUseBtn").removeClass("disabledIcons");
        }
    }
});