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

@push('meta')

@endpush

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

@push('js')

@endpush
@section('content')
    <div class="mui-content">
        @if($email_audit == 1)
            <div class="split-block-title">邮箱认证后，您可以用手机号登录和找回密码！</div>
        @else
            <div class="split-block-title font_blue">若邮箱已验证，修改邮箱认证！</div>
        @endif
        <form action="post" id="logingForm">
            <div class="loging-input-group last">
                <div class="group-list email">
                    <input id="email" name="email" type="text" class="l-input font14" placeholder="请输入您要绑定的邮箱账号" autocomplete="off" @if(!$email_audit) value="{{ $email }}" @endif>
                </div>
            </div>
            <div id="pop" style="display:none"></div>
        </form>
        <div class="split-block"></div>
        <div class="btn-spacing"><a id="loginBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">发送验证邮箱</a></div>
    </div>
@endsection
@section('script')
    <script id="emailWrap" type="text/html">
        <div class="emailWrap">
            <div class="top_txt">验证邮件已发送至 </div>
            <div class="email_info_box"></div>
            <div class="down_txt">请在24小时内登录邮箱激活验证邮件</div>
        </div>
    </script>
    <script type="text/javascript">
        $('#loginBtn').on('click',function(){
            var email = $('#email').val();
            if (email == '') {
                qsToast({type:2,context: '请输入要绑定的邮箱账号！'});
                return false;
            }
            $.ajax({
                url:"{{ route($sub_site.'mobile.firm.com.security.email.send') }}",
                type:"POST",
                data:{email:email,id:"{{ $user->id }}",_token:"{{ csrf_token() }}"},
                success:function(result){
                    if(result.status == 1){
                        var popout = new QSpopout('邮箱验证');
                        popout.setBtn(1);
                        popout.show();
                        var h = $($('#emailWrap').html());
                        h.find('.email_info_box').html(email);
                        popout.setContent(h);
                    }else{
                        qsToast({type:2,context:result.msg});
                    }
                },
                error: function (errorData) {
                    var response=$.parseJSON(errorData.response);
                    if (errorData.status==422) {//验证错误
                        // console.log(errorData);return ;
                        $.each(response.errors,function (key,val) {
                            qsToast({type:2,context: val[0]});
                        });
                    }
                    else if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: response.message});
                    }
                },
            });

        });
    </script>
@endsection