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

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/members.css') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>
@endpush

@push('js')
@endpush

@section('content')
    <div class="split-block"></div>
    <form id="registerForm" method="post" action="{{route($sub_site.'mobile.register.company')}}">
        {{csrf_field()}}
        <div class="ptitle border"><div class="th1">公司信息</div></div>
        <div class="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="companyname" id="companyname" placeholder="请输入公司全称"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">联系人</div>
                <div class="describe font12"><input type="text" name="contact" id="contact" placeholder="请输入公司联系人"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">手机号</div>
                <div class="describe font12"><input type="text" name="company_mobile" id="company_mobile" placeholder="请输入手机号" value=""></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow had-remind-box qs-center link_blue" onclick="javascript:location.href='{{route($sub_site.'mobile.login')}}'">
                <a href="javascript:;"><span class="mal"></span><span class="txt-o-red">点击立即登录</span></a>
            </div>
            <div class="list_height plist-txt">
                <div class="pic"></div>
                <div class="tit font14">公司座机</div>
                <a href="#landTel" class="describe font12 js-slide landLineText">请输入</a>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="split-block"></div>
        <div class="ptitle border"><div class="th1">账户信息</div></div>
        <div class="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="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">邮箱</div>
                <div class="describe font12"><input type="text" name="email" id="email" placeholder="请输入联系邮箱"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">密码</div>
                <div class="describe font12"><input type="password" name="company_password" id="company_password" placeholder="请输入6-16位密码"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">确认密码</div>
                <div class="describe font12"><input type="password" name="company_password_confirmation" id="company_password_confirmation" placeholder="请重复输入密码"></div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="l-tool-bar list_height">
            <div class="read-agreement">
                <div class="for-checkbox active" id="for-checkbox">我已阅读并同意
                </div>
            </div>
            <div class="agreement link_gray6"><a href="#userAgreenment" id="reg_agreement">《用户服务协议》</a></div>
            <div class="clear"></div>
        </div>
        <div class="split-block"></div>
        <div class="btn-spacing"><a id="btnRegCompany" href="javascript:;" class="qs-btn qs-btn-blue font18">注册企业会员</a></div>
        <input name="utype" type="hidden" value="1">
        <input type="hidden" name="reg_type" value="2">
        <input type="hidden" name="reg_source" value="2" />
        <input type="hidden" name="agreement" value="1" />
        <input type="hidden" name="landline_tel" id="landline_tel" value="">
    </form>
    <input type="hidden" id="h-landline1" value="">
    <input type="hidden" id="h-landline2" value="">
    <input type="hidden" id="h-landline3" value="">
    <!--公司固话模板-->
    <script type="text/html" id="tpl-lindTel">
        <div class="headernavfixed">
            <div class="headernav font18"><div class="title">公司固话<div class="return js-back"></div><div class="rbtn"></div></div></div>
        </div>
        <div class="split-block"></div>
        <div class="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="landline_tel_first" id="landline_tel_first" placeholder="请输入区号"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">电话</div>
                <div class="describe font12"><input type="text" name="landline_tel_next" id="landline_tel_next" placeholder="请输入电话号码"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">分机</div>
                <div class="describe font12"><input type="text" name="landline_tel_last" id="landline_tel_last" placeholder="请输入分机号码"></div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="split-block"></div>
        <div class="btn-spacing"><a id="saveLandLine" href="javascript:;" class="qs-btn qs-btn-blue font18">保存</a></div>
    </script>
    <!--用户服务协议-->
    <script type="text/html" id="agreementTxt">
        <div class="headernavfixed">
            <div class="headernav font18"><div class="title">用户服务协议<div class="return js-back"></div><div class="rbtn"></div></div></div>
        </div>
        <div class="agreement-content">{!! str_replace(["\r\n","\n"], ["",""], config('aix.system.register_agreement.register_agreement.reg_agreement')) !!}</div>
    </script>
@endsection


