@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/members/register.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/aix.css') }}" rel="stylesheet">
@endpush

@push('js')
    <script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('jquery/jquery.min.js') }}"></script>

@endpush

@section('content')
<div class="reg_per_box">
    <div class="reg_per">
        <div class="rl J_focus">
        	<div class="slogo">
        		<a href="{{route('jkq.home')}}"><img src="{{upload_asset(subsite_config('aix.system.site.site.logo'))}}" alt="logo"/></a>
        	</div>
            <div class="switch_title link_blue"><a href="{{route('jkq.register.company')}}">切换为企业注册&gt;&gt;</a></div>
            <div class="regicon">个人注册</div>
            <div class="regtab">
{{--                <div class="tabli t1 select"><div class="v">手机注册</div></div>--}}
                <div class="tabli t2 select"><div class="v">邮箱注册</div></div>
                <!--<div id="J_weixinReg" class="tabli t3"><div class="v">微信注册</div></div>-->
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <!-- 手机注册-->
            <div class="tabshow" style="display:none">
                <form class="J_passwordalert_group" id="regMobileForm" action="" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    {{--<input type="hidden" name="incode" value="">--}}
                    {{csrf_field()}}
                    <input type="hidden" name="reg_source" value="1">

                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="id_card" id="id_card" type="text" placeholder="请输入身份证号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>


                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="mobile" id="mobile" type="text" placeholder="请输入手机号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"><div for="mobile" generated="true" class="tip" style="display: none;"><div class="ftxt">手机号可用于登录网站和找回密码</div><div class="fimg"></div></div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group had-remind">
                        <div class="radio_list fl J_radioitme_parent">
                            <!-- <div class="rli J_radioitme" data-code="1" style="width: 480px;float: none;margin-bottom: 5px;">解绑手机号<span style="color: #FF0000;">（该手机号已被其它账号绑定，选择此项将会解除其它账号绑定）</span></div> -->
                            <div class="rli J_radioitme checked" data-code="1" style="width: 480px;float: none;margin-bottom: 5px;"><span style="color: #FF0000;">（该手机号已被其它账号绑定）</span></div>
                            <div class="rli J_radioitme" data-code="2" style="width: 80px;float: none;margin-bottom: 5px;" id="J_change_mobile">更换手机号</div>
                            <div class="rli J_radioitme" data-code="3" style="width: 100px;float: none;" id="J_login">用此手机号登录</div>
                            <input class="J_radioitme_code" name="unbind_mobile" id="unbind_mobile" type="hidden" value="0">
                        </div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <div class="code">
                                <input class="input_295_34" name="mobile_vcode" id="mobile_vcode" type="text" placeholder="请输入短信验证码" autocomplete="off">
                            </div>
                            <div class="codebtn">
                                <input type="button" class="btn_yellow J_hoverbut" id="J_getverificode" value="获取验证码">
                                <input type="hidden" id="origin_btnCheck" style="display: none;"><input type="hidden" id="btnCheck">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34 J_passwordalert" name="password" id="password" type="password" placeholder="请输入账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="safety">
                        <div class="slist t1">危险</div>
                        <div class="slist t2">一般</div>
                        <div class="slist t3">安全</div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input name="password_confirmation" type="password" class="input_295_34" placeholder="请确认账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1" >
                            <select name="member_status" id="member_status" style="border:1px #DDDDDD solid;width:295px;height:42px;padding-left:60px;font-family: microsoft yahei,宋体;font-size: 14px;color: #666666;">
                                <option value="1" selected="selected">────&nbsp;需要找工作&nbsp;────</option>
                                <option value="2" >────&nbsp;已找到工作&nbsp;────</option>
                            </select>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="agreement link_blue"><label><input class="J_agreement_per" name="agreement" type="checkbox" value="1" checked="checked">
                            我已阅读并同意<a href="javascript:;" class="J_reg_agreement">《{{subsite_config('aix.system.site.site.site_name')}}用户服务协议》</a></label></div>
                    <input type="hidden" name="reg_type" value="1">
                    <input type="hidden" name="utype" value="2">
                    <div class="btnbox"><input id="btnMoilbPhoneRegister" type="submit" value="注册" class="btn_reg J_hoverbut"></div>
                    <input type="hidden" id="origin_btnCheckMobile" style="display: none;"><input type="hidden" id="btnCheckMobile">
                </form>
            </div>
            <!-- 邮箱注册-->
            <div class="tabshow" style="display:block">
                <form class="J_passwordalert_group" id="regEmailForm" action="" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    {{csrf_field()}}
                    <input type="hidden" name="reg_source" value="1">
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="username" id="username" type="text" placeholder="请输入用户名" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>

                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="id_card" class="id_card" type="text" placeholder="请输入身份证号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>

                    <div class="J_validate_group">
                        <div class="td1">
                            <div class="reg-form-content">
                                <input class="input_295_34 inputElem" name="email" id="email" type="text" placeholder="请输入常用邮箱" autocomplete="off">
                            </div>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34 J_passwordalert" name="password" id="email_password" type="password" placeholder="请输入账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="safety">
                        <div class="slist t1">危险</div>
                        <div class="slist t2">一般</div>
                        <div class="slist t3">安全</div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="password_confirmation" id="password_confirmation" type="password" placeholder="请确认账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1" >
                            <select name="member_status" id="member_status" style="border:1px #DDDDDD solid;width:295px;height:42px;padding-left:60px;font-family: microsoft yahei,宋体;font-size: 14px;color: #666666;">
                                <option value="1" selected="selected">────&nbsp;需要找工作&nbsp;────</option>
                                <option value="2" >────&nbsp;已找到工作&nbsp;────</option>
                            </select>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="agreement link_blue"><label><input class="J_agreement_per" name="agreement" type="checkbox" value="1" checked="checked">
                            我已阅读并同意<a href="javascript:;" class="J_reg_agreement">《{{subsite_config('aix.system.site.site.site_name')}}用户服务协议》</a></label></div>
                    <input type="hidden" name="reg_type" value="2">
                    <input type="hidden" name="utype" value="2">
                    <div class="btnbox"><input id="btnEmailRegister" type="submit" value="注册" class="btn_reg J_hoverbut"></div>
                    <input type="hidden" id="origin_btnCheckEmail" style="display: none;"><input type="hidden" id="btnCheckEmail">
                </form>
            </div>
        </div>
        <div class="rr">
        	<a href="{{route('jkq.home')}}" class="gohome">返回首页</a>
            <div id="thirdlogin-wechat-web" class="webchat-login-code"></div>
            <div id="other-thirdlogin" class="loginappimg">
                <p class="txt">使用合作账号直接登录</p>
            </div>
            <div class="tittxt">已经有{{subsite_config('aix.system.site.site.site_name')}}账号:
            	<div class="logintxt"><a href="{{route('jkq.login')}}" class=" J_hoverbut btn_blue btn_inline">直接登录</a></div>
            </div>
            
        </div>
        <div class="clear"></div>
    </div>
    <input type="hidden" id="J_captcha_open" value="{{config('aix.system.site_safety.site_vo_code.captcha_open', 0) }}">
    <input type="hidden" id="J_config_varify_reg" value="1">
