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

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/resume.css') }}" rel="stylesheet">
@endpush

@push('js')

@endpush

@section('content')
    @include('mobile.app.common.search')
    <div class="split-block-title">
        <div class="sbox js-show-qspageso">
            @if(array_get($params, 'key')){{urldecode(urldecode(array_get($params, 'key')))}}@else {{'请输入意向职位等关键字'}} @endif
            <script>
                // 显示搜索层
                $('.js-show-qspageso').on('click', function(){
                    $('.qspageso').toggle();
                    $('#J_soinput').focus();
                    if($('#J_soinput').val()!=''){
                        $('#J_soinput').val($('#J_soinput').val());
                        $('#J_soinput').closest('.topbg').addClass('has-inp');
                    }
                });
            </script>
        </div>
    </div>

    {{--过滤条件--}}
    <div class="filter-group x4 filter-outer">
        <div id="f-mask"></div>
        <div class="filter-outer">
            <div class="filter-list js-filter qs-temp" data-tag="0" data-type="city" data-base="QS_city_parent" data-source="QS_city" data-multiple="false" data-num="3" data-link="true" data-level="{{config('aix.system.site_other.site_other.category_district_level')}}">
                <div class="filter-cell">
                    <div class="filter-cell-txt qs-temp-txt-city">
                        {{--{$city['select']['categoryname']|default="地区"}--}}
                        @if(array_get($params,'citycategory')=='')
                            地区
                        @else
                            {{ $city['select']['name'] }}
                        @endif
                    </div>
                </div>
            </div>

            <div class="filter-list js-filter" data-tag="1">
                <div class="filter-cell">
                    <div class="filter-cell-txt f-normal-txt-exp">
                        {{--{$experience_list[$_GET['experience']]|default="经验"}--}}
                        @if(array_get($params,'experience')=='')
                            经验
                        @else
                            {{ $categories['AIX_experience'][$params['experience']]['demand'] }}
                        @endif
                    </div>
                </div>
            </div>

            <div class="filter-list js-filter" data-tag="2">
                <div class="filter-cell">
                    <div class="filter-cell-txt f-normal-txt-edu">
                       {{-- {$education_list[$_GET['education']]|default="学历"}--}}
                        @if(array_get($params, 'education'))
                            {{$categories['AIX_education'][$params['education']]['demand']}}
                        @else
                            {{ '学历' }}
                        @endif
                    </div>
                </div>
            </div>

            <div class="filter-list js-filter" data-tag="3">
                <div class="filter-cell">
                    <div class="filter-cell-txt j-change-color">更多</div>
                </div>
            </div>

            <div class="clear"></div>

            <div class="qs-actionmore"></div>

            <form id="searchForm">
                <input type="hidden" class="" name="key" value="@if(array_get($params, 'key')){{urldecode(urldecode(array_get($params, 'key')))}}@endif">
                <input type="hidden" class="qs-temp-code-city" name="citycategory" value="{{$params['citycategory'] or ''}}">
                <input type="hidden" class="f-normal-code-experience" name="experience" value="{{$params['experience'] or ''}}">
                <input type="hidden" class="f-normal-code-education" name="education" value="{{$params['education'] or ''}}">
                <input type="hidden" class="f-more-l-code-sex" name="sex" value="{{$params['sex'] or ''}}">
                <input type="hidden" class="f-more-l-code-age" name="age" value="{{$params['age'] or ''}}">
                <input type="hidden" class="f-more-l-code-major" name="major" value="{{$params['major'] or ''}}">
                <input type="hidden" class="f-more-l-code-wage" name="wage" value="{{$params['wage'] or ''}}">
                <input type="hidden" class="f-more-l-code-resumetag" name="resumetag" value="{{$params['resumetag'] or ''}}">
                <input type="hidden" class="f-more-l-code-settr" name="settr" value="{{$params['settr'] or ''}}">
                <input type="hidden" class="qs-temp-code-range" name="range" value="">
            </form>
            <input type="hidden" class="f-seach-page" value="{{route($sub_site.'mobile.resumes')}}">
        </div>

        {{--选项--}}
        <div class="con-filter">
            <div class="f-box f-box-city"></div>
            <div class="f-box f-box-exp">
                <div class="f-box-inner">
                    @if(array_get($categories, 'AIX_experience'))
                        @foreach($categories['AIX_experience'] as $k=>$v)
                            <li>
                                <a class="f-item f-item-normal @if(array_get($params, 'experience')== $k) select @endif" href="javascript:;" data-type="experience" data-code="{{$k}}" data-title="{{$v['demand']}}">
                                    {{$v['demand']}}
                                </a>
                            </li>
                        @endforeach
                    @endif
                </div>
                <div class="f-btn-submit qs-center">
                    <div onclick="window.location='{{route($sub_site."mobile.resumes",array_merge($params, array("experience"=>"")))}}';" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange">
                        不限
                    </div>
                </div>
            </div>

            <div class="f-box f-box-edu">
                <div class="f-box-inner">
                    @if(array_get($categories, 'AIX_education'))
                        @foreach($categories['AIX_education'] as $k=>$v)
                            <li>
                                <a class="f-item f-item-normal @if(array_get($params, 'education')== $k) select @endif" href="javascript:;" data-type="education" data-code="{{$k}}" data-title="{{$v['demand']}}">
                                    {{$v['demand']}}
                                </a>
                            </li>
                        @endforeach
                    @endif
                </div>
                <div class="f-btn-submit qs-center">
                    <div onclick="window.location='{{route($sub_site."mobile.resumes",array_merge($params, array("education"=>"")))}}';" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange">
                        不限
                    </div>
                </div>
            </div>

            <div class="f-box f-box-more">
                <div class="f-box-inner">
                    <ul class="arrow">
                        <li>
                            <a href="javascript:;" data-id="filter-sex" class="js-more-l">
                                性别
                                <span class="choice f-more-l-txt-sex">
                                    @if(array_get($params, 'sex'))
                                        @if($params['sex']==1)
                                            男
                                        @elseif($params['sex']==2)
                                            女
                                        @else
                                            不限
                                        @endif
                                    @else
                                        不限
                                    @endif
                                </span>
                            </a>
                        </li>

                        <li>
                            <a href="javascript:;" data-id="filter-age" class="js-more-l">
                                年龄
                                <span class="choice f-more-l-txt-age">
                                    @if(array_get($params, 'age'))
                                        {{$categories['AIX_age'][$params['age']]['demand']}}
                                    @else
                                        不限
                                    @endif
                                </span>
                            </a>
                        </li>

                        <li>
                            <a href="javascript:;" data-id="filter-major" class="js-more-l">
                                专业
                                <span class="choice f-more-l-txt-major">
                                    @if(array_get($params, 'major'))
                                        {{$major_info['name']}}
                                    @else
                                        不限
                                    @endif
                                </span>
                            </a>
                        </li>

                        <li>
                            <a href="javascript:;" data-id="filter-wage" class="js-more-l">
                                期望薪资
                                <span class="choice f-more-l-txt-wage">
                                    @if(array_get($params, 'wage'))
                                        {{$categories['AIX_wage'][$params['wage']]['demand']}}
                                    @else
                                        不限
                                    @endif
                                </span>
                            </a>
                        </li>

                        <li>
                            <a href="javascript:;" data-id="filter-resumetag" class="js-more-l">
                                简历标签
                                <span class="choice f-more-l-txt-resumetag">
                                    @if(array_get($params, 'resumetag'))
                                        {{$categories['AIX_resumetag'][$params['resumetag']]['demand']}}
                                    @else
                                        不限
                                    @endif
                                </span>
                            </a>
                        </li>

                        <li>
                            <a href="javascript:;" data-id="filter-settr" class="js-more-l">
                                更新时间
                                <span class="choice f-more-l-txt-settr">
                                    @if(array_get($params, 'settr'))
                                        {{array_get($params, 'settr').'天内'}}
                                    @else
                                        不限
                                    @endif
				                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="f-btn-submit qs-center">
                    <div href="javascript:;" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange" id="f-do-filter"> 确 定 </div>
                    &nbsp;&nbsp;&nbsp;
                    <div onclick="window.location='{{route($sub_site."mobile.resumes")}}';" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-border-gray"> 清空所选 </div>
                </div>
                <div class="f-btn-back qs-center"><div href="javascript:;" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange f-more-back-btn"> 返 回 </div></div>
            </div>

            <div class="f-box f-more-content" id="filter-sex">
                <div class="f-box-inner">
                    <ul>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(!array_get($params, 'sex')) select @endif" data-type="sex" data-title="不限" data-code="0">
                            不限
                            </a>
                        </li>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'sex')==1) select @endif" data-type="sex" data-title="男" data-code="1">
                            男
                            </a>
                        </li>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'sex')==2) select @endif" data-type="sex" data-title="女" data-code="2">
                            女
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="f-box f-more-content" id="filter-age">
                <div class="f-box-inner">
                    <ul>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(!array_get($params, 'age')) select @endif" data-type="age" data-title="不限" data-code="0">
                            不限
                            </a>
                        </li>
                        @if(array_get($categories, 'AIX_age'))
                            @foreach($categories['AIX_age'] as $k=>$v)
                                <li class="selected">
                                    <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'age')== $k) select @endif" data-type="age" data-title="{{$v['demand']}}" data-code="{{$k}}">
                                    {{$v['demand']}}
                                    </a>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>

            <div class="f-box f-more-content" id="filter-major">
                <div class="f-box-inner">
                    <ul class="for-temp-major-group"></ul>
                </div>
            </div>

            <div class="f-box f-more-content" id="filter-wage">
                <div class="f-box-inner">
                    <ul>
                        <li class="selected"><a href="javascript:;" class="f-more-back-a @if(!array_get($params, 'wage')) select @endif" data-type="wage" data-title="不限" data-code="0">不限</a></li>
                        @if(array_get($categories, 'AIX_wage'))
                            @foreach($categories['AIX_wage'] as $k=>$v)
                                <li class="selected">
                                    <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'wage')== $k) select @endif" data-type="wage" data-title="{{$v['demand']}}" data-code="{{$k}}">
                                        {{$v['demand']}}
                                    </a>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>

            <div class="f-box f-more-content" id="filter-resumetag">
                <div class="f-box-inner">
                    <ul>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(!array_get($params, 'resumetag')) select @endif>" data-type="resumetag" data-title="不限" data-code="0">
                            不限
                            </a>
                        </li>
                        @if(array_get($categories, 'AIX_resumetag'))
                            @foreach($categories['AIX_resumetag'] as $k=>$v)
                                <li class="selected">
                                    <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'resumetag')== $k) select @endif" data-type="resumetag" data-title="{{$v['demand']}}" data-code="{{$k}}">
                                        {{$v['demand']}}
                                    </a>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>

            <div class="f-box f-more-content" id="filter-settr">
                <div class="f-box-inner">
                    <ul>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'settr')==0) select @endif" data-type="settr" data-title="不限" data-code="0">
                            不限
                            </a>
                        </li>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'settr')==3) select @endif" data-type="settr" data-title="3天内" data-code="3">
                            3天内
                            </a>
                        </li>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'settr')==7) select @endif" data-type="settr" data-title="7天内" data-code="7">
                            7天内
                            </a>
                        </li>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'settr')==15) select @endif" data-type="settr" data-title="15天内" data-code="15">
                            15天内
                            </a>
                        </li>
                        <li class="selected">
                            <a href="javascript:;" class="f-more-back-a @if(array_get($params, 'settr')==30) select @endif" data-type="settr" data-title="30天内" data-code="30">
                            30天内
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>

    {{--列表--}}
    <div class="drop_content">
        <div class="add_data">
            @include('mobile.app.content.resume.ajax_resume_list')
        </div>
    </div>

    {{--@include('mobile.module.section.main_footer')--}}
    <script type="text/javascript" src="{{theme_asset('mobile/js/QSfilter.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/qsCategory.js')}}"></script>
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endsection

