{*** 인트로 - 회원전용 | intro/intro.php ***}
{ # share_header }


<div class="member-only">
    <div class="msg">
        <strong>회원 전용으로 운영되는 쇼핑몰입니다.</strong>
        <p>로그인 / 회원가입 후 이용이 가능합니다.</p>
    </div>
    <form id="formLogin" method="post" action="../member/member_ps.php">
        <input type="hidden" name="returnUrl" value="{returnUrl}">
    <div class="intro-login">
        <input type="text" class="text" id="loginId" name="loginId" value="{data.loginId}" placeholder="아이디" required="true">
        <input type="password" class="text" id="loginPwd" name="loginPwd" value="" placeholder="비밀번호" required="true">
        <button type="submit">로그인</button>
    </div>
        </form>
    <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin }-->
    <div class="sns-login-wrap">
        <!--{? usePaycoLogin}-->
        <div class="sns-login pa js-btn-payco-login">
            <img src="../img/etc/logo-payco.png" alt="">
            아이디 로그인
        </div>
        <!--{/}-->
        <!--{? useFacebookLogin}-->
        <div class="sns-login fa js-btn-facebook-login" data-facebook-url="{=facebookUrl}">
            <img src="../img/etc/logo-facebook.png" alt="">
            아이디 로그인
        </div>
        <!--{/}-->
        <!--{? useNaverLogin }-->
        <div class="sns-login na js-btn-naver-login">
            <img src="../img/etc/logo-naver.png" alt="{=__('네이버')}" />
            {=__('아이디 로그인')}
        </div>
        <!--{/}-->
        <div class="di"></div>
        <div class="sns-login default js-btn-join" id="btnJoinMember">
            회원가입
        </div>
    </div>
    <!--{/}-->
</div>


<script type="text/javascript" src="../js/jquery/jquery.serialize.object.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#btnJoinMember').click(function (e) {
            e.preventDefault();
            location.href = '../member/join_method.php';
        });
        $('#btnFindId').click(function (e) {
            e.preventDefault();
            location.href = '../member/find_id.php';
        });
        $('#btnFindPwd').click(function (e) {
            e.preventDefault();
            location.href = '../member/find_password.php';
        });


        $('#loginId, #loginPwd').focusin(function () {
            $('.caution-msg1', '#formLogin').addClass('dn');
        });

        $('#formLogin').validate({
            dialog: false,
            rules: {
                loginId: {
                    required: true
                },
                loginPwd: {
                    required: true
                }
            },
            messages: {
                loginId: {
                    required: "아이디를 입력해주세요"
                },
                loginPwd: {
                    required: "패스워드를 입력해주세요"
                }
            }, submitHandler: function (form) {
                var params = $(form).serializeArray();
                params.push({name: "mode", value: "login"});
                $.post('../member/login_ps.php', params).done(function (data, textStatus, jqXHR) {
                    console.log('gd_member ajax', data, textStatus, jqXHR);
                    var code = data.code;
                    var message = data.message;
                    var url = data.url;
                    var target = data.target;

                    if (_.isUndefined(code) && _.isUndefined(message)) {
                        var returnUrl = '{=returnUrl}';
                        if (_.isEmpty(returnUrl)) {
                            location.href = '/';
                        } else {
                            /*로그인 출석 체크 알림창 문구 출력*/
                            var attendanceCheck = data;
                            var start = attendanceCheck.indexOf("msg");
                            if(start != -1) {
                                var end = attendanceCheck.indexOf(';', start + 1);
                                var attendaceLoginMsg = attendanceCheck.substring(start + 5, end - 1);
                                alert(attendaceLoginMsg);
                            }

                            location.href = returnUrl;
                        }
                    } else {
                        alert(message);
                        if (_.isUndefined(url) === false) {
                            location.href = url;
                        }
                    }
                });
            }
        });


    });
</script>

{ # share_footer }