@extends('mobile.module.layouts.empty')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/active_recruit.css')}}">
    <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
    <style>
        .drop_content a{color: #666666;text-decoration: none;}
        .con-filter .f-box.f-box-trade{
            height: 8.7rem;
        }
        .con-filter .f-box-trade div.f-box-inner{
            height: 7rem;
        }
        .load_more_footer{
            width: 100%;
            text-align: center;
            line-height: 1rem;
            color:white;
        }
        .bottom-nav-bar .nav-bar-cell .bar-cell {
            width: 33.3%;
        }
    </style>
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="online2021_header">
        <img src="{{theme_asset('app/images/jkq/index_search_box.png')}}?v=5">
    </div>
    <div class="filter-group x1 filter-outer">
        <div id="f-mask"></div>
        <div class="filter-outer">
            {{--<div class="filter-list js-filter br" data-tag="0">
                <div class="filter-cell" data-id="filter-citycategory">
                    <div class="filter-cell-txt f-normal-txt-citycategory">
                        @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" data-id="filter-trade">
                    <div class="filter-cell-txt f-normal-txt-trade">
                        @if(array_get($params,'trade')=='')
                            行业
                        @else
                            {{ $categories['AIX_trade'][$params['trade']]['demand'] }}
                        @endif
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <form id="searchForm" action="" method="get">
                <input type="hidden" class="f-normal-code-citycategory" name="citycategory" value="{{$params['citycategory'] or ''}}">
                <input type="hidden" class="f-normal-code-trade" name="trade" value="{{$params['trade'] or ''}}">
            </form>
        </div>
        <div class="con-filter">
            <div class="f-box f-box-city">
                <div class="f-box-inner">
                    @if($city['list'])
                        @foreach($city['list'] as $k=>$v)
                            <li>
                                <a class="f-item f-item-normal @if(array_get($params,'citycategory')==$v['citycategory']) select @endif" href="javascript:;" data-type="citycategory" data-code="{{$v['citycategory']}}" data-title="{{$v['name']}}">
                                    {{$v['name']}}
                                </a>
                            </li>
                        @endforeach
                    @endif
                </div>
                <div class="f-btn-submit qs-center">
                    <div onclick="window.location='{{route("mobile.active.spring_special",array_merge($params, array("citycategory"=>"")))}}';" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange">
                        不限
                    </div>
                </div>
            </div>
            <div class="f-box f-box-trade">
                <div class="f-box-inner">
                    @if($categories['AIX_trade'])
                        @foreach($categories['AIX_trade'] as $k=>$v)
                            <li>
                                <a class="f-item f-item-normal @if(array_get($params,'trade')==$v['id']) select @endif" href="javascript:;" data-type="trade" data-code="{{$v['id']}}" data-title="{{$v['demand']}}">
                                    {{$v['demand']}}
                                </a>
                            </li>
                        @endforeach
                    @endif
                </div>
                <div class="f-btn-submit qs-center">
                    <div onclick="window.location='{{route("mobile.active.spring_special",array_merge($params, array("trade"=>"")))}}';" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-orange">
                        不限
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="join_com">
        @if(count($res))
            <div class="load_more_body">
                @foreach($res as $key=>$val)
                    <div class="online2021_content">
                        <div class="content_box">
                            <h3 class="substring">{{ $val['companyname'] or '' }}</h3>
                            <p class="online2021_line">
                                <span class="line_left line_title">招聘岗位</span>
                                <span class="line_right more"><a href="{{route('mobile.jobs.company',['id'=>$val['id']])}}">更多>></a></span>
                            </p>
                            @for($i=0;$i<3;$i++)
                            <p class="online2021_line">
                                <span class="line_left substring">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
                                <span class="line_right substring">
                                @if(!empty($val['jobs'][$i]))
                                    @if($val['jobs'][$i]['wage'] == '-1')
                                        面议
                                    @else
                                            ¥{{$val['jobs'][$i]['wage_min']}}-{{$val['jobs'][$i]['wage_max']}}
                                    @endif
                                @endif
                                </span>
                            </p>
                            @endfor
                            <p class="online2021_line end">
                                @foreach($val['tag_arr'] as $tag)
                                    <span class="tag">{{$tag->demand}}</span>
                                @endforeach
                            </p>
                            <a href="{{route('mobile.jobs.company',['id'=>$val['id']])}}" class="btn_a">
                                <div class="btn">
                                    <img src="{{theme_asset('mobile/images/online2021/bg_btn.png')}}" />
                                    投递简历
                                </div>
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif

        @if($more)
            <div class="load_more_footer">
                <span page="1" style="color:#333;">加载更多</span>
            </div>
        @else
            <div class="load_more_footer">
                <span page="1" style="color:#333;">-----没有更多了-----</span>
            </div>
        @endif
    </div>
    <div class="bottom-nav-bar-group">
        <div class="bottom-nav-bar">
            <div class="nav-bar-cell qs-left" style="width: 100%;">
                <a href="{{route('mobile.home')}}"
                   class="bar-cell index @if(url($current_url) == route('mobile.home')) active @endif" style="width: 50%;">
                    <div class="b-img"></div>
                    <div class="b-txt font10">首页</div>
                </a>
                <a href="{{ route('mobile.person.index') }}"
                   class="bar-cell mine @if(strripos( url($current_url), route('mobile.person.index')) !== false) active @endif" style="width: 50%;">
                    <div class="b-img"></div>
                    <div class="b-txt font10">我的</div>
                </a>
                <div class="clear"></div>
            </div>
        </div>
    </div>


    <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 type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{subsite_config('aix.system.map.map.map_ak')}}&s=1"></script>
@endsection
@section('script')
    <script>
        function goPage() {
            var toSearchPage = "{{route('mobile.active.spring_special')}}";
            window.location.href = toSearchPage + '?'+$('#searchForm').serialize();
        }

        // 除更多和读取缓存之外的下拉列表
        $('.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();
        });

        // 点击筛选
        $('#f-do-filter').on('click', function () {
            goPage();
        });
        $('.js-filter').on('click', function () {
            $('.f-more-content').removeClass('qs-actionsheet-toggle');
            $('.f-box-more').removeClass('qs-actionsheet-toggle-left');
            var filter = new QSfilter($(this));
            document.getElementById('f-mask').ontouchstart = function(e){ e.preventDefault(); }
        });

        @if($more)
        /**
         * 监听网页滚动事件
         */
        var f = true;


        $(window).on("scroll",function () {
            var isShow = true;//$("#join_com").is(":visible");
            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 && isShow  && f ) {
                s();
            }
        });
        var s = function () {
            var page = $(".load_more_footer span").attr('page');
            $.ajax({
                type:"get",
                url:"{{ route('mobile.active.recruit',$params) }}",
                data:{
                    page:page
                },
                beforeSend:function () {
                    f = false;
                    $(".load_more_footer span").html('正在加载').addClass("loading");
                },
                success:function (result) {
                    if(result.status==1){
                        $(".load_more_body").append(result.data);
                        // console.log(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