@extends('mobile.module.layouts.ic')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/jobs.css') }}?v=1" rel="stylesheet">
    <style>

    </style>
@endpush

@push('js')
@endpush

@section('content')
    {{--    头部--}}
    <div class="headernavfixed">
        <div class="headernav font18">
            <div class="title">
                <div class="n-tit-box">
                    招聘会
                </div>
                <div class="return js-back for-event"></div>
            </div>
        </div>
    </div>
    <div class="jobsshowtop">
        <div class="jobsname">
            <div class="td-j-name substring  font18">{{$info->title}}</div>
            <div class="clear"></div>
        </div>
        <div class="wage font14">需{{$info->need_num}}人</div>
        <div class="origin font10"></div>
        <div class="clear"></div>
        <div class="city font12">{{$info->holddate_start}} 至 {{$info->holddate_end}}</div>
    </div>

    <div class="split-block"></div>

    <div class="jobsshowcon">
        <div class="eattitle list_height">
            联系方式
        </div>

        <div class="mob" data-mobile="{{$info->phone}}"> {{$info->phone}}</div>

        <div class="map link_blue" data-x="{{$info->map_x}}" data-y="{{$info->map_y}}" data-name="{{$info->address}}">
            {{$info->address}}
        </div>
    </div>

    <div class="split-block"></div>

    <div class="jobsshowsdes">
        <div class="eattitle list_height">招聘会信息</div>
        <div class="txt">
            {!! $info->jobfair_introduction !!}
        </div>
    </div>

    <div class="split-block"></div>

    <div class="jobsshowsdes">
        <div class="eattitle list_height">参会企业({{count($info->companys_arr)}}家)</div>
        <div class="txt">
            @foreach($info->companys_arr as $k => $v)
                <p class="company" data-id="{{$v['id']}}">{{$k + 1}}.{{$v['name']}}</p>
            @endforeach
        </div>
    </div>


    {{--页脚--}}
    <div class="split-block-footnav"></div>
    <div class="jobsfootnav">
        <div class="btns link_gray6">
            <div class="fov font9 share">
                <img src="{{theme_asset('mobile/images/284.png')}}"><br>分享
            </div>
            <div class="fto apply_jobs">投递简历</div>
        </div>
    </div>



    <div class="alw-layer"></div>
    <div class="alw-wx-layer"></div>

    <script type="text/javascript" src="{{theme_asset('mobile/js/popWin.js')}}"></script>
    <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>
    <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
@endsection

@section('script')
<script>
    //分享
    $('.alw-yes-share-btn, .share').on('click', function() {
        var agent = navigator.userAgent.toLowerCase();
        if (agent.indexOf('micromessenger') < 0) {
            share_();
        } else {
            share();
        }
    });
    $(".alw-layer, .alw-wx-layer").on("click", function() {
        $(this).hide();
    });
    /* 显示分享 覆盖层 */
    function share() {
        $(".alw-wx-layer").show();
    }
    function share_() {
        $(".alw-layer").show();
    }

    $('.apply_jobs').click(function(){
        location.href = "{{route('mobile.ic.teach.index')}}?id={{$info->id}}"
    });

    $('.mob').click(function() {
        let mobile = $(this).data('mobile');
        location.href = 'tel:' + mobile;
    })

    $('.map').click(function() {
        let x = $(this).data('x');
        let y = $(this).data('y');
        let name = $(this).data('name');
        if (x) {
            location.href = `https://api.map.baidu.com/marker?location=${y},${x}&title=${name}&output=html`;
        }
    })

    $('.company').click(function() {
        let id = $(this).data('id');
        location.href = "{{route('mobile.ic.hospital.show')}}?id=" + id;
    });
</script>
@endsection