@extends('mobile.module.layouts.content')

@push('meta')

@endpush

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

@push('js')
@endpush

@section('content')
    <div class="split-block"></div>
    <div class="bind-top-box qs-center">
        @if('wechat' == $type)
            <img src="{{session('wechatUser.headimgurl')}}" class="b-img">
            <div class="b-nickname">{{session('wechatUser.nickname')}}</div>
        @else
            <img src="{{session('qqUser.figureurl_qq_1')}}" class="b-img">
            <div class="b-nickname">{{session('qqUser.nickname')}}</div>
        @endif
        <div class="font12 txt-color-9">您已登录{{$type_name}}账号</div>
    </div>
    <div class="split-block"></div>
    <div class="b-list-group-tip">
        <div class="txt-color-3">绑定已有账号</div>
        <div class="link_blue font12 txt-color-9">如果您还没有{{subsite_config('aix.system.site.site.site_name')}}账号，<a url="{{route($sub_site.'mobile.auth.thirdlogin.bind.new', ['login_type'=>$type])}}" class="register_user" href="javascript:;">请注册并绑定</a></div>
    </div>
    <div class="qs-top-nav x2 list_height">
        <div class="n-cell active">绑定个人账号<div class="b-line"></div></div>
        <div class="n-cell" onclick="javascript:location.href='{{route($sub_site.'mobile.auth.thirdlogin.bind.company', ['login_type'=>$type])}}'">绑定企业账号<div class="b-line"></div></div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>
    <form action="{{route($sub_site.'mobile.auth.thirdlogin.bind.post', ['login_type'=>$type, 'utype'=>2])}}" method="post" id="bindForm">
        {{csrf_field()}}
        <div class="list-group b-list-group">
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">账户名</div>
                <div class="describe font12"><input type="text" name="username" id="username" placeholder="请输入用户名/邮箱/手机号"></div>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow last">
                <div class="pic"></div>
                <div class="tit font14">密码</div>
                <div class="describe font12"><input type="password" name="password" id="password" placeholder="请输入账户密码"></div>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
        </div>
    </form>
    <div class="btn-spacing mt4"><a id="bindBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">绑定</a></div>
@endsection


@section('script')
    <script>
        /**
         * 绑定验证
         */
        $('#bindBtn').on('click', function () {
            var usernameValue = $.trim($('input[name=username]').val());
            var passwordValue = $.trim($('input[name=password]').val());
            if (usernameValue == '') {
                qsToast({type:2,context: '请输入账户名/手机号/邮箱'});
                return false;
            }
            if (passwordValue == '') {
                qsToast({type:2,context: '请输入密码'});
                return false;
            }

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

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

                },
                success: function (data) {
                    //console.log(data);
                    qsToast({type:2,context: "绑定成功, 正在跳转..."});
                    location.href=data.data.redirect_url;
                },
                error: function (errorData) {
                    //console.log(errorData);
                    var response=$.parseJSON(errorData.response);
                    if (errorData.status==422) {//验证错误
                        $.each(response.errors,function (key,val) {
                            qsToast({type:2,context: val[0]});
                            return false;
                        });
                    }
                    else if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: response.message});
                        is_need_geetest=response.errors.is_need_geetest;
                    }
                }
            });
        })
        $(".register_user").click(function(){
				 var url=$(this).attr("url")
                $.getJSON("{{route($sub_site.'register.status')}}", function (result) {
                        
                        if (result.status == 0) {
                            qsToast({type:2,context: result.msg});
                        } else{
                            location.href=url;
                        }
                });
            })
    </script>

@endsection