@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/regular.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('mobile/js/popWin.js') }}"></script>
<script>
    // 用户服务协议
    $('#for-checkbox').on('click', function() {
        $(this).toggleClass('active');
        if ($(this).hasClass('active')) {
            $('input[name=agreement]').val(1);
        } else {
            $('input[name=agreement]').val(0);
        }
    })
    var agreementTemp = $('#agreementTxt').html();
    $("#reg_agreement").on("click",function(){
        popWin.init({
            from:"right",
            html:agreementTemp,
            handle:function (a) {
            }
        })
    });

    //固话
    var subTemp = $('#tpl-lindTel').html();
    $(".landLineText").click(function(){
        var $this = $(this),
            baseTxt = $this.text(),
            baseValue = $('#landline_tel').val();
        popWin.init({
            from:"right",
            html:subTemp,
            handle:function(a){
                if ($('#h-landline1').val().length) {
                    $('#landline_tel_first').val($('#h-landline1').val());
                }
                if ($('#h-landline2').val().length) {
                    $('#landline_tel_next').val($('#h-landline2').val());
                }
                if ($('#h-landline3').val().length) {
                    $('#landline_tel_last').val($('#h-landline3').val());
                }
                /**
                 * 保存固话
                 */
                $('#saveLandLine').on('click', function() {
                    var landValue1 = $.trim($('#landline_tel_first').val());
                    var landValue2 = $.trim($('#landline_tel_next').val());
                    var landValue3 = $.trim($('#landline_tel_last').val());
                    var landValue = '';
                    if (!landValue1.length) {
                        qsToast({type:2,context: '区号不能为空'});
                        return false;
                    }
                    if (landValue1.length) {
                        if(!inputRegValiZone(landValue1)){
                            qsToast({type:2,context: '区号格式错误'});
                            return false;
                        }
                        landValue += landValue1 + '-';
                        $('#h-landline1').val(landValue1);
                    }
                    if (!landValue2.length) {
                        qsToast({type:2,context: '电话不能为空'});
                        return false;
                    }
                    if(!inputRegValiTelNext(landValue2)){
                        qsToast({type:2,context: '电话格式错误'});
                        return false;
                    }
                    landValue +=  landValue2;
                    $('#h-landline2').val(landValue2);
                    if (landValue3.length) {
                        if (!validNumber(landValue3)) {
                            qsToast({type:2,context: '分机号为数字'});
                            return false;
                        }
                        if (landValue3.length > 4) {
                            qsToast({type:2,context: '分机号1-4位数字组成'});
                            return false;
                        }
                        landValue += '-' + landValue3;
                        $('#h-landline3').val(landValue3);
                    }
                    if (landValue.length) {
                        $('#landline_tel').val(landValue);
                        $('.landLineText').text(landValue);
                    }
                    a.close();
                });
            }
        })
    });

    // 如果后台开启注册验证就配置极验
    var handler = function(captchaObj) {
        captchaObj.bindForm("#registerForm");
        captchaObj.onSuccess(function() {
            regCompanyHandler();
        });
        captchaObj.onError(function() {

        });
        $('#btnRegCompany').on('click', function () {
            var comnameValue = $.trim($('input[name="companyname"]').val());
            var contactValue = $.trim($('input[name="contact"]').val());
            var telephoneValue = $.trim($('input[name="company_mobile"]').val());
            var landlineValue = $.trim($('#landline_tel').val());
            var usernameValue = $.trim($('input[name="username"]').val());
            var emailValue = $.trim($('input[name="email"]').val());
            var emailpassword = $.trim($('input[name="company_password"]').val());
            var emailpasswordVerify = $.trim($('input[name="company_password_confirmation"]').val());
            var agreementValue = $('input[name=agreement]').val();
            if(!comnameValue){
                qsToast({type:2,context: '请填写公司名称'});
                return false;
            }
            if(!remoteValid('companyname',comnameValue)){
                qsToast({type:2,context: '该公司已被注册'});
                return false;
            }
            if(!contactValue){
                qsToast({type:2,context: '请填写联系人'});
                return false;
            }

            if(!telephoneValue && !landlineValue){
                qsToast({type:2,context: '公司座机和手机号码至少填写一项'});
                return false;
            }else if(telephoneValue && !landlineValue){
                if(!inputRegValiMobile(telephoneValue)){
                    qsToast({type:2,context: '手机号格式错误'});
                    return false;
                }
                if(!remoteValid('mobile',telephoneValue)){
                    qsToast({type:2,context: '该手机号已被注册'});
                    return false;
                }
            }else if(telephoneValue && landlineValue){
                if(!inputRegValiMobile(telephoneValue)){
                    qsToast({type:2,context: '手机号格式错误'});
                    return false;
                }
                if(!remoteValid('mobile',telephoneValue)){
                    qsToast({type:2,context: '该手机号已被注册'});
                    return false;
                }
            }

            if(!usernameValue){
                qsToast({type:2,context: '请填写用户名'});
                return false;
            }
            if(!inputRegValiUsername(usernameValue)){
                qsToast({type:2,context: '用户名字母开头,包含6位以上数字和字母'});
                return false;
            }
            if(!remoteValid('username',usernameValue)){
                qsToast({type:2,context: '该用户名已被注册'});
                return false;
            }
            if(!emailValue){
                qsToast({type:2,context: '请填写邮箱'});
                return false;
            }
            if(!inputRegValiEmail(emailValue)){
                qsToast({type:2,context: '邮箱格式错误'});
                return false;
            }
            if(!remoteValid('email',emailValue)){
                qsToast({type:2,context: '该邮箱已被注册'});
                return false;
            }
            if(!emailpassword){
                qsToast({type:2,context: '请填写密码'});
                return false;
            }
            if(!inputRegValiPassword(emailpassword)){
                qsToast({type:2,context: '密码长度要求为6-16个字符'});
                return false;
            }
            if(!emailpasswordVerify){
                qsToast({type:2,context: '请填写确认密码'});
                return false;
            }
            if(!inputRegValiPassword(emailpasswordVerify)){
                qsToast({type:2,context: '密码长度要求为6-16个字符'});
                return false;
            }
            if(!inputRegValiPasswordRepeat(emailpassword,emailpasswordVerify)){
                qsToast({type:2,context: '两次输入的密码不一致'});
                return false;
            }
            if (agreementValue !=1) {
                qsToast({type:2,context: '请接受用户服务协议'});
                return false;
            }
            captchaObj.verify();

        });
    };
    gt_init(handler);

    // 注册企业处理程序
    function regCompanyHandler() {
        $('#btnRegCompany').text('注册中...').addClass('btn_disabled').prop('disabled', !0);
        $.ajax({
            url: "{{route($sub_site.'mobile.register.company')}}",
            type: 'POST',
            dataType: 'json',
            data: $('#registerForm').serialize(),
            success: function (data) {
                qsToast({type:2,context: "注册成功,正在为你跳转.."});
                setTimeout(function () {
                    window.location.href = data.data.url;
                },1000)

            },
            error:function(errorData){
                $('#btnRegCompany').text('注册企业会员').removeClass('btn_disabled').prop('disabled', 0);
                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});
                }
            }
        });
    }


    $('input[name=company_mobile]').keyup(function () {
        var currentValue = $(this).val();
        if (currentValue.length >= 11) {
            if(regularMobile.test(currentValue) && !remoteValid('mobile',currentValue)) {
                $('.had-remind-box .mal').text('手机号 ' + currentValue + ' 已注册，');
                $('.had-remind-box').show();
            } else {
                $('.had-remind-box').hide();
            }
        } else {
            $('.had-remind-box').hide();
        }
    })

    /**
     * 验证用户名等是否重复
     * @param validType 验证类型
     * @param validValue 值
     * @returns {boolean|*}
     */
    function remoteValid(validType, validValue){
        var result = false;
        $.ajax({
            url: "{{route('register.check', ['utype'=>1])}}",
            cache: false,
            async: false,
            type: 'post',
            dataType: 'json',
            data: { type: validType, param: validValue },
            success: function(json) {
                result = true;
            }
        });
        return result;
    }


    /**
     * 验证固话->区号
     * @param value 区号
     * @returns {boolean}
     */
    function inputRegValiZone(value){
        var achoice = true;
        if (value!= "" && !regularTelFirst.test(value)) {
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证固话->电话
     * @param value 电话
     * @returns {boolean}
     */
    function inputRegValiTelNext(value){
        var achoice = true;
        if (value!= "" && !regularTelNext.test(value)) {
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证固话->分机号
     * @param value 分机号
     * @returns {boolean}
     */
    function validNumber(value) {
        var achoice = true;
        if (value!= "" && !regularTelLast.test(value)) {
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证手机号
     * @param value 手机号
     * @returns {boolean}
     */
    function inputRegValiMobile(value){
        var achoice = true;
        if (value!= "" && !regularMobile.test(value)) {
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证用户名
     * @param value 用户名
     * @returns {boolean}
     */
    function inputRegValiUsername(value){
        var regularUsername = /^(?=[\u4e00-\u9fa5a-zA-Z])(?!\d+)[\u4e00-\u9fa5\w.]{6,20}$/;
        var achoice = true;
        if (!regularUsername.test(value)) {
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证邮箱
     * @param value 邮箱
     * @returns {boolean}
     */
    function inputRegValiEmail(value){
        var achoice = true;
        if (!regularEmail.test(value)) {
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证密码长度
     * @param value 密码
     * @returns {boolean}
     */
    function inputRegValiPassword(value){
        achoice = true;
        if(value.length>16 || value.length<6){
            achoice = false;
        }
        return achoice;
    }

    /**
     * 验证密码两次输入是否一致
     * @param password 第一次密码
     * @param passwordRepeat 第二次密码
     * @returns {boolean}
     */
    function inputRegValiPasswordRepeat(password,passwordRepeat){
        achoice = true;
        if(password!=passwordRepeat){
            achoice = false;
        }
        return achoice;
    }

</script>
@endsection