@extends('jkq.module.layouts.main_index')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link href="{{theme_asset('app/css/jkq/jobs_show.css')}}" rel="stylesheet"/>
    <link href="{{theme_asset('app/css/common_ajax_dialog.css')}}" rel="stylesheet"/>
@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="jobsshow">
        <div class="l">
            <div class="main">
                <div class="jobstit">
                    <div class="rightbg"></div>
                    <div class="time" style="width: 260px;">
                        <div class="timebg">{{date('Y-m-d', $info->refresh_time)}}</div>
                        <div id="J_jobs_click" class="timebg viewbg">{{(int)$info->click + 1}}次</div>
                        @if($info->subsite_cn)
                            <div class="aix_lf" style="padding-top: 2px;">来源：{{$info->subsite_cn}}</div>
                        @endif
                        <div class="clear"></div>
                    </div>
                    <div class="jobname" style="padding-right: 280px;">
                        <div class="j-n-txt">{{$info->jobs_name}}</div>
                        <div class="clear"></div>
                    </div>
                    <div class="wage">{{$info->wage_cn}}</div>
                    <div class="lab">
                        @if($info->tag_cn)
                            @foreach($info->tag_cn as $k=>$v)
                                <div class="li">{{$v}}</div>
                            @endforeach
                        @endif
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="item">
                    @if($info->valid ==0)
                        <div class="invalid_icon"></div>
                    @else
                        <div class="btns bdsharebuttonbox bdshare-button-style0-16" data-tag="share_1" data-bd-bind="1538211397551">
                            <div class="app apply_jobs @if($info->deliver==1) has-deliver @endif">申请职位</div>
                            <div class="sbtn s1 favor @if($info->favor == 1) has-favor @endif"></div>
                            {{--<a class="sbtn s2 bds_more" data-cmd="more"></a>--}}
                            <div class="sbtn s3 report"></div>
                            <div class="clear"></div>
                        </div>
                    @endif


                    @if($info->category_cn)
                        <div class="itemli"><span>工作性质</span>{{$info->nature_cn}}</div>
                        <div class="itemli"><span>职位类别</span>{{$info->category_cn}}</div>
                        <div class="itemli"><span>招聘人数</span>{{$info->amount}}</div>
                        <div class="clear"></div>
                        <div class="itemli"><span>学历要求</span>{{$info->education_cn}}</div>
                        <div class="itemli"><span>工作经验</span>{{$info->experience_cn}}</div>
                        <div class="itemli"><span>性别要求</span>{{$info->sex_cn}}</div>
                        <div class="clear"></div>
                    @else
                        <div class="itemli"><span>工作性质</span>{{$info->nature_cn}}</div>
                        <div class="itemli"><span>招聘人数</span>{{$info->amount}}</div>
                        <div class="itemli"><span>学历要求</span>{{$info->education_cn}}</div>
                        <div class="clear"></div>
                        <div class="itemli"><span>工作经验</span>{{$info->experience_cn}}</div>
                        <div class="itemli"><span>性别要求</span>{{$info->sex_cn}}</div>
                        <div class="clear"></div>
                    @endif
                    {{--<div class="itemli">
                        <span>招聘部门</span>
                        @if($info->department)
                        {{$info->department}}
                        @else
                            不限
                        @endif
                    </div>--}}
                    <div class="clear"></div>
                    <div class="itemli"><span>年龄要求</span>{{$info->age_cn}}</div>
                    <div class="clear"></div>
                    <div class="add"><span>工作地点</span>{{$info->district_cn}}</div>
                    @if($info->map_x && $info->map_y && $info->map_zoom)
                        <div id="J_map" class="map"></div>
                    @endif
                    <div class="clear"></div>
                </div>

                <div class="contact">
                    <div class="tit">联系方式</div>
                    @if(config('aix.companyset.comset.contact_type_set.contact_img_com') =='3')
                        <div class="qrcode">
                            <div class="code">
                                {!! $info->contact->telephone !!}
                            </div>
                            <div class="codetxt">打开微信扫描左侧二维码，即可马上获取该职位的联系方式！</div>
                            <div class="clear"></div>
                        </div>
                    @else
                        <div class="txt">
                            联系人：@if($info->contact->contact_show=='0'){{'企业设置不公开'}}@else{{$info->contact->contact}}@endif
                            @if($info->contact->qq)
                                <a target="blank" href="tencent://message/?uin={{$info->contact->qq}}&site=qq&menu=yes">
                                    <img border="0" SRC=http://wpa.qq.com/pa?p=1:123456:1 alt="点击这里给我发消息">
                                </a>
                            @endif
                        </div>
                        <div class="clear"></div>

                        @if($info->contact->telephone_show=='0')
                            <div class="txt">联系电话：企业设置不公开</div>
                            <div class="clear"></div>
                        @else
                            <div class="txt">联系电话：
                                <span class="tel">
                                    {!! $info->contact->telephone !!}
                                </span>
                            </div>
                            @if($info->hide)
                                <div class="appbtn J_check_truenum">点击查看</div>
                            @endif
                            <div class="clear"></div>
                            <div class="teltip"><div class="arrows"></div>打电话前先投递一份简历，面试成功率提高30%</div>
                        @endif
                    @endif

                    <div class="statistics">
                        <div class="sttit">职位动态</div>
                        <div class="stli">
                            <div class="slitit">{{$info->company->reply_ratio}}</div>
                            <div class="slitxthelp">
                                <div class="tip">
                                    <div class="arrows"></div>
                                    近两周该职位的简历处理率
                                </div>
                                简历处理率
                            </div>
                        </div>
                        <div class="stli">
                            <div class="slitit">{{$info->company->reply_time}}</div>
                            <div class="slitxt">简历平均处理时长</div>
                        </div>
                        <div class="stli last">
                            <div class="slitit">{{date('Y-m-d H:i', $info->company->last_login_time)}}</div>
                            <div class="slitxt">企业最近登录时间</div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="describe">
                    <div class="tit">职位描述</div>
                    <div class="txt">{!! nl2br($info->jobs_content) !!}</div>
                    <div class="qrcode">
                        <div class="code"><img src="{{$wx_qrcode}}" alt=""></div>
                        <div class="codetxt">微信扫一扫，及时了解投递状态</div>
                        @if(auth('web-member')->check() || auth('web-company')->check())
                            @if(auth('web-member')->check())
                                @if($info->resume)
                                    <div class="res link_blue">
                                        你已有可投递的在线简历：<strong>{{$info->resume->title}}</strong>
                                        <br />
                                        简历更新于{{date('Y年m月d日',strtotime($info->resume->updated_at))}}<span>&nbsp;</span>
                                        <a target="_blank" href="{{$info->resume->url}}">预览</a>
                                        <span>&nbsp;</span>|<span>&nbsp;</span>
                                        <a href="{{url('/person/resumeUpdate/'.$info->resume->id)}}">修改</a>
                                    </div>
                                @else
                                    <div class="resempty">
                                        你目前还没有简历：
                                        <div class="resadd" onclick="window.location='{{route('jkq.person.resumeAdd')}}';">创建简历</div>
                                    </div>
                                @endif
                            @endif
                        @else
                            <div class="resempty">你目前还没有登录：<div class="resadd J_resadd">立即登录</div></div>
                        @endif
                        <div class="clear"></div>
                    </div>

                    <div class="appjob">
                        @if($info->valid ==0)
                            <div class="appbtn btn_disabled">申请职位</div>
                            该职位是无效职位，暂时不能申请。
                        @else
                            <div class="appbtn apply_jobs @if($info->deliver==1) has-deliver @endif">申请职位</div>
                            有时候，一次不犹豫的投递，恰恰成就了一次超完美的面试。
                        @endif
                    </div>
                    @if($info->valid == 1)
                        <div class="favorite bdsharebuttonbox bdshare-button-style0-16" data-tag="share_1" data-bd-bind="1538211397551" style="padding-left: 668px;">
                            @if($info->favor == 1)
                                <div class="fli f1 favor has-favor">已收藏</div>
                            @else
                                <div class="fli f1 favor">收藏</div>
                            @endif

                            {{--<a class="fli f2 bds_more" data-cmd="more">分享</a>--}}
                            <div class="fli f3 report">举报</div>
                            <div class="clear"></div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="r">
            <div class="cominfo link_gray6">
                <div class="comlogo">
                    <a target="_blank" href="{{route('jkq.jobs.company', array('id'=>$info->company_id))}}">
                        <img src="{{$info->company->logo}}">
                    </a>
                </div>
                <div class="comname">
                    <a class="line_substring" target="_blank" href="{{route('jkq.jobs.company', array('id'=>$info->company_id))}}" title="{{$info->company_name}}">{{$info->company_name}}</a>
                    <div class="clear"></div>
                </div>
                <div class="info"><span>性质</span>{{$info->company->nature_cn}}</div>
                <div class="info"><span>行业</span>{{$info->company->trade_cn}}</div>
                <div class="info"><span>规模</span>{{$info->company->scale_cn}}</div>
                <div class="info"><span>地区</span>{{$info->company->district_cn}}</div>
                @if($info->company->website)
                    <div class="info">
                        <span>网址</span>
                        <a href="{{$info->company->website}}" target="_blank" title="{{$info->company->website_}}">{{$info->company->website_}}</a>
                    </div>
                @endif
            </div>
            <div class="comqrcode">
                <div class="code">
                    {{--{!! \SimpleSoftwareIO\QrCode\Facades\QrCode::size(90)->encoding('UTF-8')->errorCorrection("L")->margin(0)->generate(route('mobile.firm.com.wzp.index',['id'=>$info->company_id])) !!}--}}
                    {!! get_qrcode_html(route('mobile.firm.com.wzp.index',['id'=>$info->company_id]), false, 85, 0) !!}
                </div>
                <div class="codetxt">扫描二维码即可在手机端精彩呈现“微招聘”，一键分享到朋友圈为招聘助力！</div>
                <div class="clear"></div>
            </div>

            <div class="leave_msg J_realyWrap">
                <div class="tit">
                    <div class="t">给我留言</div>
                    <div class="clear"></div>
                </div>
                <div class="msg_textarea">
                    <textarea name="pms_content" id="pms_content" placeholder="请输入您的疑问。比如工作地、年薪、福利等等，我会及时给您回复！期待与您合作。"></textarea>
                </div>
                <div class="send_btn_group">
                    <div class="txt_num"></div>
                    <div class="send_btn J_realyBth" touid="{{$info->company_id}}">发 送</div>
                </div>
            </div>


            <div class="comjobs">
                <div class="tit">
                    <div class="t">该公司的其他职位</div>
                    <div class="more link_gray6"><a href="{{route('jkq.jobs.company.jobs', array('id'=>$info->company_id))}}">更多</a></div>
                    <div class="clear"></div>
                </div>
                @if($other_jobs)
                    @foreach($other_jobs as $k=>$job)
                        <div class="list">
                            <div class="jobname link_blue"><a href="{{route('jkq.jobs.show', array('id'=>$job->id))}}">{{$job->jobs_name}}</a></div>
                            <div class="wage">{{$job->wage_cn}}</div>
                            <div class="clear"></div>
                            <div class="txt">
                                <div class="line_substring" title="{{$job->district_cn}}">{{$job->district_cn}}</div>
                                <span>|</span>
                                {{$job->education_cn}}
                                <span>|</span>
                                {{$job->experience_cn}}
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="list">该公司暂无其他职位</div>
                @endif
            </div>

        </div>
        <div class="clear"></div>
    </div>

    <script type="text/javascript" src="{{theme_asset('app/js/jquery.disappear.tooltip.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/ajaxfileupload.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.cxscroll.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.modal.dialog.js')}}"></script>