</div>
@endsection

@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/regular.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.form.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.validate.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/members/jquery.pwdalert.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/emailAutoComplete.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.placeholder.min.js') }}"></script>
    <script src="{{ theme_asset('app/js/members/jquery.common.js') }}"></script>
    <script src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
    @include('module.widgets.thirdlogin')
    <script type="text/javascript">
        var qscms={
            base:"",
            root:""
        }
        var person_check_url="{{route('jkq.register.check', ['utype'=>2])}}";
        var person_register_url="{{route('jkq.register.person')}}";
        var login_url="{{route('jkq.login')}}";
        var sms_url="{{route('sms.send')}}";

        $('input').placeholder();
        //注册协议弹框
        $(".J_reg_agreement").click(function(){
            var qsDialog = $(this).dialog({
                title: "{{subsite_config('aix.system.site.site.site_name')}}注册协议",
                backdrop: false
            });
            var content='<div class="agreement">{!! str_replace(["\r\n","\n"], ["",""], config('aix.system.register_agreement.register_agreement.reg_agreement')) !!}</div>';
            qsDialog.setContent(content);


        });
        // 默认第一项获得焦点
        $('#companyname').focus().addClass('input_focus');
        /*<if condition="C('qscms_weixin_apiopen') and C('qscms_weixin_scan_login')">
            get_weixin_qrcode();
        </if>*/

        // 是否同意注册协议
        $('input[name="agreement"]').on('click', function() {
            if ($(this).is(':checked')) {
                $(this).closest('.tabshow').find('.btn_reg').prop('disabled', 0).removeClass('btn_disabled');
            } else {
                $(this).closest('.tabshow').find('.btn_reg').prop('disabled', !0).addClass('btn_disabled');
            }
        })

    </script>
    <script type="text/javascript" src="{{ theme_asset('app/js/members/jquery.validate.regpersonal.js') }}"></script>
@endsection