@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')}}?v=1" 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;}
        .newjobfair {position:relative;top:-150px;}
    </style>
@endpush

@push('js')

@endpush

@section('content')
    <div class="header">
        <img src="{{theme_asset('app/images/online2021/list_header.png')}}?v=2">
    </div>
    <div class="newjobfair">
        <div class="online2021_title_left">
            晋江聚才网线上招聘会大厅
        </div>
        <div class="online2021_special">
            <ul>
                <a href="{{route('active.jobfair.spring')}}">
                    <li>
                        <div class="special_box">
                            <p>>>全晋江<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.spring_jkq')}}">
                    <li>
                        <div class="special_box">
                            <p>>>经济开发区专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.spring',['citycategory'=>'yinglinzhen'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>英林镇专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.spring',['citycategory'=>'cizaozhen'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>磁灶镇专区<<</p>
                        </div>
                    </li>
                </a>
                {{--<a href="{{route('active.jobfair.spring',['citycategory'=>'anhaizhen'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>安海镇专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.spring',['citycategory'=>'xintangjiedao'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>新塘街道专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.spring',['citycategory'=>'neikengzhen'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>内坑镇专区<<</p>
                        </div>
                    </li>
                </a>--}}
            </ul>
        </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>1月29日（正月初八）</td>
                        <td>晋江万达广场</td>
                    </tr>
                    <tr>
                        <td>经济开发区专场</td>
                        <td>1月29日-31日（正月初八-初十）</td>
                        <td>智能招聘长廊</td>
                    </tr>
                    <tr>
                        <td>东石镇专场</td>
                        <td>2月2日-3日（正月十二-十三）</td>
                        <td>东石公园</td>
                    </tr>
                    <tr>
                        <td>综合性人才专场</td>
                        <td>2月5日（正月十五）</td>
                        <td>晋江宝龙广场一楼中庭</td>
                    </tr>
                    <tr>
                        <td>互联网+工业制造企业专场</td>
                        <td>2月6日(正月十六)</td>
                        <td>晋江青阳阳光广场</td>
                    </tr>
                    <tr>
                        <td>灵源街道专场</td>
                        <td>2月10日-11日(正月二十一廿一)</td>
                        <td>招聘智能长廊</td>
                    </tr>
                </table>
                <div class="btn"><a href="https://mp.weixin.qq.com/s/p-bKrqC_BZckt0EJ2w0RLQ" target="_blank">了解详情</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>2023年1月31日-2月4日</td>
                        <td>云南省昆明市、保山市</td>
                    </tr>
                    <tr>
                        <td>2023年1月31日-2月4日</td>
                        <td>贵州省遵义市习水县、桐梓县</td>
                    </tr>
                    <tr>
                        <td>2023年2月6日-10日</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">活动期间，扫描直播专区二维码进入求职交流群，即可获得抽奖机会一次，100%中奖；</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">二重礼·求职响应礼：</span>
                    <span class="description_content">活动期间，在2023年晋江市新春公益线上招聘会投递简历，获得活动抽奖次数一次；</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">在晋江聚才网网络直播招聘会期间，邀请好友参加活动前三名获得好礼一份，前二十名获得活动抽奖次数1次；</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">2月8日-10日（正月初八至初十），参加晋江经济开发区线下招聘会，凭此页面可在现场“兑奖区”领取参与礼一份。</span>
                </p>
                <p class="lottery_description mt20">
                    <span class="description_title black">领取方式：</span>
                    <span class="description_content">上班期间，晋江经济开发区人才服务共享中心进行登记兑奖。</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-85200580。</span>
                </p>
            </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>
        $('.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: '参会企业'
            });
        });
        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);
        }
    </script>
@endsection