@section('script')
    <script>
        var default_district = "{{config('aix.system.site_other.site_other.district')}}";
        var QS_major_parent = eval('<?php echo json_encode($category['major']['first']);?>');
        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 app_spell = true;
        var qscms = {
            base : "{{$_SERVER['SERVER_NAME']}}",
            keyUrlencode:"0",
            domain : "{{$_SERVER['SERVER_NAME']}}",
            root : "/",
            is_subsite : 0,
            subsite_level : "{{config('aix.system.site_other.site_other.category_district_level')}}", //地区分类层级
            default_district : "{{$district_info['default_district']}}", //默认地区
            default_district_spell : "{{$district_info['default_district_spell']}}" //默认地区拼音
        };
        var QS_city_parent = eval('<?php echo json_encode($category['district']['first']);?>');
        var QS_city_spell_parent = eval('<?php echo json_encode($category['district']['spell']);?>');
        var QS_city = eval(<?php echo json_encode($category['district']['sec']);?>);
        {!! $AIX_city_spell !!}
        var city_select =  <?php echo json_encode($city["select"])?>;
        var city_parent = <?php echo json_encode(array_get($city,"parent"));?>;
        var csrf_token = "{{csrf_token()}}";

        /**
         * 读取缓存文件中的专业类别
         */
        var revalMajor = "{{$params['major'] or ''}}";
        if (QS_major_parent) {
            var majorHtml = '<li class="selected"><a href="javascript:;" class="f-more-back-a" data-type="major" data-title="不限" data-code="0">不限</a></li>';
            $.each(QS_major_parent, function (key, value) {
                if (value.split(',')) {
                    var level2Id = value.split(',')[0];
                    if (QS_major[level2Id]) {
                        var level2Arr = QS_major[level2Id].split('`');
                        if (level2Arr) {
                            for (var i = 0; i < level2Arr.length; i++) {
                                if (level2Arr[i].split(',')[0] == revalMajor) {
                                    majorHtml += '<li class="selected"><a href="javascript:;" class="f-more-back-a select" data-type="major" data-title="' + level2Arr[i].split(',')[1] + '" data-code="' + level2Arr[i].split(',')[0] + '">' + level2Arr[i].split(',')[1] + '</a></li>';
                                } else {
                                    majorHtml += '<li class="selected"><a href="javascript:;" class="f-more-back-a" data-type="major" data-title="' + level2Arr[i].split(',')[1] + '" data-code="' + level2Arr[i].split(',')[0] + '">' + level2Arr[i].split(',')[1] + '</a></li>';
                                }
                            }
                        }
                    }
                }
            })
            $('.for-temp-major-group').html(majorHtml);
        }
        var recoverSex = "{{$params['sex'] or ''}}";
        var recoverAge = "{{$params['age'] or ''}}";
        var recoverMajor = "{{$params['major'] or ''}}";
        var recoverWage = "{{$params['wage'] or ''}}";
        var recoverResumetag = "{{$params['resumetag'] or ''}}";
        var recoverSettr = "{{$params['settr'] or ''}}";
        var isChangeColor = false;
        if (eval(recoverSex) > 0 || eval(recoverAge) > 0 || eval(recoverMajor) > 0 || eval(recoverWage) > 0 || eval(recoverResumetag) > 0 || eval(recoverSettr) > 0) {
            isChangeColor = true;
        }
        if (isChangeColor) {
            $('.j-change-color').addClass('red-txt');
        }
        setTimeout(function() {
            var noLimitCityHtml = '<div class="f-btn-submit qs-center"><div class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange" id="j-no-limit-city">不限</div></div>';
            $('.f-box-city').append(noLimitCityHtml);
            $('#j-no-limit-city').click(function() {
                window.location = '{{route($sub_site."mobile.resumes",array_merge($params, array("citycategory"=>"")))}}';
            });
        }, 100);
        // 特长标签随机背景色
        function randomsort(a, b) {
            return Math.random()>.5 ? -1 : 1;
        }
        var bgArrBefore = [1,2,3,4];
        $('.resume-list-item').each(function () {
            var $jobTagDom = $(this).find('.resume-tag');
            if ($jobTagDom.length) {
                var bgArray = bgArrBefore.sort(randomsort);
                $($jobTagDom).each(function (index, value) {
                    $(this).addClass('tg' + bgArray[index]);
                })
            }
        })
        // 更多列表左右切换
        $('.js-more-l').on('click', function () {
            var targetId = $(this).data('id');
            $('.f-box-more').toggleClass('qs-actionsheet-toggle-left');
            $('#' + targetId).toggleClass('qs-actionsheet-toggle');
        })
        $('.f-more-back-btn').on('click', function () { // 更多列表切换返回
            $('.f-box-more').toggleClass('qs-actionsheet-toggle-left');
            $('.f-more-content').removeClass('qs-actionsheet-toggle');
        })
        $('.f-more-back-a').on('click', function () { // 更多列表项点击
            var thisType = $(this).data('type');
            var thisTitle = $(this).data('title');
            var thisCode = $(this).data('code');
            $('.f-more-l-code-' + thisType).val(thisCode);
            $('.f-more-l-txt-' + thisType).text(thisTitle);
            $('.f-box-more').toggleClass('qs-actionsheet-toggle-left');
            $('.f-more-content').removeClass('qs-actionsheet-toggle');
        })
        // 除更多和读取缓存之外的下拉列表
        $('.f-item-normal').on('click', function () {
            var thisType = $(this).data('type');
            var thisTitle = $(this).data('title');
            var thisCode = $(this).data('code');
            $('.f-normal-code-' + thisType).val(thisCode);
            $('.f-normal-txt-' + thisType).text(thisTitle);
            $('body').removeClass('filter-fixed');
            $('.f-box-' + thisType).addClass('qs-hidden');
            $('.js-filter').removeClass('active');
            $('#f-mask').hide();
            goPage();
        })
        // 过滤已投递
        $('.js-clickedbox').on('click', function () {
            if ($(this).hasClass('clickedchoice')) {
                $(this).removeClass('clickedchoice');
                $('.f-deliver').val('0');
            } else {
                $(this).addClass('clickedchoice');
                $('.f-deliver').val('1');
            }
        })
        // 跳转方法
        function goPage() {
            var toSearchPage = $('.f-seach-page').val();
            window.location.href = toSearchPage+'?' + $('#searchForm').serialize();
        }
        // 点击筛选
        $('#f-do-filter').on('click', function () {
            goPage();
        });
        $('.js-filter').on('click', function () {
            var filter = new QSfilter($(this));
            $('.f-more-content').removeClass('qs-actionsheet-toggle');
            $('.f-box-more').removeClass('qs-actionsheet-toggle-left');
        });

        $(function(){
            var page = 1;
            var mobile_url = "{{route($sub_site.'mobile.resumes',array_merge($params,['page'=>'']))}}";
            mobile_url = mobile_url.replace(/&amp;/g,"&");
            $('.drop_content').dropload({
                scrollArea : window,
                domUp : {
                    domClass   : 'dropload-up',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domUpdate  : '<div class="dropload-update">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
                },
                domDown : {
                    domClass   : 'dropload-down',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
                    domNoData  : '<div class="dropload-noData">没有更多数据~~</div>'
                },
                loadUpFn : function(me){
                    page = 1;
                    $.ajax({
                        type: 'GET',
                        url: mobile_url+page,
                        dataType: 'json',
                        success: function(result){
                            if (result.status ==1) {
                                $('.add_data').html(result.data);
                            } else {
                                me.lock();
                                me.noData();
                            }
                            me.resetload();
                        },
                        error: function(xhr, type){
                            me.resetload();
                        }
                    });
                },
                @if($mobile_dropload)
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: mobile_url+page,
                        dataType: 'json',
                        success: function(result){
                            if (result.status ==1) {
                                $('.add_data').append(result.data);
                            } else {
                                me.lock();
                                me.noData();
                            }
                            me.resetload();
                        },
                        error: function(xhr, type){
                            me.resetload();
                        }
                    });
                },
                @endif
                threshold : 50
            });
        });
    </script>
@endsection