@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;}
        .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')}}">
    </div>
    <div class="newjobfair">
        <div class="online2021_title_left">
            晋江聚才网线上招聘会大厅
        </div>
        <div class="online2021_special">
            <ul>
                <a href="{{route('active.jobfair.online2021')}}">
                    <li>
                        <div class="special_box">
                            <p>>>全晋江<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.online2021_jkq')}}">
                    <li>
                        <div class="special_box">
                            <p>>>经济开发区专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.online2021',['citycategory'=>'anhaizhen'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>安海镇专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.online2021',['citycategory'=>'xintangjiedao'])}}">
                    <li>
                        <div class="special_box">
                            <p>>>新塘街道专区<<</p>
                        </div>
                    </li>
                </a>
                <a href="{{route('active.jobfair.online2021',['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">
                                <span class="more" data-company="{{$v['company']}}">更多</span>
                                <img src="{{theme_asset('mobile/images/online2021/icon_company.png')}}">参会企业：{{$v['company']}}
                            </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>
                <p class="content">新年新气象，新年新希望，为持续做好就业服务保障工作，助力企业发展，促进劳动者就业创业，现定于2月18日-2月28日举办“牛转薪机”2021年晋江市新春线下招聘会。此次招聘会将分为10个分会场，组织200家企业参加，共提供1500个岗位，招聘3000人。</p>
                <div class="btn" style="margin-top:20px;"><a href="https://mp.weixin.qq.com/s/yX4FLywTCdH8JEhxVogJZQ" 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>
                        <th>为期</th>
                    </tr>
                    <tr>
                        <td>正月初九(以对方招聘会为准)</td>
                        <td>云南省昆明市、保山市</td>
                        <td>七天</td>
                    </tr>
                    <tr>
                        <td>正月十一(以对方招聘会为准)</td>
                        <td>贵州省黔西南州、遵义市</td>
                        <td>七天</td>
                    </tr>
                    <tr>
                        <td>正月十六(以对方招聘会为准)</td>
                        <td>河南省郑州市、洛阳市、云南省梁河县</td>
                        <td>五天</td>
                    </tr>
                    <tr>
                        <td>正月二十三(以对方招聘会为准)</td>
                        <td>四川省成都市、广安市、巴中市</td>
                        <td>七天</td>
                    </tr>
                    <tr>
                        <td>以对方招聘会为准</td>
                        <td>甘肃省兰州市、武威市</td>
                        <td>五天</td>
                    </tr>
                </table>
                <div class="btn"><a href="https://mp.weixin.qq.com/s/yX4FLywTCdH8JEhxVogJZQ" target="_blank">了解详情</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">活动期间，在2021年晋江市新春公益线上招聘会投递简历，获得活动抽奖次数一次；</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">在晋江聚才网网络直播招聘会期间，邀请好友参加活动前三名获得好太太养生壶一套，前二十名获得活动抽奖次数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">活动期间，到晋江经济开发区智能招聘长廊应聘工作，根据工作人员指引即可获得活动抽奖次数1次。</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: '参会企业'
            });
        });

    </script>
@endsection