@extends('module.layouts.auth')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/members/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/aix.css') }}" rel="stylesheet">
@endpush

@push('js')
@endpush

@section('content')
    <div class="J_apilogin_bind_box apilogin_binding apilogin_binding_new" style="display: block;">
        <div class="apil">
            <div class="tbnox">
                <div class="tit">你已登录{{$type_name}}账号</div>
                @if('wechat' == $type)
                    <div class="imgbox">
                        <img src="{{session('wechatUser.headimgurl')}}" border="0">
                    </div>
                    <div class="apiname">{{session('wechatUser.nickname')}}</div>
                @else
                    <div class="imgbox">
                        <img src="{{session('qqUser.figureurl_qq_1')}}" border="0">
                    </div>
                    <div class="apiname">{{session('qqUser.nickname')}}</div>
                @endif
            </div>
        </div>
        <div class="apic"></div>
        <div class="apir" style="height: 360px;">
            <div class="regtitson">
                <div class="alohtit">绑定已有账号</div>
                <div class="clear"></div>
            </div>
            <div class="reg_tab">
                <div class="J_tab_list tab_list select"><div class="txt">求职者绑定</div><div class="bttom_line"></div></div>
                <div class="J_tab_list tab_list last"><div class="txt icon2">企业绑定</div><div class="bttom_line"></div></div>
                <div class="clear"></div>
                <div class="back_to link_blue"><a class="J_switchtype" data-index="0" href="{{route('jkq.auth.thirdlogin.bind.new', ['login_type'=>$type])}}">新注册账号并绑定>></a></div>
            </div>
            <div class="solid_line"></div>
            <div class="J_regcontent_box regcontent_box">
                <div class="err" id="J_errbox_person"></div>
                <form action="{{route('jkq.auth.thirdlogin.bind.post', ['login_type'=>$type, 'utype'=>2])}}" id="form_person" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    {{ csrf_field() }}
                    <div class="inpubox">
                        <input type="text" class="input_login" name="username" id="username_person" placeholder="个人会员名/手机号/邮箱">
                        <div class="imgbg"></div>
                    </div>
                    <div class="inpubox">
                        <input type="password" class="input_login pwd" name="password" id="password_person" placeholder="请输入密码">
                        <div class="imgbg pwd"></div>
                    </div>
                    <div class="inpubox">
                        <input class="btn_login J_hoverbut" type="button" id="J_dobind_person" value="绑定">
                    </div>
                </form>
            </div>
            <div class="J_regcontent_box regcontent_box last">
                <div class="err" id="J_errbox_company"></div>
                <form action="{{route('jkq.auth.thirdlogin.bind.post', ['login_type'=>$type, 'utype'=>1])}}" id="form_company" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    {{ csrf_field() }}
                    <div class="inpubox">
                        <input type="text" class="input_login" name="username" id="username_company" placeholder="企业用户名">
                        <div class="imgbg"></div>
                    </div>
                    <div class="inpubox">
                        <input type="password" class="input_login pwd" name="password" id="password_company" placeholder="请输入密码">
                        <div class="imgbg pwd"></div>
                    </div>
                    <div class="inpubox">
                        <input class="btn_login J_hoverbut" type="button" id="J_dobind_company" value="绑定">
                    </div>
                </form>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="apilogin_binding_bg">
        <div class="bl"></div>
        <div class="br"></div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script type="text/javascript">
        $(function () {
            $('#J_dobind_person').on('click', function () {
                var usernameValue = $.trim($('#username_person').val());
                var passwordValue = $.trim($('#password_person').val());
                if (usernameValue == "") {
                    $('#J_errbox_person').text('请填写手机号/会员名/邮箱');
                    $('#J_errbox_person').show();
                    $('#username_person').focus();
                    return false;
                }
                if (passwordValue == "") {
                    $('#J_errbox_person').text('请输入密码');
                    $('#J_errbox_person').show();
                    $('#password_person').focus();
                    return false;
                }
                $('#J_errbox_person').hide();

                $.ajax({
                    method: 'post',
                    url: $("#form_person").attr('action'),
                    data: $("#form_person").serialize(),
                    beforeSend:function () {
                        //console.log('请求开始');

                    },
                    complete:function() {
                        //console.log('请求结束');


                    },
                    success: function (data) {
                        //console.log(data);
                        $("#J_errbox_person").addClass("success");
                        $("#J_errbox_person").text("绑定成功, 正在跳转...");
                        $('#J_errbox_person').show();
                        location.href=data.data.redirect_url;
                    },
                    error: function (errorData) {
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $("#J_errbox_person").text(val[0]);
                                $('#J_errbox_person').show();
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $("#J_errbox_person").text(errorData.responseJSON.message);
                            $('#J_errbox_person').show();
                        }
                    }
                });
            });

            $('#J_dobind_company').on('click', function () {
                var usernameValue = $.trim($('#username_company').val());
                var passwordValue = $.trim($('#password_company').val());
                if (usernameValue == "") {
                    $('#J_errbox_company').text('请填写企业会员名');
                    $('#J_errbox_company').show();
                    $('#username_company').focus();
                    return false;
                }
                if (passwordValue == "") {
                    $('#J_errbox_company').text('请输入密码');
                    $('#J_errbox_company').show();
                    $('#password_company').focus();
                    return false;
                }
                $('#J_errbox_company').hide();

                $.ajax({
                    method: 'post',
                    url: $("#form_company").attr('action'),
                    data: $("#form_company").serialize(),
                    beforeSend:function () {
                        //console.log('请求开始');

                    },
                    complete:function() {
                        //console.log('请求结束');


                    },
                    success: function (data) {
                        //console.log(data);
                        $("#J_errbox_company").addClass("success");
                        $("#J_errbox_company").text("绑定成功, 正在跳转...");
                        $('#J_errbox_company').show();
                        location.href=data.data.redirect_url;
                    },
                    error: function (errorData) {
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $("#J_errbox_company").text(val[0]);
                                $('#J_errbox_company').show();
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $("#J_errbox_company").text(errorData.responseJSON.message);
                            $('#J_errbox_company').show();
                        }
                    }
                });
            });
        });

        /* 注册新账号绑定 */
        // 企业个人注册方式切换
        $('.J_tab_list').click(function() {
            $(this).addClass('select').siblings().removeClass('select');
            var index = $('.J_tab_list').index(this);
            $('.J_regcontent_box').eq(index).show().siblings('.J_regcontent_box').hide();
        });
    </script>
@endsection