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

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

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

@section('content')
    <div class="split-block-title">绑定第三方账号后，您可用于快速登录某某人才网，便于账号密码记忆。</div>

    @if(config('aix.system.oauth.qq.is_open_qq') == 1)
        <div mod="qq" class="list_height plist-txt"  name="腾讯QQ">
            <div class="pic"></div>
            <div class="tit font14">腾讯QQ</div>
            <div class="describe font13 @if($qq) qq_unbind @else J_bind_qq @endif describe_qq">
                @if($qq)
                    解绑
                @else
                    未绑定
                @endif
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>
    @endif

    @if(subsite_config('aix.system.oauth.wechat_official.is_open') == 1 && is_weixin())
        <div mod="weixin" class="list_height plist-txt" name="微信">
            <div class="pic"></div>
            <div class="tit font14">微信</div>
            <div class="describe font13 @if($weixin) weixin_unbind @else J_bind_weixin @endif describe_weixin">
                @if($weixin)
                    解绑
                @else
                    未绑定
                @endif
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>
    @endif

@endsection

@section('script')
    @include('mobile.module.widgets.thirdlogin_bind', ['redirect_url'=>route($sub_site.'mobile.person.bind'), 'redirect_name'=>"账号安全"])
    <script type="text/javascript">
        $('.J_bind_weixin').click(function(){
            location.href=wechat_bind_url;
        });

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

        $(".qq_unbind").click(function () {
            var popout = new QSpopout('账号解绑');
            popout.setContent('当前账号已绑定<腾讯QQ><br/>确定解绑吗？');
            popout.show();
            popout.getPrimaryBtn().on('click', function() {
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: "{{ route($sub_site.'person.unbind') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        type:'qq',
                    },
                    success: function (result) {
                        qsToast({type:1,context: result.data});
                        setTimeout(function () {
                            window.location.reload();
                        }, 2000);
                    },
                    error: function (errorData) {
                        if(errorData.status==400) {//业务错误
                            qsToast({type:2,context: JSON.parse(errorData.response).message});
                            return false;
                        }
                    },
                })
            });
            return false;
        })

        $(".weixin_unbind").click(function () {
            var popout = new QSpopout('账号解绑');
            popout.setContent('当前账号已绑定<微信><br/>确定解绑吗？');
            popout.show();
            popout.getPrimaryBtn().on('click', function() {
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: "{{ route($sub_site.'person.unbind') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        type:'weixin',
                    },
                    success: function (result) {
                        qsToast({type:1,context: result.data});
                        setTimeout(function () {
                            window.location.reload();
                        }, 2000);
                    },
                    error: function (errorData) {
                        if(errorData.status==400) {//业务错误
                            qsToast({type:2,context: JSON.parse(errorData.response).message});
                            return false;
                        }
                    },
                })
            });
            return false;
        })
    </script>
@endsection