@extends('module.layouts.empty')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/active/ai.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/swiper.min.css') }}" rel="stylesheet">
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/qrcode.min.js')}}"></script>
@endpush

@section('content')
    <div class="ai_container">
        <div class="ai_header">
            <img src="{{theme_asset('app/images/online2021/ai_header.png')}}" />
        </div>
        <p class="ai_title">
            晋江市零工市场
        </p>
        <div class="ai_countdown">15</div>

        <div class="swiper-container ai_content">
            <div class="swiper-wrapper">
                @foreach($res as $k1 => $v1)
                <div class="swiper-slide">
                    <div class="ai_content_box">
                        @foreach($v1 as $k2 => $v2)
                        <div class="content_item">
                            <h3 class="item_title">{{$v2['companyname']}}</h3>
                            <div class="item_left fl">
                                <div class="left_title">
                                    <div class="item_content_title fl">招聘岗位</div>
                                    <div class="item_content_detail fr">薪酬待遇</div>
                                </div>
                                @for($i = 0 ; $i < 6; $i++)
                                    <div class="left_content">
                                        @if(!empty($v2['jobs'][$i]))
                                            <div class="item_content_title fl">{{$v2['jobs'][$i]['jobs_name']}}</div>
                                            <div class="item_content_detail fr">
                                                @if(!empty($v2['jobs'][$i]))
                                                    @if($v2['jobs'][$i]['wage'] == '-1')
                                                        面议
                                                    @else
                                                        @if($v2['jobs'][$i]['wage_max'] <= 0)
                                                            {{$v2['jobs'][$i]['wage_str']}}
                                                        @else
                                                            ¥{{$v2['jobs'][$i]['wage_min']}}-{{$v2['jobs'][$i]['wage_max']}}
                                                        @endif
                                                    @endif
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                @endfor
                            </div>
                            <div class="item_right fl">
                                <div class="tags">
                                    @foreach($v2['tag_arr'] as $tag)
                                    <span class="tag">{{$tag->demand}}</span>
                                    @endforeach
                                </div>
                                <div class="qrcode_box">
                                    <div id="qrcode_{{$v2['id']}}" class="qrcode">
                                        {{--<img src="{{theme_asset('app/images/spring/jkq_qrcode.png')}}" alt="">--}}
                                    </div>
                                    <script>
                                        new QRCode(document.getElementById("qrcode_{{$v2['id']}}"), {
                                            text:"{{route('mobile.jobs.company',['id'=>$v2['id']])}}",
                                            width: 110,
                                            height: 110,
                                        });
                                    </script>
                                    <p>请扫码了解详细，开启智能应聘！</p>
                                </div>
                                <div class="phone">
                                    <img src="{{theme_asset('app/images/online2021/ai_phone.png')}}" />
                                    招聘热线：{{$v2['landline_tel'] ? $v2['landline_tel'] : $v2['mobile']}}
                                </div>
                                <div class="address">
                                    <img src="{{theme_asset('app/images/online2021/ai_address.png')}}" />
                                    <p class="substring">公司地址：{{$v2['reg_address']}}</p>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        @endforeach
                    </div>
                </div>
                @endforeach
            </div>
        </div>

        <div class="page" style="text-align:center;">
            当前第<span id="current" style="font-weight:bold;color:#A41A16">1</span>页/总共{{count($res)}}页
        </div>

        <div class="ai_footer">
            <div class="fr">
                <div class="content_left fl content_box">
                    <p>主办单位：晋江经济开发区管委会</p>
                    <p>运营方：福建省晋江人力资本有限公司</p>
                    <p>联系方式：0595-85200580</p>
                </div>
                <div class="content_right fr content_box">
                    <div class="jucai_left fl">
                        <img src="{{theme_asset('app/images/online2021/jucai_qrcode.png')}}" alt="">
                    </div>
                    <div class="jucai_right fl">
                        <p>更多招聘详情可上晋江聚才网（www.jucai.gov.cn）</p>
                        <p>聚才找工作赠好礼 助力找工作稳就业</p>
                        <p>免费找工作、找人才，还能抽奖，100%中奖，万份好礼免费拿！</p>
                    </div>
                </div>
            </div>
        </div>
        <img src="{{theme_asset('app/images/online2021/ai_footer_left.png')}}" class="footer_left"/>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>
    <script>
        //    初始化SWiper
        var mySwiper = new Swiper('.swiper-container',{
            direction:'horizontal',
            loop:true,
            // autoplay:3000,
        });
        var time = $('.ai_countdown').text();
        var total_page = {{count($res)}};
        var current = 1;
        setInterval(function(){
            time--;
            if (time < 1) {
                mySwiper.slideNext();
                current++;
                if (current > total_page) {
                    current = 1;
                }
                $('#current').text(current);
                time = 15;
            }
            $('.ai_countdown').text(time);
        },1000)
    </script>
@endsection