@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')}}"/>
    <style>
        .school_table table{border-collapse:collapse;}
        .school_table td,.jobfairshow_1.jobfair_fuwai_1 th{border: #666666 1px solid;padding-left: 8px;}
        .school_table table a{color: #666666;text-decoration: none;}
        .school_table table a:hover{color: #0087ff;}
    </style>
@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="newjobfair">
        {{--banner信息--}}
        <div class="jobfairshow_top_info">
            <div class="top_info_des">
                <div class="j_name">{{ $jobfair->title }}</div>
                <div class="top_info_l">
                    <div class="t1">举办时间：{{date('Y年m月d日',$jobfair->holddate_start)}} - {{date('Y年m月d日',$jobfair->holddate_end)}}（{{date('H:i',$jobfair->holddate_start)}}-{{date('H:i',$jobfair->holddate_end)}}）</div>
                    <div class="t2">举办地点：{{ $jobfair->address }}</div>
                    <div class="t3">联系方式：{{ $jobfair->phone }}</div>
                    <div class="t3">预订时间：{{date('Y年m月d日 H:i',$jobfair->predetermined_start)}} - {{date('Y年m月d日 H:i',$jobfair->predetermined_end)}}</div>
                </div>
                <div class="top_info_r">
                    <div class="online_order_btn">
                        @if($jobfair->predetermined_end > time())
                            @if(!$jobfair->is_appointment)
                                <a class="">在线预订</a>
                            @else
                                <a class="btn_disabled">已预定</a>
                            @endif
                        @else
                            <a class="btn_disabled">停止预订</a>
                        @endif
                    </div>
                    <div class="other_info">
                        <div class="t1">参会企业：<span>{{ count($jobfairCompany) }}</span>家</div>
                        <div class="t2">需求人数：<span>{{$needPersonCount}}</span>人</div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            @if(get_subsite_open())
                <span class="subsite">来源：{{$jobfair->sitename or '总站'}}</span>
            @endif
        </div>

        <div class="jobfair_detail_show">
            <div class="tabs">
                <ul>
                    <li class="active">招聘会信息</li>
                    <li>参会企业</li>
                    <li>交通线路</li>
                </ul>
            </div>
            <div class="tabs_show">
                {{--招聘会信息--}}
                <div class="tabs_show_item newjobfairitem" style="display: block;">
                    <div class="txt">
                        {!!  nl2br($jobfair->jobfair_introduction) !!}
                    </div>
                    <div class="stit">招聘会时间，地点</div>
                    <div class="txt">
                        举办时间：{{date('Y年m月d日 H:i',$jobfair->holddate_start)}} - {{date('Y年m月d日 H:i',$jobfair->holddate_end)}}<br />
                        预定时间：{{date('Y年m月d日 H:i',$jobfair->predetermined_start)}} - {{date('Y年m月d日 H:i',$jobfair->predetermined_end)}}<br />
                        举办地点：{{ $jobfair->address }}
                    </div>
                    <div class="stit">摊位设置及费用</div>
                    <div class="txt">
                        展位数量/剩余：{{ $jobfair->number }}/{{ $jobfair->countSurplus }}<br />
                        摊位设置及费用:@if($jobfair->is_commonweal ==3) 免费 @elseif ($jobfair->is_commonweal ==2) {{ $jobfair->predetermined_point }}积分 @else  {{ $jobfair->jobsfair_num }}场次 @endif
                    </div>
                    <div class="stit">参会报名办法</div>
                    <div class="txt">官网报名</div>
                    @if($jobfair->school_id)
                        <div class="stit">高校信息</div>
                        <div class="txt school_table">
                            <table>
                                <tr>
                                    <th width="10%">高校名称</th>
                                    <th width="10%">校徽</th>
                                    <th width="33%">简介</th>
                                    <th width="33%">优势专业</th>
                                    <th width="14%">其他信息</th>
                                </tr>
                                @foreach($schools as $school)
                                    <tr>
                                        <td align="center"><a href="{{$school->url}}" target="_blank">{{$school->name}}</a></td>
                                        <td align="center"><img src="{{upload_asset($school->logo)}}" width="150px"></td>
                                        <td align="center">{{strip_tags($school->introduce) }} </td>
                                        <td align="center">{{$school->major}}</td>
                                        <td align="center">{{$school->remarks}}</td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    @endif
                </div>
                {{--参会企业--}}
                <div class="tabs_show_item" id="join_com" data-v="false">
                    @if($jobfairCompany->isNotEmpty())
                        <div id="waterfall_main" class="waterfall_main list load_more_body">
                            @foreach($jobfairCompany as $key=>$val)
                                <div class="wf_box wf_element">
                                    <div>
                                        <a href="{{ route('jobfairout.company',['jobfair_id'=>$val->jobfair_id,'company_id'=>$val->company_id]) }}" target="_blank" class="comName">{{ $val->companys->companyname or '' }}</a>
                                    </div>
                                    <p>
                                        @if(!$val->jobfairPutJob->isEmpty())
                                            @foreach($val->jobfairPutJob as $ke => $va)
                                                <a href="{{ route('jobfairout.show.quarters',['id'=>$va->id]) }}" target="_blank" title="{{ $va->jobs->jobs_name }}">{{ $va->jobs->jobs_name }}({{ $va->jobs->amount or '若干' }})</a>
                                            @endforeach
                                        @else
                                            <a href="javascript:;" style="color:#999">暂无职位</a>
                                        @endif
                                    </p>
                                </div>
                            @endforeach
                        </div>
                        @if($more)
                            <div class="load_more_footer">
                                <span page="1" jobfair_id="{{ $jobfair->id }}">加载更多</span>
                            </div>
                        @endif
                    @endif
                </div>
                {{--交通线路--}}
                <div class="tabs_show_item" id="map_item" data-v="false">
                    <div class="map" id="container" style="width:1130px;margin: 0 auto;height:400px;"></div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.cxscroll.js')}}"></script>
    <script>
        var filter = {
            expr: function(o){
                var cls = this.replace(o.item || ".wf_element"),
                    leftCls = this.replace(o.leftItem || ".wf_temp"),
                    rightCls = this.replace(o.rightItem || ".wf_rank");
                $.extend($.expr[':'],{
                    node:function(a){
                        return $(a).hasClass(cls);
                    },
                    leftNode: function(a){
                        return $(a).hasClass(leftCls);
                    },
                    rightNode: function(a){
                        return $(a).hasClass(rightCls);
                    }
                });
            },
            replace: function(cls){
                var regExp = /[.#]/g,
                    whitespace = /\s/g;
                if(whitespace.test(cls)){
                    cls = cls.split(' ')[0];
                }
                return cls.replace(regExp, '');
            }
        }
        function Waterfall(o){
            this.target = o.target || $('#waterfall_main');
            this.targetItem = o.targetItem || '.wf_box';
            this.colWidth = o.colWidth || 0;
            this.colCount = o.colCount || 4;
            filter.expr(o);
            this.init();
        }
        Waterfall.prototype = {
            init:function(){
                var self = this,
                    col = [],
                    nodes = self.target.find(":node"),
                    leftNodes = self.target.find(":leftNode"),
                    rightNodes = self.target.find(":rightNode"),
                    nodeLen = nodes.length,
                    leftLen = leftNodes.length,
                    rightLen = rightNodes.length;
                for(var i = 0; i < self.colCount; i++){
                    col[i] = 0;
                    if(i == 0 && leftLen){
                        for(var j = 0; j < leftLen; j++){
                            col[i] += leftNodes.eq(j).outerHeight(true);
                        }
                    }
                    if(i == self.colCount - 1 && rightLen){
                        for(var j = 0; j < rightLen; j++){
                            col[i] += rightNodes.eq(j).outerHeight(true);
                        }
                    }
                }
                nodes.each(function(){
                    this.h = $(this).outerHeight(true);
                    if($(this).hasClass(filter.replace(self.targetItem))){
                        var ming = self.getMinCol(col);
                        $(this).css({"left": ming * self.colWidth, "top": col[ming]});
                        col[ming] += this.h;
                    }
                });
                self.target.css('height', self.maxHeight(col));
            },
            setColWidth:function(wid){
                this.colWidth = wid;
            },
            setColCount:function(col){
                this.colCount = col;
            },
            maxHeight:function(arr){
                var len = arr.length,temp = arr[0];
                for(var i= 1; i < len; i++){
                    if(temp < arr[i]){
                        temp = arr[i];
                    }
                }
                return temp;
            },
            getMinCol:function(arr){
                var ca = arr,cl = ca.length,temp = ca[0],minc = 0;
                for(var ci = 0; ci < cl; ci++){
                    if(temp > ca[ci]){
                        temp = ca[ci];
                        minc = ci;
                    }
                }
                return minc;
            }
        };

        var content = $('#waterfall_main');
        var item = content.find('.wf_element'),
            itemWidth = item.outerWidth(),/*取瀑布流元素宽*/
            contentWidth = 1162, /*取容器宽*/
            list_sum = parseInt(contentWidth / itemWidth),
            list_sum_margin = list_sum - 1, /*取元素间距的值*/
            left = (contentWidth - itemWidth * list_sum) / list_sum_margin;
        if(itemWidth * list_sum > contentWidth){
            list_sum -= 1;
            left = contentWidth - itemWidth * list_sum;
        }
        var colWidth = itemWidth + left;
        var waterfall = new Waterfall({
            //设定列宽度
            "colWidth": colWidth,
            //设定显示列数
            "colCount": 2
        });
        content.on('mouseenter', '.wf_box', function(){
            $(this).addClass('wf_hov');
        }).on('mouseleave', '.wf_box', function(){
            $(this).removeClass('wf_hov');
        });

        $(function () {
            function map() {
                var map = new BMap.Map("container");       // 创建地图实例
                var opts = {
                    width : 300,     // 信息窗口宽度
                    height: 60,     // 信息窗口高度
                }
                var infoWindow = new BMap.InfoWindow("举办地址：{{ $jobfair->address }}<br />举办开始时间：{{date('Y年m月d日 H:i:s',$jobfair->holddate_start)}}", opts);  // 创建信息窗口对象
                var point = new BMap.Point('{{ $jobfair->map_x }}','{{ $jobfair->map_y }}');  // 创建点坐标
                map.centerAndZoom(point, 16);
                var qs_marker = new BMap.Marker(point);        // 创建标注
                map.addOverlay(qs_marker);
                map.openInfoWindow(infoWindow,point);
                map.setCenter(point);
                map.addControl(new BMap.NavigationControl());//添加鱼骨
                map.enableScrollWheelZoom();//启用滚轮放大缩小，默认禁用。
            }

            //banner上在线预订按钮
            $(".online_order_btn a").on('click',function(){
                var status = "{{$jobfair->predetermined_ok}}";
                if(status == 0){
                    disapperTooltip("remind", '该招聘会已停止预定');
                    return false;
                }
                var $this = $(this);
                var jobfair_id = "{{ $jobfair->id }}";
                var url = "{{ route('jobfairout.appoint.save') }}";
                $.getJSON(url,{jobfair_id:jobfair_id},function (res) {
                    if (res.status == 1) {
                        var qsDialog = $(this).dialog({
                            title: '预定招聘会',
                            loading: true,
                            border: false,
                            footer:true,
                            yes: function() {
                                $.post(url,{jobfair_id:jobfair_id,_token:"{{ csrf_token() }}"},function(result){
                                    if(result.status==1){
                                        var qsDialog1 = $(this).dialog({
                                            title: '预定成功',
                                            loading: true,
                                            border: false,
                                            footer:true,
                                            yes: function() {
                                                window.location = "{{ route('jobfairout.enact') }}";
                                            }
                                        });
                                        qsDialog1.setContent(result.msg);
                                    }else{
                                        disapperTooltip("remind", result.msg);
                                    }
                                });
                            }
                        });
                        qsDialog.setContent(res.msg);
                    } else {
                        disapperTooltip("remind", res.msg);
                        if(res.type == 1){
                            var qsDialogSon = $(this).dialog({
                                title: '企业会员登录',
                                loading: true,
                                border: false,
                                footer:false,
                            });
                            qsDialogSon.setContent(res.html);
                        }
                    }
                })
            });
            // 招聘会tab切换
            $(".jobfair_detail_show .tabs li").click(function () {
                var index = $(this).index();
                $(this).addClass("active").siblings().removeClass("active");
                $(".tabs_show .tabs_show_item").eq(index).slideDown().siblings().slideUp();
                if($("#join_com").is(":visible") && !$("#join_com").data("v")){
                    waterfall.init();
                    $("#join_com").data("v","true");
                }
                if($("#map_item").is(":visible") && !$("#map_item").data("v")){
                    map();
                    $("#map_item").data("v","true");
                }
            })

            @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();
                }else{
                    //console.log("hidden")
                }
            });
            var s = function () {
                var page = $(".load_more_footer span").attr('page');
                $.ajax({
                    type:"get",
                    url:"{{ route('jobfairout.show.com',['id'=>$jobfair->id]) }}",
                    data:{
                        page:page
                    },
                    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