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

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/style.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/interview.css')}}" />
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/pad/laydate/laydate.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/jquery.modal.dialog.js')}}"></script>
@endpush

@section('content')
    <div class="interview_sidebar">
        <div class="white_block"></div>
        <div class="left_menu">
            <div class="title">条件筛选 <a href="{{route('hardware.pad.interview.search')}}"><input type="button" value="重置" class="reset_btn"></a></div>
            <div class="category">
                <div class="txt">学历:</div>
                <ul>
                    <li class="{{ $params['education'] == '' ? 'active' : ''  }}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['education'=>'']))}}">不限</a></li>
                    @foreach($category['other']['AIX_education'] as $key => $val )
                        <li class="{{ explode(',',$val)[0] == $params['education'] ? 'active' : ''}}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['education'=>explode(',',$val)[0]]))}}">{{ explode(',',$val)[1] }}</a></li>
                    @endforeach
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="category">
                <div class="txt">工作年限:</div>
                <ul>
                    <li class="{{ $params['experience'] == '' ? 'active' : ''  }}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['experience'=>'']))}}">不限</a></li>
                    @foreach($category['other']['AIX_experience'] as $key => $val )
                        <li class="{{ explode(',',$val)[0] == $params['experience'] ? 'active' : ''}}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['experience'=> explode(',',$val)[0]])) }}">{{ explode(',',$val)[1] }}</a></li>
                    @endforeach
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="category">
                <div class="txt">性别:</div>
                <ul>
                    <li class="{{ $params['sex'] == '' ? 'active' : ''  }}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['sex'=>'']))}}">不限</a></li>
                    <li class="{{ 1 == $params['sex'] ? 'active' : ''}}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['sex'=>1]))}}">男</a></li>
                    <li class="{{ 2 == $params['sex'] ? 'active' : ''}}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['sex'=>2]))}}">女</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="category">
                <div class="txt">工作性质:</div>
                <ul>
                    <li class="{{ $params['nature'] == '' ? 'active' : ''}}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['nature'=>'']))}}">不限</a></li>
                    @foreach($category['other']['AIX_jobs_nature'] as $key => $val )
                        <li class="{{ explode(',',$val)[0] == $params['nature'] ? 'active' : ''}}"><a href="{{route('hardware.pad.interview.search',array_merge($params,['nature'=>explode(',',$val)[0]]))}}">{{ explode(',',$val)[1] }}</a></li>
                    @endforeach
                    <div class="clear"></div>
                </ul>
            </div>
        </div>
    </div>
    <div class="main_container">
        <div class="main_box">
            <div class="resume_list load_more_body">
                @if($list->isNotEmpty())
                    @foreach($list as $value)
                        <div class="resume_item">
                            <a href="{{route('hardware.pad.interview.delivery.resume.show',['rid'=>$value->id,'type'=>'1'])}}">
                                <div class="resume_info">
                                    <div class="avatar"><img src="{{$value->photosrc}}" alt=""></div>
                                    <div class="info">
                                        <div class="t1"><span class="name">{{$value->fullname}}</span><span class="exp">工作经验:{{ $value->experience_cn }}</span></div>
                                        <div class="t2">期望职位：{{ $value->intention_jobs }}</div>
                                        <div class="t3">出生年：{{ $value->birthdate }} <span class="line">|</span>性别：{{ $value->sex_cn }}<span class="line">|</span>文化程度：{{ $value->education_cn }}</div>
                                        <div class="t4"><span class="address">求职地点：{{ $value->district_cn }}</span><span class="line">|</span><span>期望薪资：</span><span class="salary">{{ $value->wage_cn }}</span></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </a>
                            <div class="opera_group">
                                @if($value->is_down)
                                    <a class="has_obtain"><i></i> 已获取</a>
                                @else
                                    <a class="obtain" data-rid="{{$value->id}}"><i></i> 获取</a>
                                @endif
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    @endforeach
            </div>
            @if($list->currentPage()<$list->lastPage())
                <div class="load_more_footer">
                    <span page="2" >-----上拉加载更多-----</span>
                </div>
            @endif
            @else
                @include('app.hardware.layout.list_empty')
            @endif
        </div>
    </div>
    <div class="back_top"></div>
@endsection

@section('script')
    <script type="text/javascript">
        $(function () {
            $(document).on('click','.obtain',function(){
                var url = "{{route('hardware.pad.interview.search.down')}}";
                var html = '';
                var rid = $(this).data('rid');
                $.ajax({
                    type: 'get',
                    url: url,
                    dataType: 'json',
                    async: false,
                    data:{rid:rid},
                    success: function (data) {
                        if(data.status == 1){
                            html = data.html;
                            var dialog  = $(this).dialog({
                                loading: true,
                                header: false,
                                border: false,
                                backdrop: true,
                                yes:function () {
                                    if(!rid)
                                    {
                                        $('.success_box').html('请选择简历').fadeIn(200).delay(2000).fadeOut(200);
                                        return false
                                    }
                                    $.ajax({
                                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                        type: 'post',
                                        url: url,
                                        dataType: 'json',
                                        data:{rid:rid},
                                        success: function (data) {
                                            if (data.status  == 1)
                                            {
                                                $('.success_box').html('下载成功').fadeIn(200).delay(2000).fadeOut(200);
                                                setTimeout(function () {
                                                    window.location.reload()
                                                }, 2000);
                                            }else{
                                                $('.success_box').html(data.msg).fadeIn(200).delay(2000).fadeOut(200);
                                            }
                                        },
                                        error: function (errorData) {
                                            $('.success_box').html(JSON.parse(errorData.responseText).message).fadeIn(200).delay(2000).fadeOut(200);
                                        }
                                    });
                                }
                            });
                            dialog.setContent(html)
                        }else{
                            $('.success_box').html(data.msg).fadeIn(200).delay(2000).fadeOut(200);
                            return false;
                        }
                    }
                });
            });

            /**
             * 监听网页滚动事件
             */
            @if($list->currentPage()<$list->lastPage())
            var f = true;

            $(window).scroll(function() {
                if($(".load_more_footer span").hasClass("end")){
                    return false;
                }
                var h = document.documentElement.clientHeight || document.body.clientHeight;
                var sh = document.documentElement.scrollTop || document.body.scrollTop;
                var t1 = document.querySelector(".load_more_footer").offsetTop- sh;
                //可视区域
                if (t1 < h && f) {
                    s();
                }
            });
            var s = function () {
                var page = $(".load_more_footer span").attr('page');
                var params = JSON.parse('@php echo json_encode($params); @endphp');
                params.page = page;
                $.ajax({
                    type:"get",
                    url:"{{route('hardware.pad.interview.search')}}",
                    data: params,
                    beforeSend:function () {
                        f= false;
                        $(".load_more_footer span").html('正在加载').addClass("loading");
                    },
                    success:function (result) {
                        if(result.status==1){
                            $(".load_more_body").append(result.data);
                            $(".load_more_footer span").attr('page',parseInt(page)+1);
                            $(".load_more_footer span").html('-----上拉加载更多-----').removeClass("loading");
                        }else {
                            $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
                        }
                    },
                    complete:function () {
                        f = true;
                    }
                })
            };
            @endif
        })
    </script>
@endsection