@extends('mobile.module.layouts.ic')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/nprogress.css') }}" rel="stylesheet">
    <style>
        .form-item{width:100%;background-color:#FFFFFF;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
        .form-item .pic{float:left;height:100%;border-bottom:1px  #FFFFFF solid;width:.4rem;}
        .form-item .tit{float:left;height:100%;border-bottom:1px  #F2F2F2 solid;width:2.44rem;font-weight:700}
        .form-item .describe{position:relative;float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:3.9rem;text-align:right;color:#999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    </style>
@endpush

@push('js')

@endpush

@section('content')
    {{--    头部--}}
    <div class="headernavfixed">
        <div class="headernav font18">
            <div class="title">
                <div class="n-tit-box">
                    招聘会报名
                </div>
                <div class="return js-back for-event"></div>
            </div>
        </div>
    </div>

    <form action="" id="form">
        <input type="hidden" name="pid" value="{{$id}}">
        <div class="list_height plist-txt qs-relative">
            <div class="pic"></div>
            <div class="tit font14">照片<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <div class="avatar">
                    <img id="avatars" src="{{asset('themes/default/assets/mobile/images/no_photo_male.png')}}">
                </div>
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
            <input type="hidden" id="avatar" name="avatar" value="">
            <input type="file" id="browseFile" class="browseFile">
        </div>
        <div class="list_height plist-txt notarrow">
            <div class="pic"></div>
            <div class="tit font14">姓名<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <input type="text" id="realname" name="realname" placeholder="请输入姓名" value="">
            </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">性别<span class="font_red_light">*</span></div>
            <div id="sex" class="describe font13">
                <div class="radio-group x2">
                    <div class="radio-cell">
                        <label for="radio4">男</label>
                        <input id="radio4" name="sex" type="radio" value="1" title="男" checked="checked">
                    </div>
                    <div class="radio-cell">
                        <label for="radio5">女</label>
                        <input id="radio5" name="sex" type="radio" value="0" title="女">
                    </div>
                    <div class="clear"></div>
                </div>
            </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">手机号码<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <input type="text" id="mobile" name="mobile" placeholder="请输入联系方式"  value="">
            </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">出生年份<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <input readonly required id="birthday" name="birthday" type="text" placeholder="请选择年月日" value="">
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>

        <div class="list_height plist-txt js-actionParent">
            <div class="pic"></div>
            <div class="tit font14">籍贯<span class="font_red_light">*</span></div>
            <div class="describe font13 qs-temp js-showActionSheet" data-type="city2" data-base="QS_city_parent" data-source="QS_city" data-multiple="false" data-num="0" data-link="false" data-level="3" data-addjob="true">
                <span class="qs-temp-txt-city2" data-otxt="">请选择</span>
                <input class="qs-temp-code-city2" name="native_place" id="native_place" type="hidden" value="">
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
            <!--BEGIN actionSheet-->
            <div>
                <div class="qs-mask" style="display: none"></div>
                <div class="qs-actionsheet js-actionsheet">
                    <div class="qs-actionsheet-menu">
                        <div class="con-filter">
                            <div class="f-selected-group f-selected-group-city2">
                                <div class="s-bar">
                                    <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="s-list qs-hidden"></div>
                            </div>
                            <div class="f-box f-box-city2"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="list_height plist-txt">
            <div class="pic"></div>
            <div class="tit font14">是否应届<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <span class="for-select"></span>
                <select id="fresh" name="fresh">
                    <option value="">请选择</option>
                    <option value="1">是</option>
                    <option value="0">否</option>
                </select>
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>
        <div class="list_height plist-txt">
            <div class="pic"></div>
            <div class="tit font14">当前学历<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <span class="for-select"></span>
                <select id="education" name="education">
                    <option value="">请选择</option>
                    @foreach($category['other']['AIX_education'] as $key => $val )
                        <option value="{{ explode(',',$val)[0] }}" >{{ explode(',',$val)[1] }}</option>
                    @endforeach
                </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">毕业学校<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <input type="text" id="school" name="school" placeholder="请输入毕业学校"  value="">
            </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">院系<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <input type="text" id="dep" name="dep" placeholder="请输入院系"  value="">
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>
        <div class="list_height plist-txt js-actionParent">
            <div class="pic"></div>
            <div class="tit font14">专业<span class="font_red_light">*</span></div>
            <div class="describe font13 qs-temp-level-major js-showActionSheet" data-type="major" data-base="QS_major_parent" data-source="QS_major" data-multiple="false" data-num="0" data-link="false">
                <span class="qs-temp-txt-major" data-otxt="请选择">请选择</span>
                <input class="qs-temp-code-major" name="pro_type" id="pro_type" type="hidden" value="" />
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
            <!--BEGIN actionSheet-->
            <div>
                <div class="qs-mask" style="display: none"></div>
                <div class="qs-actionsheet js-actionsheet">
                    <div class="qs-actionsheet-menu">
                        <div class="con-filter">
                            <div class="f-selected-group f-selected-group-major">
                                <div class="s-bar">
                                    <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="s-list qs-hidden"></div>
                            </div>
                            <div class="f-box f-box-major"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="list_height plist-txt notarrow">
            <div class="pic"></div>
            <div class="tit font14">具体专业<span class="font_red_light">*</span></div>
            <div class="describe font13">
                <input type="text" id="pro_text" name="pro_text" placeholder="请输入具体专业"  value="">
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>
        <div class="list_height form-item">
            <div class="pic"></div>
            <div class="tit font14">简历</div>
            <div class="describe font13">
                <span id="uploadPicButton">双击上传文件</span>
                <input type="file" id="uploadFile" accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,text/plain,application/pdf" style="display: none;">
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
            <input type="hidden" id="attachment" name="attachment" value="">
        </div>
        <div class="btn-spacing">
            <button type="submit" class="qs-btn qs-btn-blue qs-btn-linear-orange bd4 font16 b-big">保存</button>
        </div>
    </form>
@endsection

@section('script')
    <script src="{{ theme_asset('mobile/js/mobileBUGFix.mini.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/qsCategory.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/LocalResizeIMG.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/nprogress.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/rolldate.min.js') }}"></script>
    <script>
        new Rolldate({
            el: '#birthday',
            format: 'YYYY-MM-DD',
            beginYear: 1900,
            endYear: 2100,
            value: "",
        })

        var default_district = '<?php echo $defaultCity;?>';
        var str_major = '<?php echo json_encode($category['major']['first']);?>';
        var QS_major_parent = eval(str_major);
        for(var i = 0;i <QS_major_parent.length;i ++){
            QS_major_parent[i].step_size = 0;
        }
        var major = '<?php echo json_encode($category['major']['sec']);?>';
        var QS_major = eval('('+major+')');
        for(var i = 0;i <QS_major.length;i ++){
            QS_major[i].step_size = 0;
        }
        var str = '<?php echo json_encode($category['jobs']['first']);?>';
        var QS_jobs_parent = eval(str);
        for(var i = 0;i <QS_jobs_parent.length;i ++){
            QS_jobs_parent[i].step_size = 0;
        }
        var jobs = '<?php echo json_encode($category['jobs']['sec']);?>';
        var QS_jobs = eval('('+jobs+')');
        for(var i = 0;i <QS_jobs.length;i ++){
            QS_jobs[i].step_size = 0;
        }

        var district = '<?php echo json_encode($category['district']['first']);?>';
        var QS_city_parent = eval(district);
        for(var i = 0;i <QS_city_parent.length;i ++){
            QS_city_parent[i].step_size = 0;
        }
        var districts = '<?php echo json_encode($category['district']['person']);?>';
        var QS_city = eval('('+districts+')');
        for(var i = 0;i <QS_city.length;i ++){
            QS_city[i].step_size = 0;
        }
        var other = '<?php echo json_encode($category['other']['AIX_trade']);?>';
        var QS_trade = eval(other);
        for(var i = 0;i <QS_trade.length;i ++){
            QS_trade[i].step_size = 0;
        }
        $(function(){
            $(".js-showActionSheet").on("click", function(){
                var $iosActionsheet = $(this).closest('.js-actionParent').find('.js-actionsheet');
                var $iosMask = $(this).closest('.js-actionParent').find('.qs-mask');
                $iosActionsheet.removeClass('qs-actionsheet-toggle');
                $iosActionsheet.addClass('qs-actionsheet-toggle');
                $iosMask.fadeIn(200);
                $iosMask.on('click', hideActionSheet);
                $(this).closest('.js-actionParent').find('.js-cancelActionSheet').on('click', hideActionSheet);
                $(this).closest('.js-actionParent').find('.qs-actionsheet-cell').on('click', hideActionSheet);
                function hideActionSheet() {
                    $(this).closest('.js-actionParent').find('.js-actionsheet').removeClass('qs-actionsheet-toggle');
                    $(this).closest('.js-actionParent').find('.qs-mask').fadeOut(200);
                }
            });
        });
        $('#browseFile').localResizeIMG({
            width: 400,
            quality: 1,
            success: function (result) {
                var submitData={
                    pic1:result.clearBase64,
                };
                NProgress.start();
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    type: "POST",
                    url: "{{ route('mobile.ic.teach.uploadHead') }}",
                    data: submitData,
                    dataType:"json",
                    success: function(result){
                        console.log(result);
                        if(result.status == 1){
                            $('#avatars').attr('src','/storage/'+result.data);
                            $('#avatar').val('/storage/'+result.data);
                        }else{
                            qsToast({type:2,context:'上传失败!'});
                        }
                        NProgress.done();
                    },
                    complete :function(XMLHttpRequest, textStatus){},
                    error:function(XMLHttpRequest, textStatus, errorThrown){ //上传失败
                        qsToast({type:2,context: '头像上传失败！'});
                    }
                });
            }
        });

        $('#form').on('submit', function() {
            var data = $(this).serialize();
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route('mobile.ic.teach.save') }}",
                type: 'POST',
                dataType: 'json',
                data: data,
                success : function(result){
                    if (result.status == 1) {
                        alert('提交成功');
                        location.href = "{{route('mobile.ic.index')}}";
                    } else {
                        qsToast({type:2,context: result.msg});
                    }
                },
                error: function (errorData) {
                    if (errorData.status==422) {//验证错误
                        $.each(JSON.parse(errorData.response).errors,function (key,val) {
                            qsToast({type:2,context: val[0]});
                            return false;
                        });
                    }
                    else if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: JSON.parse(errorData.response).message});
                        return false;
                    }
                }
            })
            return false;
        });

        $('#uploadPicButton').click(function(){
            $('#uploadFile').click();
        });
        $('#uploadFile').on('change',function(event) {
            $('#uploadPicButton').html('正在上传文件中');
            let file = this.files[0];
            let formData = new FormData();
            formData.append('files',file);
            $.ajax({
                url: "{{route('mobile.spring.uploadfile')}}",
                type: 'POST',
                data: formData,
                async: true,
                cache: false,
                contentType: false,
                processData: false,
                success: function(data) {
                    if (data.status == 0) {
                        alert(data.msg);
                        $('#uploadPicButton').html('上传失败，重新选择');
                    } else {
                        $('#uploadPicButton').html(data.filename);
                        $('#attachment').val(data.path);
                    }
                }
            });
        });
    </script>
@endsection