@extends('module.layouts.content')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link href="{{theme_asset('app/css/jobfair/newjobfair.css')}}" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/common_ajax_dialog.css')}}"/>
    <link href="{{theme_asset('app/css/jobs/jobs.css')}}" rel="stylesheet"/>
    <link href="{{theme_asset('app/css/active/online2021.css')}}" rel="stylesheet"/>
    <style>
        body {background: url('{{theme_asset("app/images/online2021/bg_list.jpg")}}');}
        .header{width:100%;max-width: 1920px;min-width: 1200px;position: relative;z-index: 99;}
        .header img{width:100%;max-width:1920px;margin:0 auto;display:block;}
        .jobfair_detail_show {margin-top:0;}
        .newjobfair {position:relative;top:-100px;}
    </style>
@endpush

@push('js')

@endpush

@section('content')
    <div class="header">
        <img src="{{theme_asset('app/images/online2021/list_header_2024.png')}}?v=3">
    </div>
    <div class="newjobfair">
        <div class="online2021_title_left">
            晋江经济开发区万益广场
        </div>
        <div class="online2021_ai">
            <div class="ai_left">
                <img src="{{theme_asset('mobile/images/online2021/jkq_header.jpg')}}" alt="">
            </div>
            <div class="ai_right">
                <a class="show_map" href="https://map.baidu.com/poi/%E4%B8%87%E7%9B%8A%E5%B9%BF%E5%9C%BA/@13195983.881252624,2827300.0786805763,18.64z?uid=d68a0527299b86ce8bf15dcc&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&pcevaname=pc4.1&querytype=detailConInfo&da_src=shareurl" target="_blank" rel="nofollow noopener noreferrer">查看地图</a>
            </div>
        </div>
        <div class="clear"></div>

        <div class="online2021_title_right mt20">
            晋江聚才网网络招聘会
        </div>
        <div class="online2021_online onine2021_live">
            @foreach($live_list as $k => $v)
                <div class="news-list-item for-event {{$v['status']}}">
                    <div class="news-info">
                        <div class="thumbnail">
                            <img src="{{$v['images']}}" border="0">
                        </div>
                        <div class="info">
                            <div class="line-one substring"><span
                                        style="color:#000000;font-weight:bold;">{{$v['name']}}</span></div>
                            <div class="line-two font12">
                                <img src="{{theme_asset('mobile/images/online2021/icon_time.png')}}">{{$v['time']}}
                            </div>
                            <div class="line-two font12 substring"></div>
                            <div class="line-two font9 font-red">
                                (扫描求职交流微信群，红包礼品等你拿)
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="clear"></div>

        <div class="online2021_title_left mt20">
            新春线下招聘会
        </div>
        <div class="online2021_out">
            <div class="out_item">
                <p class="title">晋江市新春线下招聘会</p>
                <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>场次</th>
                        <th>时间</th>
                        <th>地点</th>
                    </tr>
                    <tr>
                        <td>经济开发区会场</td>
                        <td>2月20日-22日（正月十一-十三）</td>
                        <td>万益商业广场</td>
                    </tr>
                </table>
                <div class="btn"><a href="https://mp.weixin.qq.com/s/7giJDCmXewgFRH7RLsv9Sw" target="_blank" rel="nofollow noopener noreferrer">了解详情</a></div>
            </div>
            <div class="out_item">
                <p class="title">晋江市企业赴省外招聘会</p>
                <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>时间</th>
                        <th>路线安排</th>
                    </tr>
                    <tr>
                        <td>2024年2月21日-2024年2月25日</td>
                        <td>贵州黔西市、织金县</td>
                    </tr>
                    <tr>
                        <td>2024年2月22日-2024年2月26日</td>
                        <td>贵州习水县、桐梓县</td>
                    </tr>
                </table>
                <div class="btn"><a href="javascript:showWechat()">点击报名</a></div>
            </div>
        </div>

        <div class="online2021_title_right mt20">
            抽奖活动说明
        </div>
        <div class="lottery_box">
            <div class="lottery_prize">
                <div class="prize_left">
                    <img src="{{theme_asset('app/images/online2021/turntable.png')}}" alt="">
                </div>
                <div class="prize_right">
                    <img class="prize_title" src="{{theme_asset('app/images/online2021/prize_title.png')}}" alt="">
                    <div class="prize_table">
                        <div class="prize_item_top">
                            @foreach($prize as $k => $v)
                                @if ($k < 5)
                                    <div class="prize_detail">
                                        <img src="{{ upload_asset($v->prize_image) }}" alt="">
                                        {{$v->prize_name}}
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        <hr/>
                        <div class="prize_item_bottom">
                            @foreach($prize as $k => $v)
                                @if ($k >= 5 && $k < 10)
                                    <div class="prize_detail">
                                        <img src="{{ upload_asset($v->prize_image) }}" alt="">
                                        {{$v->prize_name}}
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="prize_content">
                <p class="lottery_description">
                    <span class="description_title">※一重礼（签到礼）：</span>
                    <span class="description_content">凭“折页”于2月20-2月22日（正月十一至正月十三）期间可到场领取签到礼一份，2月20日早上9:00-11:00期间到场，可领取升级版签到礼，数量有限，先到先得！</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">※二重礼（关注礼）：</span>
                    <span class="description_content">扫描二维码，关注公众号，即可参与线上（聚才网）转盘抽关注礼，100%中奖！</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">※三重礼（积极礼）：</span>
                    <span class="description_content">参加晋江经济开发区新春线下招聘会，应聘一家可获一张“红色礼券”，集满5张可领取应聘积极礼一份。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">※四重礼（转盘礼）：</span>
                    <span class="description_content">应聘成功，可领取对应企业发放的“金色礼券”一张，获得新春招聘会大转盘抽奖一次。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">※五重礼（热心礼）：</span>
                    <span class="description_content">朋友圈/视频号/抖音号转发活动现场图片或视频，集满18个赞，即可获得热心礼一份。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">※六重礼（游园礼）：</span>
                    <span class="description_content">消费万益广场任意一家门店（凭小票或消费记录），即可获得“游园礼”，含生活大礼包5件套。</span>
                </p>
                <p class="lottery_description mt20">
                    <span class="description_title black">抽奖时间：</span>
                    <span class="description_content">2024年1月23日至2024年2月22日。</span>
                </p>
                <p class="lottery_description mt20">
                    <span class="description_title black">领取方式：</span>
                    <span class="description_content">2024年2月20日-2024年2月22日上午9点-下午16点在招聘活动现场签到处（万益商业广场麦当劳店旁）。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_content">图片仅供参考，礼品以最终实物为准。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_content">晋江聚才网客服热线：0595-88223456。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_content">经济开发区领奖热线：0595-82008301。</span>
                </p>
            </div>
        </div>

        <div class="online2021_title_left mt20">
            企业招聘专区
        </div>
        <div class="jobfair_detail_show">
            <div class="tabs_show">
                <div class="tabs_show_item" id="join_com" style="display: block">
                    @if(count($res))
                        <div class="load_more_body">
                            @foreach($res as $key=>$val)
                                <div class="online2021_content">
                                    <h3 class="substring">{{ $val['companyname'] or '' }}</h3>
                                    <p class="online2021_line">
                                        <span class="line_left">招聘岗位</span>
                                        <span class="line_right more"><a href="{{route('jobs.company',['id'=>$val['id']])}}">更多>></a></span>
                                    </p>
                                    @for($i=0;$i<3;$i++)
                                        <p class="online2021_line">
                                            <span class="line_left">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
                                            <span class="line_right">
                                                @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('jobs.company',['id'=>$val['id']])}}">
                                        <div class="btn">
                                            <img src="{{theme_asset('mobile/images/online2021/bg_btn.png')}}" />
                                            投递简历
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    @endif
                        @if($more)
                            <div class="load_more_footer">
                                <span page="1" >加载更多</span>
                            </div>
                        @else
                            <div class="load_more_footer">
                                <span page="1" >-----没有更多了-----</span>
                            </div>
                        @endif
                </div>
            </div>
        </div>



    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.jobslist.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.highlight-3.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.autocomplete.js')}}"></script>
    <script src="{{theme_asset('statistics/js/layer/layer.js')}}"></script>
    <script>
        function showWechat() {
            var qsDialog = $(this).dialog({
                title: "微信扫码",
                backdrop: false
            });
            var content='<img style="width:50%;display:block;margin:0 auto;" src="{{theme_asset('app/images/online2021/province_out.jpg')}}"/><p style="text-align:center;font-size:22px;color:#EC0C00;">添加微信好友报名参加赴省外招聘活动</p>';
            qsDialog.setContent(content);
        }

        $('.line-two .more').click(function () {
            var company = $(this).data('company').split(',');
            var str = '';
            for (var i = 0; i < company.length; i++) {
                str += '<p>' + company[i] + '</p>'; //分割后的字符输出
            }
            layer.alert(str,{
                title: '参会企业'
            });
        });

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


        $(window).on("scroll",function () {
            var isShow = $("#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');
            @if (array_has($params, 'citycategory'))
                var city = '{{array_get($params, 'citycategory')}}';
            @else
                var city = ''
            @endif
            $.ajax({
                type:"get",
                url:"{{ route('active.jobfair.spring_jkq') }}",
                data:{
                    page:page,
                    citycategory:city
                },
                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");
                        waterfall.init();
                    }else {
                        $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
                    }
                },
                complete:function () {
                    f = true;
                }
            })
        }
        @endif

    </script>
@endsection