@extends('module.layouts.person')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_user.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_ajax_dialog.css') }}" rel="stylesheet">

    <style>
        .third_bind a{
            cursor: pointer;
        }
    </style>


@endpush

@section('content')
    <div class="user_main">
        @include('module.section.person_left')
        <div class="mainbox">
            <!--职位切换卡 -->
            <div class="tab">
                <a class="li J_hoverbut" href="{{ url('person/memberInfo') }}">基本资料</a>
                <a class="li J_hoverbut" href="{{ url('person/memberInfo/head') }}">我的头像</a>
                <a class="li select">账号安全</a>
                <a class="li J_hoverbut" href="{{ url('person/memberInfo/memberLog') }}">登录日志</a>
                <div class="clear"></div>
            </div>
            <!--切换卡结束 -->
            <div class="resume_tip">
                <div class="tiptit">小提示</div>
                <div class="tiptxt link_blue">
                    绑定手机号码、完成邮箱验证，可以增加求职反馈的及时性和准确性，从而提高您的求职成功率！
                </div>
            </div>
            <div class="safety J_hoverbut link_blue">
                <div class="td1">用户名</div>
                <div id="J_unameWrap" class="td2">{{ auth('web-member')->user()->username }}</div>
                <div class="td3">&nbsp;</div>
                <div class="td4"><a id="J_edit_uname" href="javascript:;">修改</a></div>
                <div class="clear"></div>
            </div>
            <div class="safety J_hoverbut link_blue">
                <div class="td1 t1">密码</div>
                <div class="td2">上次登录时间：<span>{{ date('Y-m-d H:i:s',auth('web-member')->user()->last_login_time) }}</span></div>
                <div class="td3"><a href="{{ url('person/memberInfo/memberLog') }}">[查看登录日志]</a></div>
                <div class="td4"><a id="J_edit_password" href="javascript:;">修改</a></div>
                <div class="clear"></div>
            </div>
            <div class="safety J_hoverbut link_blue">
                <div class="td1 t2">手机</div>
                <div id="J_mobileWrap" class="td2">{{ $member->phone or '' }}<span>（认证后可使用该手机登录账号、找回密码）</span></div>
                <div id="J_mobileStatus" class="td3">
                    @if(auth('web-member')->user()->mobile_audit==1)
                        <div class="yes">已认证</div>
                    @else
                        <div class="no">未认证</div>
                    @endif
                </div>
                <div class="td4">
                    <a id="J_auth_mobile" href="javascript:;" data-auth="{{ auth('web-member')->user()->mobile_audit }}">
                        修改
                    </a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="safety J_hoverbut link_blue">
                <div class="td1 t3">邮箱</div>
                <div id="J_emailWrap" class="td2">{{ $member->email or '' }}<span>（认证后可使用该邮箱登录账号、找回密码）</span></div>
                <div id="J_emailStatus" class="td3">
                    @if(auth('web-member')->user()->email_audit==1)
                        <div class="yes">已认证</div>
                    @else
                        <div class="no">未认证</div>
                    @endif
                </div>
                <div class="td4">
                    <a id="J_auth_email" href="javascript:;" data-auth="{{ auth('web-member')->user()->email_audit }}">
                        修改
                    </a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="safety_btit">账号绑定<span>（授权绑定后，可使用第三方账号快速登录）</span></div>
            <div class="safety_binding">
                @if(config('aix.system.oauth.qq.is_open_qq') == 1)
                    <div class="td1">
                        <div class="qq @if($qq) ok @endif">腾讯QQ</div>
                        <div class="txt link_blue qq_bind third_bind">
                            @if($qq)
                                <a id="J_unbind_qq">解绑</a>
                            @else
                                <a id="J_bind_qq">立即绑定</a>
                            @endif
                        </div>
                    </div>
                @endif

                @if(config('aix.system.oauth.wechat_open.is_open') == 1)
                    <div class="td1">
                        <div class="weixin @if($weixin) ok @endif">微信</div>
                        <div class="txt link_blue weixin_bind third_bind">
                            @if($weixin)
                                <a id="J_unbind_weixin">解绑</a>
                            @else
                                <a id="J_bind_weixin">立即绑定</a>
                            @endif
                        </div>
                    </div>
                @endif
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    @include('module.widgets.thirdlogin_bind', ['redirect_url'=>route('person.memberSafe'), 'redirect_name'=>"账号安全"])
    <script>
        var regularMobile = /^13[0-9]{9}$|14[0-9]{9}$|15[0-9]{9}$|18[0-9]{9}$|17[0-9]{9}$|19[0-9]{9}$/; // 验证手机号正则
        var regularUsername = /^(?=[a-zA-Z])(?!\d+)[A-Za-z0-9_.]{6,20}$/;
        $('#J_edit_password').click(function(){
            var qsDialog = $(this).dialog({
                title: '修改密码',
                loading: true,
                showFooter: false,
                yes: function() {
                    var oldpassword = $('#J_passwordWrap').find('input[name="oldpassword"]').val();
                    var password = $('#J_passwordWrap').find('input[name="password"]').val();
                    var password1 = $('#J_passwordWrap').find('input[name="password1"]').val();
                    if(oldpassword=='' || password=='' || password1==''){
                        disapperTooltip("remind", '密码信息不能为空');
                    }else{
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            type: "POST",
                            url: "{{ url('person/memberInfo/passwordInfo') }}",
                            data: {
                                oldpassword:oldpassword,
                                password:password,
                                password1:password1,
                            },
                            dataType: "json",
                            success: function(r){
                                if(r.status == 1){
                                    disapperTooltip('success',r.info);
                                    qsDialog.hide();
                                }else{
                                    disapperTooltip("remind", r.info);
                                }
                            }
                        });
                    }
                }
            });
            $.get("{{ url('person/memberInfo/passwordView') }}",function(result){
                qsDialog.setCloseDialog(false);
                qsDialog.setContent(result);
                qsDialog.showFooter(true);
            });
        });
        $('#J_auth_mobile').click(function(){
            var f = $(this);
            var auth = f.data('auth');
            var title = '认证手机';
            if(auth == 1){
                title = '修改已认证手机';
            }
            var qsDialog = $(this).dialog({
                title: title,
                loading: true,
                showFooter: false,
                yes: function() {
                    var verifycode  = $.trim($('#J_mobileWrap input[name="verifycode"]').val());
                    var mobile  = $.trim($('#J_mobileWrap input[name="mobile"]').val());
                    if(mobile==''||mobile==null){
                        disapperTooltip("remind", "手机号码不能为空！");
                        return false;
                    }
                    if (mobile != "" && !regularMobile.test(mobile)) {
                        disapperTooltip("remind", "手机号码格式不正确");
                        return false;
                    }
                    if(verifycode==''||verifycode==null){
                        disapperTooltip("remind", "验证码不能为空！");
                        return false;
                    }
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        type: "POST",
                        url: "{{ url('person/memberInfo/mobileAuditCode') }}",
                        data: {
                            mobile:mobile,
                            verifycode:verifycode,
                            id:"{{ auth('web-member')->user()->id }}",
                        },
                        dataType: "json",
                        success: function(result){
                            f.text('修改');
                            $('#J_mobileStatus').html('<div class="yes">已认证</div>');
                            $('#J_mobileWrap').html(mobile+'<span>（认证后可使用该手机登录账号、找回密码）</span>');
                            if(result.data){
                                disapperTooltip("success", '验证手机号增加'+result.data+'积分');
                            }else{
                                disapperTooltip('success','手机认证成功！');
                            }
                            qsDialog.hide();
                        },
                        error: function (errorData) {
                            if (errorData.status==422) {//验证错误
                                $.each(errorData.responseJSON.errors,function (key,val) {
                                    disapperTooltip("remind", val[0]);
                                    return false;
                                });
                            }
                            else if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        }
                    });
                }
            });
            $.get("{{ url('person/memberInfo/userMobile') }}",function(result){
                qsDialog.setCloseDialog(false);
                qsDialog.setContent(result);
                qsDialog.showFooter(true);
            });
        });
        $('#J_auth_email').click(function(){
            var f = $(this);
            var auth = $(this).data('auth');
            var title = '认证邮箱';
            if(auth == 1){
                title = '修改已认证邮箱';
            }
            var qsDialog = $(this).dialog({
                title: title,
                loading: true,
                footer: false
            });
            $.get("{{ url('person/memberInfo/userEmail') }}",function(result){
                qsDialog.setCloseDialog(false);
                qsDialog.setContent(result);
                qsDialog.showFooter(true);
            });
        });


        $('#J_bind_weixin').click(function(){
            location.href=wechat_bind_url;
        });

        $('#J_bind_qq').click(function(){
            location.href=qq_bind_url;
        });

        $("#J_unbind_qq").click(function () {
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route('person.unbind') }}",
                type: 'POST',
                dataType: 'json',
                data: {
                    type:'qq',
                },
                success: function (result) {
                    $(".qq_bind").html('<a id="J_bind_qq">立即绑定</a>');
                    $(".qq").removeClass('ok');
                    disapperTooltip('success',result.data);
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                },
            })
        })


        $("#J_unbind_weixin").click(function () {
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route('person.unbind') }}",
                type: 'POST',
                dataType: 'json',
                data: {
                    type:'weixin',
                },
                success: function (result) {
                    $(".weixin_bind").html('<a id="J_bind_weixin">立即绑定</a>');
                    $(".weixin").removeClass('ok');
                    disapperTooltip('success',result.data);
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                },
            })
        })
        $('#J_edit_uname').click(function(){
            var qsDialog = $(this).dialog({
                title: '修改用户名',
                loading: true,
                showFooter: false,
                yes: function() {
                    var username = $.trim($('#J_usernameInput').val());
                    if (!username.length) {
                        disapperTooltip("remind", '请填写新用户名');
                        $('#J_usernameInput').focus();
                        return false;
                    }
                    if (username.length && !regularUsername.test(username)) {
                        disapperTooltip("remind", "字母开头,包含6位以上数字、字母及大小写");
                        $('#J_usernameInput').focus();
                        return false;
                    }
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: "{{ route('person.updateUsername') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            username:username,
                        },
                        success: function (result) {
                            $("#username_id").text(username);
                            $('#J_unameWrap').text(username);
                            disapperTooltip('success',result.data);
                            qsDialog.hide();
                        },
                        error: function (errorData) {
                            if (errorData.status==422) {//验证错误
                                $.each(errorData.responseJSON.errors,function (key,val) {
                                    disapperTooltip("remind", val[0]);
                                    return false;
                                });
                            }
                            else if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        },
                    })
                }
            });
            $.get("{{ route('person.saveUsername') }}",function(result){
                qsDialog.setCloseDialog(false);
                qsDialog.setContent(result);
                qsDialog.showFooter(true);
            });
        });



    </script>
@endsection