@endsection

@section('script')
    <script>
        //点击量自增
        var click_url = "{{ route('jkq.jobs.click',array('id'=>$info->id)) }}";
        $.get(click_url).then(function(data) {
            if(data.status=='1'){
                var click = parseInt("{{$info->click}}") + 1;
                $('#J_jobs_click').text(click+"次");
            }
        });
        // 点击显示地图
        $("#J_map").off().on('click',function(){
            var qsDialog = $(this).dialog({
                title: '工作地点',
                loading: true,
                showFooter: false,
                border: false
            });
            qsDialog.setContent('<div id="container" style="width:800px;height:500px;"></div>');
            var map = new BMap.Map("container");       // 创建地图实例
            var opts = {
                width : 350,
                height: 80,
                title : "{{$info->company_name}}"
            };
            var infoWindow = new BMap.InfoWindow("", opts);
            var point = new BMap.Point("{{$info->map_x}}","{{$info->map_y}}");
            map.centerAndZoom(point, "{{$info->map_zoom}}");
            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();//启用滚轮放大缩小，默认禁用。
        });
        //申请职位思路
        /*
        1.判断是否申请过该职位
        2.判断当天是否还可以申请职位
        3.判断当前是否有通过审核的默认职位
        4.如果有多份通过审核的简历，请选择需要投递的简历
        5.投递简历时判断简历完整度是否通过
        6.判断个人资料是否完善，如果没有完善则跳转到个人资料页面
        7.判断职位是否已关闭
         */
        //申请职位
        $('.apply_jobs').click(function(){
            if ($(this).hasClass('has-deliver')) {
                return false;
            }
            @if(auth('web-company')->check())
            disapperTooltip('remind', '请登录个人账号！');
            @else
            @if(auth('web-member')->check())
            //申请职位
            var jobs_id = "{{$info->id}}";
            var url = "{{route('jkq.jobs.apply')}}";
            var qsDialog = $(this).dialog({
                title:'申请职位',
                loading: true,
                footer: false,
                border: false,
                backdrop: true
            });
            $.post(url,{jobs_id:jobs_id,_token:"{{csrf_token()}}"},function(data){
                qsDialog.hide();
                //多份简历
                if(data.status == 2){
                    var qsDialogSon = $(this).dialog({
                        title: '选择投递简历',
                        border: false,
                        content:data.html,
                        yes:function(){
                            qsDialogSon.setCloseDialog(false);
                            //获取所选简历id
                            var resume_id = $('#resume_id').val();
                            //申请职位
                            var apply_url = url;
                            $.post(url,{jobs_id:jobs_id,resume_id:resume_id,_token:"{{csrf_token()}}"},function(res){
                                //简历完善度不够
                                qsDialogSon.hide();
                                if (res.status == 0) {
                                    if(res.resume_id){
                                        var qsDialogSon1 = $(this).dialog({
                                            title: '申请职位',
                                            content: res.html,
                                            yes: function () {
                                                var url = "{{url('/person/resumeUpdate')}}"+'/'+res.resume_id;
                                                location.href = url;
                                            },
                                            btns: ['完善简历', '放弃申请']
                                        });
                                    }
                                } else {
                                    //申请职位的最后弹出信息
                                    var qsDialogSons1 = $(this).dialog({
                                        title: '申请职位',
                                        content: res.html
                                    });
                                }

                            }).error(function(apply_error){
                                console.log(apply_error);
                            });

                        }
                    });
                }else{
                    //默认简历
                    if (data.status == 0) {
                        if(data.resume_id){
                            var qsDialogSon1 = $(this).dialog({
                                title: '申请职位',
                                content: data.html,
                                yes: function () {
                                    var url = "{{url('/person/resumeUpdate')}}"+'/'+data.resume_id;
                                    location.href = url;
                                },
                                btns: ['完善简历', '放弃申请']
                            });
                        }
                    } else {
                        //申请职位的最后弹出信息
                        var qsDialogSons1 = $(this).dialog({
                            title: '申请职位',
                            content: data.html
                        });
                    }
                }

            }).error(function(result){
                qsDialog.hide();
                if(result.status == 500 || result.status == 400){
                    disapperTooltip('remind',result.responseJSON.message);
                } else {
                    disapperTooltip('remind','申请失败！');
                }
            });

            @else
            trigger_login('per');
            @endif
            @endif
        });


        //举报职位
        $(".report").click(function(){
            @if(auth('web-company')->check())
            disapperTooltip('remind', '请登录个人账号！');
                    @else
                    @if(auth('web-member')->check())
            var jobs_id = "{{$info->id}}";
            var url = "{{route('jkq.jobs.report')}}";
            var qsDialog = $(this).dialog({
                loading: true,
                footer: false,
                header: false,
                border: false,
                backdrop: false
            });
            $.post(url,{jobs_id:jobs_id,_token:"{{csrf_token()}}"},function(result){
                qsDialog.hide();
                var qsDialogSon = $(this).dialog({
                    title: '举报职位',
                    footer: false
                });
                qsDialogSon.setContent(result.html);
            }).error(function(result) {
                if(result.status == 500 || result.status == 400){
                    disapperTooltip('remind',result.responseJSON.message);
                }else{
                    disapperTooltip('remind','举报失败');
                }
            });
            @else
            trigger_login('per');
            @endif
            @endif
        });

        //收藏职位
        $(".favor").off().on('click',function(){
            var url = "{{route('jobs.favor')}}";
            var jid = "{{$info->id}}";
            var has_favor = $(this).hasClass('has-favor');
            var obj = $(this);
            @if(auth('web-company')->check())
            disapperTooltip('remind', '请登录个人账号！');
            @else
                @if(auth('web-member')->check())
                $.post(url,{jid:jid,_token:"{{csrf_token()}}"},function(result){
                    if(result.status==1){
                        if(has_favor){
                            $('.favor').removeClass('has-favor');
                            disapperTooltip('success','取消收藏成功');
                            $('.jobsshow .l .main .favorite .fli.f1.favor').text('收藏');

                        } else {
                            $('.favor').addClass('has-favor');
                            $('.jobsshow .l .main .favorite .fli.f1.favor').text('已收藏');
                            disapperTooltip('success',result.msg);

                        }
                    } else {
                        disapperTooltip('remind',result.msg);
                    }
                }).error(function(result) {
                    if(result.status == 500 || result.status == 400){
                        disapperTooltip('remind',result.responseJSON.message);
                    }else{
                        disapperTooltip('remind','收藏失败');
                    }
                });
                @else
                trigger_login('per');
                @endif
            @endif
        });
        function trigger_login(type){
            var qsDialog = $(this).dialog({
                loading: true,
                footer: false,
                header: false,
                border: false,
                backdrop: true
            });
            var loginUrl = "{{route('jkq.loginDig')}}";
            $.post(loginUrl, {_token:"{{csrf_token()}}",type:type,'redirect_url':"{{$redirect_url}}"},function(result){
                if(result.status==1){
                    qsDialog.hide();
                    if (type == 'per') {
                        var type_title = '个人会员登录';
                    }else{
                        var type_title = '企业会员登录';
                    }
                    var qsDialogSon = $(this).dialog({
                        title: type_title,
                        footer: false,
                        border: false
                    });
                    qsDialogSon.setInnerPadding(false);
                    qsDialogSon.setContent(result.html)
                } else {
                    qsDialog.hide();
                    disapperTooltip('remind','操作失败');
                }
            });
        }
        //点击查看按钮
        $('.J_check_truenum').off().on('click', function() {
            @if(!auth('web-company')->check() && !auth('web-member')->check())
            trigger_login('per');
            @endif
        });

        // 立即登录
        $('.J_resadd').off().on('click', function() {
            trigger_login('per');
        });
        //给我留言
        $('.J_realyBth').off().on('click', function(){
            var u = $(this),
                f = u.closest('.J_realyWrap').find('textarea'),
                t = $.trim(f.val()),
                touid = u.attr('touid');
            @if(auth('web-company')->check())
            disapperTooltip('remind', '请登录个人账号！');
            @else
            $.post("{{route('jobs.msg_send')}}",{_token:"{{csrf_token()}}",touid:touid,message:t},function (data) {
                if(data.status == 1){
                    f.val('');
                    disapperTooltip('success',data.msg);
                } else {
                    disapperTooltip('remind',data.msg);
                }
            }).fail(function(result) {
                if(result.status == 401){
                    //弹窗显示个人登录页面
                    trigger_login('per');
                }else if(result.status == 422){
                    var errors = result.responseJSON.errors;
                    disapperTooltip('remind',errors.message.join("<br/>"));
                } else {
                    disapperTooltip('remind','留言失败！');
                }
            });
            @endif
        });

        // 简历处理率提示
        $('.slitxthelp').hover(function () {
            $(this).find('.tip').show();
        },function () {
            $(this).find('.tip').hide();
        })


    </script>
@endsection