@extends('module.layouts.jobfair')

@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"/>
@endpush

@push('js')
    <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>
@endpush

@section('content')
    <div class="jobfair_index_banner">
        <div class="baner_info">
            <div class="tit">
                <img src="{{ theme_asset('app/images/jobfair/banner_t.png')}}" alt=""  height="56">
                <div class="add">
                    <span>地址：{{config('aix.system.site.site.site_address')}}</span>
                    <span>电话：{{config('aix.system.site.site.bootom_tel')}}</span>
                </div>
            </div>
            <div class="animate_info">
                <div class="info_txt">
                    <img src="{{ theme_asset('app/images/jobfair/banner_t1.png')}}" alt="">
                    <div>
                        求职者可以在招聘会前一天查询参会企业发布的招聘会职位，不用再盲目的参加招聘会，节约时间。
                    </div>
                </div>
                <div class="info_txt">
                    <img src="{{ theme_asset('app/images/jobfair/banner_t2.png')}}" alt="">
                    <div>
                        可与应聘者面对面交谈，认识度高。选择余地大，成功机率高。易于直观的宣传展示企业形象。
                    </div>
                </div>
                <div class="info_txt">
                    <img src="{{ theme_asset('app/images/jobfair/banner_t3.png')}}" alt="">
                    <div>
                        常设100个标准展位，每周参会企业1000家以上、提供6万岗位，9000以上求职者。
                    </div>
                </div>
                <div class="info_txt">
                    <img src="{{ theme_asset('app/images/jobfair/banner_t4.png')}}" alt="">
                    <div>
                        电视台、移动电视、晨报、时报、商报、都市热报等主流媒体强势宣传。
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="jobfair_tabbox">
        <div>
            <a href="{{ route('jobfair') }}" class="titlea select">现场招聘会</a>
            <a href="{{ route('jobfair.news') }}" class="titlea">资讯快报</a>
            <a href="{{ route('jobfair.review') }}" class="titlea">招聘会回顾</a>
        </div>
    </div>
    <div class="jobfairlist_wrap">
        <div class="jobfair_l">
            <div class="jobfair_title">近期招聘会排期</div>
            <div class="cate_tabs">
                <a href="{{ route('jobfair') }}" class="@if(Request::get('type')==false) active @endif ">全部</a>
                @foreach($typeList as $key=>$val)
                    <a href="{{ route('jobfair',['type'=>$val->id]) }}" class=" @if($val->id == Request::get('type')) active @endif">{{ $val->name }}</a>
                @endforeach
                <a href="{{ route('jobfair',['type'=>-1]) }}" class="@if(Request::get('type')==-1) active @endif ">赴外招聘会</a>
            </div>
            <div class="jobfair_cate_item">
                @if(!$allJobfair->isEmpty())
                    <div class="list load_more_body">
                        @foreach($allJobfair as $key=>$val)
                            <div class="zph_item">
                                <div class="zph_item_time">
                                    <div class="mouth">{{ date('m', $val->holddate_start) }}月</div>
                                    <span class="date">
                                        @if(date('Y-m-d',$val->holddate_start) == date('Y-m-d',$val->holddate_end))
                                            {{date('d',$val->holddate_start)}}
                                        @else
                                            {{date('d',$val->holddate_start)}}-{{date('d',$val->holddate_end)}}
                                        @endif
                                    </span>
                                </div>
                                <div class="zph_item_info">
                                    <div class="name">
                                        @if(Request::get('type')==-1)
                                            <a class="substring" target="_blank" href="{{ route('jobfairout.show.com',['id'=>$val->id]) }}">{{ $val->title }}</a>
                                        @else
                                            <a class="substring" target="_blank" href="{{ route('jobfair.show.com',['id'=>$val->id]) }}">{{ $val->title }}</a>
                                        @endif
                                    </div>
                                    <div class="other substring">类型：
                                        @if(Request::get('type')==-1)
                                            赴外招聘会
                                        @else
                                            @foreach($typeList as $key=>$value)
                                                @if($value->id == $val->jobfair_type) {{$value->name}} @endif
                                            @endforeach
                                        @endif
                                        <span>|</span> 时间：
                                        @if(date('Y-m-d',$val->holddate_start) == date('Y-m-d',$val->holddate_end))
                                            星期{{$weekarray[date('w',$val->holddate_start)]}}
                                        @else
                                            星期{{$weekarray[date('w',$val->holddate_start)]}}~星期{{$weekarray[date('w',$val->holddate_end)]}}
                                        @endif
                                        （{{date(' H:i',$val->holddate_start)}}-{{date(' H:i',$val->holddate_end)}}）
                                    </div>
                                </div>
                                <div class="zph_order_btn">
                                    @if(Request::get('type')==-1)
                                        @if($val->predetermined_ok == 0)
                                            <a href="javascript:;" class="btn_disabled">停止预订</a>
                                        @else
                                            <a href="{{ route('jobfairout.show.com',['id'=>$val->id]) }}" target="_blank">在线预订</a>
                                        @endif
                                    @else
                                        @if($val->predetermined_ok == 0)
                                            <a href="javascript:;" class="btn_disabled">停止预订</a>
                                        @else
                                            <a href="{{ route('jobfair.show.com',['id'=>$val->id,'reserve'=>'reserve']) }}" target="_blank">在线预订</a>
                                        @endif
                                    @endif
                                </div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    </div>
                    @if($more)
                        <div class="load_more_footer">
                            <span page="1">加载更多</span>
                        </div>
                    @endif
                @else
                    <div style="text-align: center;padding: 30px">暂无招聘会</div>
                @endif
            </div>
        </div>
        <div class="jobfair_r">
            <div class="jobfair_add jobfair_r_box">
                <div class="jobfair_title">招聘会地址</div>
                <div>{{ $firstJobfair->address }}</div>
                <div class="jobfair_add_map" id="container" style="height:120px;"></div>
                <script type="text/javascript">
                    var map = new BMap.Map("container");       // 创建地图实例
                    var point = new BMap.Point('{{ $firstJobfair->map_x }}','{{ $firstJobfair->map_y }}');  // 创建点坐标
                    map.centerAndZoom(point, 17);
                    var qs_marker = new BMap.Marker(point);        // 创建标注
                    map.addOverlay(qs_marker);
                    map.setCenter(point);
                    map.addControl(new BMap.NavigationControl());//添加鱼骨
                    map.enableScrollWheelZoom();//启用滚轮放大缩小，默认禁用。
                </script>
            </div>
            @if($firstJobfair->bus)
                <div class="jobfair_r_box">
                    <div class="jobfair_title">乘车线路</div>
                    <div>{{ $firstJobfair->bus }}</div>
                </div>
            @endif
            <div class="jobfair_r_box">
                <div class="jobfair_title">联系方式</div>
                <div class="tel">咨询电话：{{ $firstJobfair->phone }}</div>
            </div>
            <div class="jobfair_r_box jobfair_r_news">
                <div class="jobfair_title">资讯快报</div>
                <ul>
                    @foreach($news as $val)
                        <li><a href="{{ route('jobfair.new.show',['id'=>$val->id]) }}" target="_blank" title="{{$val->title}}">{{$val->title}}</a></li>
                    @endforeach
                </ul>
            </div>
            <div class="jobfair_r_box jobfair_review">
                <div class="jobfair_title">招聘会回顾</div>
                <ul>
                    @foreach($jobfair_review as $val)
                        @if($val->small_img)
                            <li><a href="{{ route('jobfair.new.show',['id'=>$val->id]) }}" target="_blank"><img src="{{upload_asset($val->small_img)}}" alt=""></a></li>
                        @else
                            <li><a href="{{ route('jobfair.new.show',['id'=>$val->id]) }}" target="_blank" title="{{$val->title}}">{{$val->title}}</a></li>
                        @endif
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>

@endsection
@section('script')
    <script>
        $(function () {
            $(".zph_item .zph_item_time").first().css({
                background:"#f76565",
                color:"#ffffff"
            })

            @if($more)
            /**
             * 监听网页滚动事件
             */
            var f = true;
            $(window).scroll(function() {
                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 && f) {
                    s();
                }else{
                    //console.log("hidden")
                }
            });
            var s = function () {
                var page = $(".load_more_footer span").attr('page');
                $.ajax({
                    type:"get",
                    url:"{{ route('jobfair') }}",
                    data:{
                        page:page,type:'{{ request()->get('type') }}'
                    },
                    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");
                        }else {
                            $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
                        }
                    },
                    complete:function () {
                        f = true;
                    }
                })
            }
            @endif
        })
    </script>
@endsection