@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">
    <style>
        .radio{
            position: absolute;
            left: .4rem;
            display: inline-block;
            width: .35rem;
            height: .35rem;
            border: 0;
            outline: 0!important;
            background-color: transparent;
            -webkit-appearance: none;
        }
        .radio:before{
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: .35rem;
            height: .35rem;
            text-decoration: none;
            background-size: .35rem;
            background-repeat: no-repeat;
            background-image: url({{theme_asset('mobile/images/47.png')}});
        }
        .radio:checked:before{
            background-image: url({{theme_asset('mobile/images/46.png')}});
        }
    </style>
@endpush

@section('content')
    <div class="mui-content">
        <div class="split-block-title">{{$info->title}}（{!! $info->place !!}）<br/>请填写您的报名信息！</div>
        <form class="mui-input-group">
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">姓名</div>
                <div class="describe font12">
                    <input id="user_name" type="text"  name="user_name" value="@isset($members['realname']) {{$members['realname']}}@endisset"  placeholder="请输入您的姓名">
                </div>
                <div class="arrow"></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 id="user_idcard" type="text"   name="user_idcard" value="@isset($members['id_card']) {{$members['id_card']}}@endisset"   class="mui-input-clear" placeholder="请输入您的身份证号">
                </div>
                <div class="arrow"></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 id="mobile" type="text" name="mobile"   value="@isset($members['mobile']) {{$members['mobile']}}@endisset"  class="mui-input-clear" placeholder="请输入您的联系方式">
                </div>
                <div class="arrow"></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 id="wechat" type="text" name="wechat" class="mui-input-clear" placeholder="便于建群联系">
                </div>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="list_height plist-txt">
                <div class="pic"></div>
                <div class="tit font14">人才层次</div>
                <div class="describe font13 qs-relative">
                    <div class="for-select">请选择人才层次</div>
                    <select id="level" name="level">
                        <option value="">请选择人才层次</option>
                        <option value="1">第一层次人才</option>
                        <option value="2">第二层次人才</option>
                        <option value="3">第三层次人才</option>
                        <option value="4">第四层次人才</option>
                        <option value="5">第五层次人才</option>
                        <option value="6">第六层次人才</option>
                        <option value="7">第七层次人才</option>
                    </select>
                </div>
                <div class="arrow"></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 id="company_name" type="text" name="company_name" class="mui-input-clear" placeholder="请输入您的工作单位">
                </div>
                <div class="arrow"></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 id="validate_time" type="text"  name="validate_time" value=""  placeholder="例如2023-11-12">
                </div>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            {{--<div class="plist-txt notarrow" style="border-bottom: 1px #F2F2F2 solid;box-sizing:border-box;padding:.2rem .4rem;">
                <div class="tit font14" style="width:100%;text-align:center;border:none;float:none;">{{$members['year']}}年在晋江连续缴纳社保和个税</div>
                <div style="display:flex;justify-content: center;">
                    <div class="radio-cell" style="position:relative;width:1rem;">
                        <input class="radio" id="radio4" name="tax" type="radio" value="1">
                        <label for="radio4">是</label>
                    </div>
                    <div class="radio-cell" style="position:relative;width:1rem;">
                        <input class="radio" id="radio5" name="tax" type="radio" value="2">
                        <label for="radio5">否</label>
                    </div>
                </div>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="split-block-title">请选择适用对象类型！</div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_1" class="radio" name="condition" type="radio" value="1">
                <label for="condition_1">1、海内外高等院校、科研院所或中央企业、跨国公司在我市设立的直属研发公共服务平台引进的优秀人才；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_2" class="radio" name="condition" type="radio" value="2">
                <label for="condition_2">2、落址在我市的高等院校引进的优秀人才；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_3" class="radio" name="condition" type="radio" value="3">
                <label for="condition_3">3、在我市登记注册的民营企业引进的优秀人才；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_4" class="radio" name="condition" type="radio" value="4">
                <label for="condition_4">4、2011年4月23日之后引进到我市公办医疗卫生机构工作，且优秀人才认定条件证书取得时间早于我市开具的《干部行政介绍信》；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_5" class="radio" name="condition" type="radio" value="5">
                <label for="condition_5">5、在我市登记注册的媒体单位（含事业单位、国有控股媒体单位）引进的优秀人才；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_6" class="radio" name="condition" type="radio" value="6">
                <label for="condition_6">6、近三年内引进到我市民办非企业单位工作的优秀人才；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_7" class="radio" name="condition" type="radio" value="7">
                <label for="condition_7">7、近三年内引进到我市本级国有股比超过50%的国有企业工作的优秀人才；</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_8" class="radio" name="condition" type="radio" value="8">
                <label for="condition_8">8、近三年内引进到我市依法登记的事业单位（医疗教育除外）工作的优秀人才。</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" style="padding:10px .4rem;position:relative;text-indent:.4rem;border-bottom: 1px #F2F2F2 solid;">
                <input id="condition_9" class="radio" name="condition" type="radio" value="9">
                <label for="condition_9">9、晋江市博士后科研工作站在站博士后。</label>
                <div class="arrow"></div>
                <div class="clear"></div>
            </div>
            <div class="plist-txt notarrow" id="salary" style="border-bottom: 1px #F2F2F2 solid;box-sizing:border-box;padding:.2rem .4rem;display:none;">
                <div class="tit font14" style="width:100%;text-align:center;border:none;float:none;">年工资是否超过130336元（计入年薪范围的包含正常工资薪金及全年一次性奖金收入，劳务报酬、利息、股息、红利所得不列入年薪范围）</div>
                <div style="display:flex;justify-content: center;">
                    <div class="radio-cell" style="position:relative;width:1rem;">
                        <input class="radio" id="radio_salary_1" name="salary" type="radio" value="1">
                        <label for="radio_salary_1">是</label>
                    </div>
                    <div class="radio-cell" style="position:relative;width:1rem;">
                        <input class="radio" checked id="radio_salary_2" name="salary" type="radio" value="2">
                        <label for="radio_salary_2">否</label>
                    </div>
                </div>
                <div class="arrow"></div>
                <div class="clear"></div>
            </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 type="text/javascript">
        $('input[name="condition"]').change(function () {
            if ($(this).val() == 3) {
                $('#salary').show();
            } else {
                $('#salary').hide();
            }
        });
        $('#loginBtn').on('click', function () {
            const user_name = $.trim($('#user_name').val());
            const user_idcard = $.trim($('#user_idcard').val());
            const mobile = $.trim($('#mobile').val());
            const wechat = $.trim($('#wechat').val());
            const level = $('#level').val();
            const company_name = $.trim($('#company_name').val());
            const salary = $('input[name="salary"]:checked').val();
            const tax = $('input[name="tax"]:checked').val();
            const condition = $('input[name="condition"]:checked').val();

            if (user_name == '') {
                qsToast({type: 2, context: '姓名不能为空'});
                return false;
            }
            if (user_idcard == '') {
                qsToast({type: 2, context: '身份证号不能为空'});
                return false;
            }
            if (mobile == '') {
                qsToast({type: 2, context: '联系电话不能为空'});
                return false;
            }
            if (wechat == '') {
                qsToast({type: 2, context: '微信号不能为空'});
                return false;
            }
            if (level == '') {
                qsToast({type: 2, context: '请选择人才层次'});
                return false;
            }
            if (company_name == '') {
                qsToast({type: 2, context: '工作单位不能为空'});
                return false;
            }
            if (salary === undefined) {
                qsToast({type: 2, context: '请选择年工资选项'});
                return false;
            }
            if (tax === undefined) {
                qsToast({type: 2, context: '请选择交纳个税和社保选项'});
                return false;
            }
            if (condition === undefined) {
                qsToast({type: 2, context: '请选择人才情形选项'});
                return false;
            }

            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                type: "POST",
                url: "{{ route('mobile.recuperate.apply.post') }}",
                data: {
                    user_name: user_name,
                    user_idcard: user_idcard,
                    mobile:mobile,
                    wechat:wechat,
                    level: level,
                    company_name:company_name,
                    salary:salary,
                    tax:tax,
                    condition:condition,
                    recuperate_id: {!! $info->id !!}
                },
                dataType: "json",
                success: function (r) {
                    if (r.status == 1) {
                        qsToast({type: 1, context: r.info});
                        setTimeout(function () {
                            window.location.href = "{{ route('mobile.person.recuperate') }}";
                        }, 2000);
                    } else {
                        qsToast({type: 2, context: r.info});
                    }
                },
                error: function (errorData) {
                    if (errorData.status == 422) {//验证错误
                        $.each(JSON.parse(errorData.response).errors, function (key, val) {
                            qsToast({type: 2, context: val[0]});
                            return false;
                        });
                    }
                },
            });
        });
    </script>
@endsection