@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')}}"/>
@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="jobfairshow">
        <div class="show_left jobfair_fuwai">
            <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->number }}/{{ $jobfair->countSurplus }}</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="appointment">
                @if($jobfair->predetermined_ok == 1)
                    @if( $jobfair->is_appointment)
                        <div class="deliver had-deliver" data-batch="false">已预订</div>
                    @else
                        @if($jobfair->countSurplus > 0)
                            <div class="deliver reserve_main" data-batch="false">在线预订</div>
                        @else
                            <div class="deliver had-deliver" data-batch="false">展位已满</div>
                        @endif
                    @endif
                @else
                    <div class="deliver had-deliver" data-batch="false">已结束</div>
                @endif
            </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.jobfairout.detail',['id'=>$jobfair->id])) !!}--}}
                {{--</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:260px;"></div>
            <script type="text/javascript">
                var map = new BMap.Map("container");       // 创建地图实例
                var opts = {
                    width : 300,     // 信息窗口宽度
                    height: 50,     // 信息窗口高度
                }
                var infoWindow = new BMap.InfoWindow("举办地址：{{ $jobfair->address }}<br />举办开始时间：{{date('Y年m月d日 H:i',$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 jobfair_fuwai_1">
        <div class="tittab_bg">
            <div class="tab">
                <ul class="link_gray6">
                    <li class="select"><a href="{{ route('jobfairout.show',['id'=>$jobfair->id]) }}">招聘会详情</a></li>
                    <li><a href="{{ route('jobfairout.show.com',['id'=>$jobfair->id]) }}">参会企业</a></li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <div class="com">
            <div class="jobfairshow_2">
                <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">
                    <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>
    </div>
@endsection
@section('script')
    <script>
        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)];


        $(".reserve_main").on('click',function(){
            var status = "{{$jobfair->predetermined_ok}}";
            if(status == 0){
                disapperTooltip("remind", '该招聘会已停止预定');
                return false;
            }
            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);
                    }
                }
            })
        });
    </script>
@endsection