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

@endpush

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

@push('js')

@endpush

@section('content')
    <div class="jobsshowtop">
        <div class="jobsname">
            <div class="td-j-name substring  font18">{{$info->jobs_name}}</div>
            @if($info->emergency == 1)
            <div class="td-j-img">
                <img src="{{theme_asset('mobile/images/231.png')}}"/>
            </div>
            @endif
            <div class="clear"></div>
        </div>
        <div class="wage font14">{{$info->wage_cn}}</div>
        <div class="origin font10">@if($info->subsite_cn)来源：{{$info->subsite_cn}}@endif</div>
        <div class="clear"></div>
        <div class="city font12">{{$info->district_cn}}</div>
        <div class="time font12" style="color:#FF3300">{!! $info->refresh_time_cn !!}</div>
    </div>

    <div class="jobsshowatt">
        <div class="attul font13">
            <div class="attli t1">@if($info->sex_cn == '不限'){{"性别"}}@endif{{$info->sex_cn}}</div>
            <div class="attli t2">@if($info->education_cn == '不限'){{"学历"}}@endif{{$info->education_cn}}</div>
            <div class="attli t3">@if($info->experience_cn == '不限'){{"经验"}}@endif{{$info->experience_cn}}</div>
            <div class="attli t4">{{$info->nature_cn}}</div>
            <div class="attli t5">@if($info->age_cn == '不限'){{"年龄"}}@endif{{$info->age_cn}}</div>
            {{--<div class="attli t6">部门信息</div>--}}
            <div class="clear"></div>
        </div>
    </div>

    {{--职位亮点--}}
    @if($info->tag_cn)
    <div class="split-block"></div>
    <div class="jobsshowtag font14">
        <div class="tagul">
            @foreach($info->tag_cn as $k=>$v)
                <div class="tagli substring">{{$v}}</div>
            @endforeach
            <div class="clear"></div>
        </div>
    </div>
    @endif

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

    {{--企业信息--}}
    <div class="jobsshowcom" onclick="javascript:location.href='{{route($sub_site."mobile.jobs.company",["id"=>$info->company_id])}}'">
        <div class="leftpic">
            <div class="imgbox">
                <img src="{{$info->company->logo}}">
            </div>
        </div>
        <div class="comtxt">
            <div class="cname font15 substring">{{$info->company->companyname}}
                @if($info->audit == 1)
                    <img src="{{public_data_path('/data/upload/resource/auth.png')}}" title="认证企业">
                @endif
                @if(false && $info->setmeal_id >0)
                <img src="{{getMsImg($info->setmeal_id)}}" width="19"  height="19" title="{{$info->setmeal_name}}">

                @endif
            </div>
            <div class="city font12">
                {{$info->company->scale_cn}} | {{$info->company->nature_cn}}
            </div>
            <div class="trade font12">
                {{$info->company->trade_cn}}
            </div>
        </div>
        <div class="clear"></div>
    </div>

    <div class="jobsshowadder link_gray6">
        <div class="adder">
            @if($info->company->map_x >0 && $info->company->map_y >0)
                <a class="show-map" href="#map">
                    地址：{{$info->company->address}}<img src="{{theme_asset('mobile/images/123.png')}}">
                </a>
            @else
                地址：{{$info->company->address}}
            @endif
        </div>
    </div>

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

    {{--职位统计--}}
    <div class="jobsshowst">
        <div class="eattitle list_height">
            职位统计
            <div class="ritle font12">企业最近登录: {!! daterange(time(), $info->company->last_login_time, 'Y-m-d', "#FF3300") !!}</div>
        </div>

        <div class="stli"><span>{{$info->company->reply_ratio}}</span><br>简历处理率</div>
        <div class="stli"><span>{{$info->company->reply_time}}</span><br>简历平均处理时长</div>
        <div class="clear"></div>
    </div>

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

    <div class="jobsshowsdes">
        <div class="eattitle list_height">职位描述</div>
        <div class="txt">
            {!! nl2br($info->jobs_content) !!}
        </div>
    </div>

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

    <div class="jobsshowcon">
        <div class="eattitle list_height">
            联系方式
            @if($info->hide)
            <div class="ritle font12" onclick="javascript:location.href='{{route($sub_site."mobile.login")}}'">请登录后查看联系方式</div>
            @endif
        </div>

        @if($info->contact->telephone_show == 0)
        <div class="mob">企业设置不公开</div>
        @else
        <div class="mob"> {!! $info->contact->telephone !!}
            @if ($info->contact->contact_show == 1)
                {{$info->contact->contact}}
            @endif
        </div>
        @endif

        <div class="map link_blue">
            {{$info->contact->address}}
            @if($info->map_x > 0 && $info->map_y > 0)
                <a class="show-map" href="#map">[地图]</a>
            @endif
        </div>
        <div class="tip font12">面试过程中，遇到用人单位收取费用请提高警惕！</div>
    </div>

   {{-- 推荐职位 - 同类型的职位--}}
    @if ($cate_jobs)
        <div class="split-block"></div>
        <div class="jobsshowrec">
            <div class="eattitle list_height">
                推荐职位
                <div class="ritle font12 link_gray9"><a href="{{route($sub_site.'mobile.jobs')}}">查看更多></a></div>
            </div>
            @foreach($cate_jobs as $k=>$v)
            <div class="jobslist">
                <div class="jname font15 link_gray6 substring"><a href="{{route($sub_site.'mobile.jobs.show', ['id'=>$v->id])}}">{{$v->jobs_name}}</a></div>
                <div class="cname font12 substring">{{$v->company_name}} | {{$v->district_cn}}</div>
                <div class="wage font13">{{$v->wage_cn}}</div>
                <div class="time font12" style="color:#FF3300">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
            </div>
            @endforeach
        </div>
        <div class="jobssshowbottomso link_blue">
            没有找到满意的职位?
            <a href="{{route($sub_site.'mobile.jobs')}}">立即搜索</a>
        </div>
    @endif

    {{--页脚--}}
    <div class="split-block-footnav"></div>
    @if($info->tmp != 1)
        <div class="jobsfootnav">
            <div class="btns link_gray6">
                @if((config('aix.companyset.comset.contact_set.showjobcontact_wap') ==1 && !$user) || $info->contact->telephone_show == 0)
                    <a href="javascript:;" class="J_tel tel font9 hide_tel">
                        <img src="{{theme_asset('mobile/images/280.png')}}"><br>拨打电话
                    </a>
                @else
                    <a href="tel:@if($info->contact->telephone_) {{ $info->contact->telephone_ }}@else {{$info->contact->landline_tel }}@endif" class=" tel font9">
                        <img src="{{theme_asset('mobile/images/280.png')}}"><br>拨打电话
                    </a>
                @endif

                <div class="fov font9 share">
                    <img src="{{theme_asset('mobile/images/284.png')}}"><br>分享
                </div>
                <div class="fov font9 favor">
                    @if($info->favor)
                    <img src="{{theme_asset('mobile/images/282.png')}}"><br>已收藏
                    @else
                    <img src="{{theme_asset('mobile/images/281.png')}}"><br>收藏职位
                    @endif
                </div>
                <div class="fto apply_jobs">投递简历</div>
            </div>
        </div>
    @endif


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

    <script id="tpl-map" type="text/html">
        <div class="com-map">
            <div class="map" id="container"></div>
        </div>
        <div class="split-block"></div>
        <div class="btn-spacing">
            <div id="mapBtn" class="qs-btn qs-btn-blue font18" title="返回">返回</div>
        </div>
    </script>

    <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>

    <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
