@extends('app.hardware.layout.hardware')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/common.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/joblist/newjoblist.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/footer.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/pagers.css')}}" />
    <style>
        .MyDiv-header .divtitle{position: relative;}
        .apply_resume{position: absolute;top: -22px;left: 0px;width: 100%;}
        .apply_resume .top-select-style{margin-top: 5px;border: 1px solid #558fd9; margin-left: 0px;width: 280px;background-position: 245px 20px;}
    </style>
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/aio/myDiv.js')}}"></script>
@endpush

@section('content')
    <div class="newjoblist-content">
        <div class="content-top-search">
            <form method="get" action="{{route('hardware.aio.job')}}">
                <input class="top-search-left" type="text" value="" placeholder="搜索职位" name="key"/>
                <button class="top-search-right" type="submit">搜索</button>
            </form>
            <div class="clear"></div>
        </div>
        <div class="content-top-select" style="padding-left:50px;">
            @if($categories['AIX_trade'])
                <select id="trade" class="top-select-style select-change" style="margin-left:0;"  onChange=javascript:window.location.href=this.options[this.selectedIndex].id>
                    <option class="top-option-style" value="" id="{{route('hardware.aio.job',array_merge($params, array('trade'=>'')))}}">职位类别</option>
                    @foreach($categories['AIX_trade'] as $k=>$v)
                        <option class="top-option-style" @if(array_get($params,'trade')==$v['id']) selected="selected" @endif  id="{{route('hardware.aio.job',array_merge($params, array('trade'=>$v['id'])))}}"  value="{{$v['id']}}">{{$v['demand']}}</option>
                    @endforeach
                </select>
            @endif

            @if($categories['AIX_education'])
                <select id="education" class="top-select-style select-change" onChange=javascript:window.location.href=this.options[this.selectedIndex].id>
                    <option class="top-option-style" value="" id="{{route('hardware.aio.job',array_merge($params, array('education'=>'')))}}">学历要求</option>
                    @foreach($categories['AIX_education'] as $k=>$v)
                        <option class="top-option-style" @if(array_get($params,'education')==$v['id']) selected="selected" @endif id="{{route('hardware.aio.job',array_merge($params, array('education'=>$v['id'])))}}" >{{$v['demand']}}</option>
                    @endforeach
                </select>
            @endif

            @if($categories['AIX_wage'])
                <select id="wage" class="top-select-style select-change" onChange=javascript:window.location.href=this.options[this.selectedIndex].id>
                    <option class="top-option-style" value="" id="{{route('hardware.aio.job',array_merge($params, array('wage'=>'')))}}">薪资</option>
                    @foreach($categories['AIX_wage'] as $k=>$v)
                        <option class="top-option-style" @if(array_get($params,'wage')==$v['id']) selected="selected" @endif id="{{route('hardware.aio.job',array_merge($params, array('wage'=>$v['id'])))}}" >{{$v['demand']}}</option>
                    @endforeach
                </select>
            @endif

            <!--地区-->
            <select id="area" class="top-select-style select-change"  onChange=javascript:window.location.href=this.options[this.selectedIndex].id>
                <option class="top-option-style" value="" id="{{route('hardware.aio.job',array_merge($params, array('citycategory'=>'')))}}">所在地区</option>
                @if($arealist)
                    @if(array_has($arealist, 'parent'))
                        <option class="top-option-style" value="{{$arealist['parent']['citycategory']}}" @if(array_get($params, 'citycategory') && $params['citycategory'] ==$arealist['parent']['citycategory']) selected="selected" @endif id="{{route('hardware.aio.job',array_merge($params, array('citycategory'=>$arealist['parent']['citycategory'])))}}">
                            全{{$arealist['parent']['name']}}
                        </option>
                    @else
                        <option class="top-option-style" value="{{$arealist['select']['citycategory']}}" @if(array_get($params, 'citycategory') && $params['citycategory'] ==$arealist['select']['citycategory']) selected="selected" @endif id="{{route('hardware.aio.job',array_merge($params, array('citycategory'=>$arealist['select']['citycategory'])))}}">
                            全{{$arealist['select']['name']}}
                        </option>
                    @endif
                    @foreach($arealist['list'] as $k=>$district)
                        <option class="top-option-style" value="{{$district['citycategory']}}" @if(array_get($params, 'citycategory') && $params['citycategory'] ==$district['citycategory']) selected="selected" @endif id="{{route('hardware.aio.job',array_merge($params, array('citycategory'=>$district['citycategory'])))}}">
                        {{$district['name']}}
                        </option>
                    @endforeach
                @endif
            </select>
        </div>

        <div class="content_top"></div>

        <div class="content-top-infolist">
            @if($list->total()>0)
            <table cellspacing="0" cellpadding="0" border="0" class="jobslist_table" >
                @foreach($list_items as $key => $val)
                <tr>
                    <td class="jname" title="{{$val->jobs_name}}">{{cut_str($val->jobs_name, 10, 0, "...")}}</td>
                    <td class="jwage">{{$val->wage_cn}}</td>
                    <td>{{$val->district_cn}}</td>
                    <td>@if($val->sex_cn=='不限')
                            {{"性别".$val->sex_cn}}
                        @else
                            {{$val->sex_cn}}
                        @endif
                        @if($val->education_cn)
                        /{{$val->education_cn or ''}}
                        @endif
                        @if($val->experience_cn)
                        /{{$val->experience_cn}}
                        @endif
                    </td>
                    <td><a href="{{route('hardware.aio.job.detail', ['id'=>$val->id])}}" class="li-table-btn">详情</a></td>
                    <td><a href="javascript:;" class="li-table-btn apply_jobs" data-jid="{{$val->id}}">投递</a></td>
                </tr>
                @endforeach
            </table>
            @else
            <div class="list_empty_group">
                <p>未找到符合条件的信息！</p>
            </div>
            @endif
            <div class="clearfix"></div>
        </div>
        <div class="content_bottom"></div>
        <div class="pagers" style="width: 1500px;">
            <div class="pagers-content">
                {{ $list->appends($params)->links('module.widgets.pagination') }}
            </div>
        </div>
        <div class="newjoblist-footer">
            @include('app.hardware.layout.footer')
        </div>
    </div>
    <script type="text/javascript" src="{{theme_asset('app/js/aio/countdown.js')}}"></script>
@endsection

@section('script')
    <script>
        var isVisitor = 0;
        var utype = 0;
        @if($user)
            isVisitor = 1;
            @if($user->utype == 1)
                utype = 1;
            @else
                utype = 2;
            @endif
        @endif

        function apply_job(jid){
            var url = "{{route('hardware.aio.job.apply')}}";
            $.getJSON(url,{jobs_id:jid},function(result){
                closeDialog();
                if(result.status==1){
                    dialogDiv(result.html,'确定','closeDialog');
                    return false;
                }else if(result.status==2){
                    dialogDiv(result.html,'确定','apply_job_resume','取消');

                } else {
                    dialogDiv(result.html,'确定','closeDialog');
                    return false;
                }
            }).error(function(error){
                closeDialog();
                if(error.status == 500 || error.status == 400){
                    var response=$.parseJSON(error.response);
                    if (error.status==422) {//验证错误
                        $.each(response.errors,function (key,val) {
                            dialogDiv(val[0],'关闭','closeDialog');
                            return false;
                        });
                    }
                    else if(error.status==400) {//业务错误
                        dialogDiv(JSON.parse(error.responseText).message,'关闭','closeDialog');
                        return false;
                    }
                }else{
                    dialogDiv('投递失败','关闭','closeDialog');
                    return false;
                }
            });
        }
        function apply_job_resume(){
            var jid = $('#apply_jobs_id').val();
            var resume_id = $('#apply_resume_id').val();
            var url = "{{route('hardware.aio.job.apply')}}";
            $.getJSON(url,{jobs_id:jid,resume_id:resume_id},function(result){
                closeDialog();
                if(result.status==1){
                    dialogDiv(result.html,'确定','closeDialog');
                    return false;
                }else {
                    dialogDiv(result.html,'关闭','closeDialog');
                    return false;
                }
            }).error(function(error){
                closeDialog();
                if(error.status == 500 || error.status == 400){
                    var response=$.parseJSON(error.response);
                    if (error.status==422) {//验证错误
                        $.each(response.errors,function (key,val) {
                            dialogDiv(val[0],'关闭','closeDialog');
                            return false;
                        });
                    }
                    else if(error.status==400) {//业务错误
                        dialogDiv(JSON.parse(error.responseText).message,'关闭','closeDialog');
                        return false;
                    }
                }else{
                    dialogDiv('投递失败','关闭','closeDialog');
                    return false;
                }
            });

        }
        function closeDialog(){
            $(".white_content").remove();
            $(".black_overlay").remove();
        }
        function toIndex() {
            window.location.href = "{{route('hardware.aio.login')}}";
            return false;
        }
        $(document).ready(function () {
            // apply
            $(".apply_jobs").on('click',function(){
                if(isVisitor>0){
                    if(utype == 1){
                        dialogDiv('请登录个人账号','确定','toIndex');
                        return false;
                    }else{
                        var htmltwo = '<div id="applyDiv" class="white_content" style="display:block;">'
                            +'<div class="MyDiv-header">'
                            +'<span class="divtitle">确认申请这个职位吗?</span>'
                            +'</div>'
                            +'<div class="clear"></div>'
                            +'<div class="MyDiv-info">'
                            +'<button class="dialog-btn dialog-btn-left" onclick="apply_job('+$(this).data("jid")+')">确定</button>'
                            +'<button class="dialog-btn dialog-btn-right" onclick="$(this).parent().parent().remove();$(\'.black_overlay\').remove();">取消</button>'
                            +'<div style="clear: both"></div></div></div>'
                            +'<div id="fade" class="black_overlay" style="display:block;"></div>';
                        $("#dialogDiv-content").append(htmltwo);
                    }
                } else {
                    //跳转到登录页面
                    dialogDiv('请登录','确定','toIndex');
                    return false;
                }
            });
        });
    </script>
@endsection