@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/jobfair.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')}}"/>
    <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

@push('js')

@endpush

@section('content')

    <div class="jobfairshow">
        <div class="show_left">
            <div class="tit link_gray6">{{ $jobfair->title }}
                @if(get_subsite_open())
                    <span class="subsite">来源：{{$jobfair->sitename or '总站'}}</span>
                @endif
            </div>
            <div class="red_tit">招聘会时间、地点</div>
            <div class="txt substring">举办时间：{{date('Y年m月d日 H:i',$jobfair->holddate_start)}} - {{date('Y年m月d日 H:i',$jobfair->holddate_end)}}</div>
            <div class="txt substring">预定时间：{{date('Y年m月d日 H:i',$jobfair->predetermined_start)}} - {{date('Y年m月d日 H:i',$jobfair->predetermined_end)}}</div>
            <div class="txt">举办地点：{{ $jobfair->address }}</div>
            <div class="red_tit">摊位设置及费用</div>
            <div class="txt">展位数量/剩余：{{ $jobfair->standsTotal->count() }}/{{ $jobfair->standsSurplus }}</div>
            <div class="txt">摊位设置及费用:@if($jobfair->is_commonweal ==3) 免费 @elseif ($jobfair->is_commonweal ==2) {{ $jobfair->predetermined_point }}积分 @else  {{ $jobfair->jobsfair_num }}场次 @endif</div>
            <div class="red_tit">联系方式</div>
            <div class="tel txt">联系方式：{{ $jobfair->phone }}</div>
            <div class="share bdsharebuttonbox" data-tag="share_1">
                <a class="li s1 bds_tsina" data-cmd="tsina"></a>
                {{--<a class="li s2 bds_renren" data-cmd="renren"></a>--}}
                {{--<a class="li s3 bds_qzone" data-cmd="qzone"></a>--}}
                <a class="li s5 bds_sqq" data-cmd="sqq"></a>
                <a class="li s6 bds_weixin" data-cmd="weixin"></a>
                <li class="code">
                    {{--{!! \SimpleSoftwareIO\QrCode\Facades\QrCode::size(70)->encoding('UTF-8')->errorCorrection("L")->margin(0)->generate(route('mobile.jobfair.detail',['id'=>$jobfair->id])) !!}--}}
                    {!! get_qrcode_html(route('mobile.jobfair.detail',['id'=>$jobfair->id]), false, 70, 0) !!}
                </li>
                <div class="clear"></div>
            </div>
        </div>
        <div class="show_right">
            <div class="tit link_gray6">交通线路</div>
            <div class="txt">举办地点：{{ $jobfair->address }}</div>
            <div class="txt">乘车路线：{{ $jobfair->bus or '' }}</div>
            <div class="map" id="container" style="height:280px;"></div>
            <script type="text/javascript">
                var map = new BMap.Map("container");       // 创建地图实例
                var opts = {
                    width : 300,     // 信息窗口宽度
                    height: 60,     // 信息窗口高度
                }
                var infoWindow = new BMap.InfoWindow("举办地址：{{ $jobfair->address }}<br />举办开始时间：{{date('Y年m月d日',$jobfair->holddate_start)}}", opts);  // 创建信息窗口对象
                var point = new BMap.Point('{{ $jobfair->map_x }}','{{ $jobfair->map_y }}');  // 创建点坐标
                map.centerAndZoom(point, 18);
                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();//启用滚轮放大缩小，默认禁用。
            </script>
        </div>
        <div class="clear"></div>
    </div>
    <div class="jobfairshow_1">
        <div class="tittab_bg">
            <div class="tab">
                <ul class="link_gray6">
                    <li><a href="{{ route('jobfair.show',['id'=>$jobfair->id]) }}">招聘会详情</a></li>
                    <li><a href="{{ route('jobfair.show.com',['id'=>$jobfair->id]) }}">参会企业</a></li>
                    <li class="select"><a href="{{ route('jobfair.appointment',['id'=>$jobfair->id]) }}">在线预订</a></li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <div class="com">
            <div class="jobfairshow_5 reserve_1">
                <div class="ptit">
                    <div class="selectbox" style="@if(count($jobfair->floorPlan)<2)opacity:0 @endif">
                        招聘会场地:
                        <select name="selectImg">
                            @foreach($jobfair->floorPlan as $key=>$val)
                                <option value="{{ $val->id }}">{{ $val->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    招聘会展位图
                </div>
                <hr width="1080" class="zw_hr" style="">
                <div style="width:1080px;margin:0px auto;border:1px solid #006fec;text-align:center;line-height:40px; border-radius:7px;margin-top:30px;">
                    现参加该现场招聘的商家有<span style="color:#F00;">{{ $companyList->count() }}</span>家，招聘岗位有<span style="color:#F00;">{{ $jobsCount }}</span>个，需求人才数<span style="color:#F00;">{{$needPersonCount}}</span>个，还剩<span style="color:#F00;">{{$jobfair->standsSurplus}}</span>个空余展位，用人单位可点击申请展位
                </div>
                <div class="reserve_img booth">
                    <ul class="zw_tip">
                        <li><span>可以预定</span><div class="zw_tip_icon_order"></div></li>
                        <li><span>审核中</span><div class="zw_tip_icon_audit"></div></li>
                        <li><span>预定成功</span><div class="zw_tip_icon_success"></div></li>
                        <li><span>预留已锁定</span><div class="zw_tip_icon_stayLock"></div></li>
                    </ul>
                </div>
                <div class="reserve1_img">
                    <div class="ajax_loading"><div class="ajaxloadtxt"></div></div>
                    <img src="" class="jobfairImg">
                    <ul class="reserve_main booth">

                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script>
        $(function () {
            var floorplan_id= $("select[name='selectImg']").val();
            var jobfair_id = "{{ $jobfair->id }}";
            jobfairShow(floorplan_id, jobfair_id);
            $("select[name='selectImg']").change(function(){
                floorplan_id = $(this).val();
                jobfairShow(floorplan_id, jobfair_id);
            })
            function jobfairShow (floorplan_id, jobfair_id){
                $.ajax({
                    type:"get",
                    url:"{{ route('jobfair.ajax.get.data') }}",
                    data:{jobfair_id:jobfair_id,floorplan_id:floorplan_id},
                    async:true,
                    beforeSend:function(){
                        $(".reserve1_img .ajax_loading").show();
                    },
                    success:function(result){
                        if(result.status==1){
                            $(".jobfairImg").attr("src",result.imageUrl);
                            $(".reserve_main").html("");
                            for (var i = 0; i < result.value.length; i++) {
                                var statusClass,statusTxt,restxt='';
                                var jobslist='';
                                switch(result.value[i].status){
                                    case 1://可预订
                                        statusClass = "order";
                                        statusTxt = "可预订";
                                        restxt = "展位号："+result.value[i].name;
                                        break;
                                    case 2://预留已锁定
                                        statusClass = "stayLock";
                                        statusTxt = "预留已锁定";
                                        restxt = "展位号："+result.value[i].name;
                                        break;
                                    case 3://审核中
                                        statusClass = "audit";
                                        statusTxt = "审核中";
                                        restxt = result.value[i].company.companys.companyname;
                                        break;
                                    case 4://已预订
                                        statusClass = "succeed";
                                        statusTxt = "已预订";
                                        var jobfairArr = result.value[i].company.jobfair_put_job;
                                        for(var k =0 ;k<jobfairArr.length;k++){
                                            if(jobfairArr[k].jobs.audit != 1 || jobfairArr[k].jobs.display != 1){
                                                continue;
                                            }
                                            var amount ='';
                                            if(jobfairArr[k].jobs.amount) {
                                                amount = jobfairArr[k].jobs.amount;
                                            } else {
                                                amount = '若干'
                                            }
                                            jobslist+='<li><div class="jname">职位：<a href="/content/jobfair/show/quarters/'+jobfairArr[k].id+'">'+ jobfairArr[k].jobs.jobs_name +'</a></div><div class="jnum">人数：'+ amount +'</div></span></li>';
                                        }

                                        if(result.value[i].company.companys){
                                            restxt = result.value[i].company.companys.companyname+'<ul>'+ jobslist +'</ul>';
                                        }else{
                                            //console.log("企业不存在")
                                        }
                                        break;
                                }
                                var html='<li data-id="zw-'+ i +'" class="li zw-box '+ statusClass +'" positionid="'+ result.value[i].id +'" style="left:'+ result.value[i].left +';top:'+ result.value[i].top +'">' +
                                    '<span class="zw-name">'+ result.value[i].name +'</span>' +
                                    '<div class="tip '+ statusClass +'">' +
                                    '<div class="arrow"></div>' +
                                    '<div class="box">' +
                                    '<div class="t">展位状态：'+ statusTxt +'</div>' +
                                    '<div class="restxt link_gray6">'+ restxt +'</div>' +
                                    '</div>' +
                                    '</div>' +
                                    '</li>';
                                $(".reserve_main").append(html);
                            }
                        }
                    },
                    complete:function () {
                        $(".reserve1_img .ajax_loading").hide();
                    }
                });
            }

            $(".reserve_main").on("mouseenter",".li",function(){
                $(this).find(".tip").show();
            })
            $(".reserve_main").on("mouseleave",".li",function(){
                $(this).find(".tip").hide();
            })

            $(".reserve_main").on('click','.zw-box.order',function(){
                var status = "{{$jobfair->predetermined_ok}}";
                if(status == 0){
                    disapperTooltip("remind", '该招聘会已停止预定');
                    return false;
                }
                var $this = $(this);
                var position_id = $(this).attr("positionid");
                var url = "{{ route('jobfair.appoint.save') }}";
                $.getJSON(url,{jobfair_id:jobfair_id,position_id:position_id,floorplan_id:floorplan_id},function (res) {
                    if (res.status == 1) {
                        var qsDialog = $(this).dialog({
                            title: '预定招聘会',
                            loading: true,
                            border: false,
                            footer:true,
                            yes: function() {
                                $.post(url,{position_id:position_id,jobfair_id:jobfair_id,floorplan_id:floorplan_id,_token:"{{ csrf_token() }}"},function(result){
                                    if(result.status==1){
                                        disapperTooltip("success", result.msg);
                                        $this.removeClass("order").addClass("audit");
                                        $this.find(".t").text("展位状态：审核中");
                                        $this.find(".restxt").text(result.data.companyname);
                                    }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);
                        }
                    }
                })
            });

            window._bd_share_config = {
                common : {
                    bdText : "{{ $jobfair->title }}-{{config('aix.system.site.site.site_name')}} 举办时间：{{date('m月d日',$jobfair->holddate_start)}} - {{date('m月d日',$jobfair->holddate_end)}}  举办地址：{{ $jobfair->address }}",
                    bdDesc : "{{ $jobfair->title }}-{{config('aix.system.site.site.site_name')}} 举办时间：{{date('m月d日',$jobfair->holddate_start)}} - {{date('m月d日',$jobfair->holddate_end)}}  举办地址：{{ $jobfair->address }}",
                    bdUrl : "{{route(url_rewrite('AIX_jobfairshow'), array('id'=>$jobfair->id))}}",
                },
                share : [{
                    "tag" : "share_1",
                    "bdCustomStyle":"{{theme_asset('app/css/jobfair/jobfair.css')}}"
                }]
            }
            with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];


        })
    </script>

@endsection