@endsection

@section('script')
    <script>
        //闽政通
        var is_mzt = localStorage.getItem('is_mzt');
        if (is_mzt == 1) {
            $(".share").remove();
        }

        var isVisitor = 0;
        var utype = 0;
        @if($user)
            isVisitor = 1;
            @if($user->utype == 1)
                utype = 1;
            @else
                utype = 2;
            @endif
        @endif
        $(function(){
            //增加查看次数
                var click_url = "{{ route('mobile.jobs.click',array('id'=>$info->id)) }}";
                $.getJSON(click_url,function(data){});

            //添加访客统计

            //地图显示
            var mapTemp = $('#tpl-map').html();
            if (!is_mzt) {
                mapTemp = '<div class="headernavfixed"><div class="headernav font18"><div class="title">企业位置<div class="return js-back"></div></div></div></div>' + mapTemp;
            }
            $(".show-map").on('click', function() {
                var $this = $(this);
                popWin.init({
                    from:"right",
                    html:mapTemp,
                    handle:function(a){
                        var map = new BMap.Map("container");
                        var point = new BMap.Point("{{ $info->company->map_x }}","{{ $info->company->map_y }}");  // 创建点坐标
                        map.centerAndZoom(point, "{{ $info->company->map_zoom }}");
                        var qs_marker = new BMap.Marker(point);        // 创建标注
                        map.addOverlay(qs_marker);
                        map.setCenter(point);
                        map.addControl(new BMap.NavigationControl());//添加鱼骨
                        map.enableScrollWheelZoom();//启用滚轮放大缩小，默认禁用。
                        $('#mapBtn').on('click',function(){
                            a.close();
                        });
                    }
                })
            });

            // 如果有职位亮点，随机变色
            if ($('.jobsshowtag').length) {
                function randomsort(a, b) {
                    return Math.random()>.5 ? -1 : 1;
                }
                var bgArrBefore = [1,2,3,4,5,6];
                var $jobTagDom = $('.jobsshowtag').find('.tagli');
                var bgArray = bgArrBefore.sort(randomsort);
                $($jobTagDom).each(function (index, value) {
                    $(this).addClass('tg' + bgArray[index]);
                });
            }
            //投递简历
            $('.apply_jobs').click(function(){
                if (isVisitor) {
                    if (utype == 1) {
                        qsToast({type:2,context: '请登录个人会员'});
                        return false;
                    }else{
                        //申请职位
                        var jobs_id = "{{$info->id}}";
                        var url = "{{route('mobile.jobs.apply')}}";

                        $.ajax({
                            type: 'POST',
                            url: url,
                            data: {jobs_id:jobs_id,_token:"{{csrf_token()}}"},
                            success: function(data){
                                if (data.status==1) {
                                    qsToast({type:1,context: data.msg});
                                    return false;
                                } else if(data.status==2){
                                    //选择简历
                                    var dialog = new QSpopout();
                                    dialog.setContent(data.html);
                                    if(data.data=='no'){
                                        dialog.setBtn(1,'确定');
                                    }
                                    else if(data.data=='mix'){
                                        dialog.setBtn(1,'取消');
                                    }else{
                                        dialog.getPrimaryBtn().on('click', function () {
                                            var resume_id = $('#select_resume_id').val();
                                            $.ajax({
                                                type: 'POST',
                                                url: url,
                                                data: {jobs_id:jobs_id,resume_id:resume_id,_token:"{{csrf_token()}}"},
                                                success: function(res){
                                                    if (res.status == 0) {
                                                        qsToast({type:2,context: res.error});
                                                    } else {
                                                        qsToast({type:1,context: res.msg});
                                                    }
                                                },
                                                error: function(apply_error){
                                                    if(apply_error.status == 500 || apply_error.status == 400){
                                                        qsToast({type:2,context: apply_error.responseJSON.message});
                                                    } else {
                                                        qsToast({type:2,context: '申请失败！'});
                                                    }
                                                }
                                            });
                                        });
                                    }
                                    dialog.show();
                                }else {
                                    qsToast({type:2,context: data.error});
                                }
                            },
                            error: function(error){
                                if(result.status == 500 || result.status == 400){
                                    qsToast({type:2,context: result.responseJSON.message});
                                } else {
                                    qsToast({type:2,context: '申请失败！'});
                                }
                            }
                        });
                    }
                }else{
                    trigger_login();
                }
            });

            //收藏职位
            $(".favor").on('click',function(){
                //判断用户是否登录
                @if($user)
                    @if($user->utype == 1)
                        qsToast({type:2,context: '请登录个人会员'});
                        return false;
                    @else
                        var obj = $(this);
                        var url = "{{route('mobile.jobs.favor')}}";
                        var jid = "{{$info->id}}";
                        $.getJSON(url,{jid:jid},function(result){
                            if(result.status==1){
                                qsToast({type:1,context: result.msg});
                                if(result.data=='cancel'){
                                    var img_src = "{{theme_asset('mobile/images/281.png')}}";
                                    obj.html('<img src='+img_src+'><br>收藏职位');
                                }else{
                                    var img_src = "{{theme_asset('mobile/images/282.png')}}";
                                    obj.html('<img src='+img_src+'><br>已收藏');
                                }
                            } else {
                                qsToast({type:2,context: '操作失败'});
                                return false;
                            }
                        });
                    @endif
                @else
                    trigger_login();
                @endif
            });

            //拨打电话
            $('.J_tel').on('click',function(){
                if (isVisitor > 0) {
                    if(utype != 2){
                        qsToast({type:2,context: '请登录个人会员'});
                        return false;
                    }
                    if($(this).hasClass('hide_tel')){
                        qsToast({type:2,context: '该企业设置联系方式不公开！'});
                        return false;
                    }
                }else{
                    trigger_login();
                    return false;
                }
            });


            //分享
            $('.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();
        }
        function trigger_login(){
            window.location = "{{route($sub_site.'mobile.login')}}";

        }
    </script>
@endsection