@extends('app.hardware.layout.hardware')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/common.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/joblist/joInformation.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/footer.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/pagers.css')}}" />
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/aio/myDiv.js')}}"></script>
@endpush

@section('content')
    <div class="jobinformation-content">
        <div class="jobinformation-body">
            <div class="content-top-infolist">
                <div class="top-infolist-warpper">
                    <ul class="top-infolist-ul">
                        <li class="infolist-ul-li">
                            <table class="infolist-ul-li-table infolist-ul-li-table-top">
                                <tr>
                                    <td class="jname"><span class="li-table-top li-table-info">{{$info->jobs_name}}</span></td>
                                    <td class="jwage"><span class="li-table-top li-table-info">{{$info->wage_cn}}</span></td>
                                    <td align="right"><span class="li-table-top li-table-info">{{date('Y-m-d', strtotime($info->created_at))}}</span></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        {{$info->company_name}}
                                        &nbsp;&nbsp;<span class="info-style-one">{{$info->company->scale_cn}}</span>
                                        &nbsp;|&nbsp;
                                        <span class="info-style-one">{{$info->company->nature_cn}}</span>
                                        &nbsp;|&nbsp;
                                        <span class="info-style-one">{{$info->company->trade_cn}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span class="li-table-top li-table-info">@if($info->sex ==0){{"性别"}}@endif{{$info->sex_cn}}/{{$info->education_cn == '不限'?'学历不限':$info->education_cn}}/{{$info->experience_cn == '不限'?'经验不限':$info->experience_cn}}</span></td>
                                    <td><span class="li-table-top li-table-info">{{$info->district_cn}}</span></td>
                                    <td>
                                        <span class="li-table-top li-table-info">咨询热线：
                                            @if($info->company->landline_tel && $info->company->landline_tel != '--')
                                                {{$info->company->landline_tel}}
                                            @else
                                                {{$info->company->mobile}}
                                            @endif
                                        </span>
                                    </td>

                                </tr>
                            </table>
                            <table class="infolist-ul-li-table-center">
                                <tr>
                                    <td>
                                        <div class="table-center-left">
                                            @if($info->tag_cn)
                                                @foreach($info->tag_cn as $k=>$v)
                                                    <span class="li-table-tip">{{$v}}</span>
                                                @endforeach
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </li>
                    </ul>
                    <div class="top-infolist-info li-table-info">

                        <div style="font-size:24px;;color:#000000;">职位描述</div>
                        <div>{!! nl2br($info->jobs_content) !!}</div>
                    </div>

                </div>
            </div>

            <div class="printbtn-content">
                <a data-jid="{{$info->id}}" class="apply_jobs">
                    <button class="printbtn">申请职位</button>
                </a>
            </div>
        </div>
        <div class="newjoblist-footer">
            @include('app.hardware.layout.footer')
        </div>
    </div>
    <script type="text/javascript" src="{{theme_asset('app/js/aio/countdown.js')}}"></script>
@endsection

@section('script')
    <script>
        var isVisitor = 0;
        var utype = 0;
        @if($user)
            isVisitor = 1;
            @if($user->utype == 1)
                utype = 1;
            @else
                utype = 2;
            @endif
        @endif

        function apply_job(jid){
            var url = "{{route('hardware.aio.job.apply')}}";
            $.getJSON(url,{jobs_id:jid},function(result){
                closeDialog();
                if(result.status==1){
                    dialogDiv(result.html,'确定','closeDialog');
                    return false;
                }else if(result.status==2){
                    dialogDiv(result.html,'确定','apply_job_resume','取消');

                } else {
                    dialogDiv(result.html,'确定','closeDialog');
                    return false;
                }
            }).error(function(error){
                closeDialog();
                if(error.status == 500 || error.status == 400){
                    dialogDiv(error.responseJSON.message,'关闭','closeDialog');
                }else{
                    dialogDiv('投递失败','关闭','closeDialog');
                }
            });
        }
        function apply_job_resume(){
            var jid = $('#apply_jobs_id').val();
            var resume_id = $('#apply_resume_id').val();
            var url = "{{route('hardware.aio.job.apply')}}";
            $.getJSON(url,{jobs_id:jid,resume_id:resume_id},function(result){
                //console.log(result);
                closeDialog();
                if(result.status==1){
                    dialogDiv(result.html,'确定','closeDialog');
                    return false;
                }else {
                    dialogDiv(result.html,'关闭','closeDialog');
                    return false;
                }
            }).error(function(error){
                closeDialog();
                if(error.status == 500 || error.status == 400){
                    var response=$.parseJSON(error.response);
                    if (error.status==422) {//验证错误
                        $.each(response.errors,function (key,val) {
                            dialogDiv(val[0],'关闭','closeDialog');
                            return false;
                        });
                    }
                    else if(error.status==400) {//业务错误
                        dialogDiv(JSON.parse(error.responseText).message,'关闭','closeDialog');
                        return false;
                    }
                }else{
                    dialogDiv('投递失败','关闭','closeDialog');
                    return false;
                }
            });

        }
        function closeDialog(){
            $(".white_content").remove();
            $(".black_overlay").remove();
        }
        function toIndex() {
            window.location.href = "{{route('hardware.aio.login')}}";
            return false;
        }
        $(document).ready(function () {
            $(".apply_jobs").on('click',function(){
                if(isVisitor>0){
                    if(utype == 1){
                        dialogDiv('请登录个人账号','确定','toIndex');
                        return false;
                    }else{
                        var htmltwo = '<div id="applyDiv" class="white_content" style="display:block;">'
                            +'<div class="MyDiv-header">'
                            +'<span class="divtitle">确认申请这个职位吗?</span>'
                            +'</div>'
                            +'<div class="clear"></div>'
                            +'<div class="MyDiv-info">'
                            +'<button class="dialog-btn dialog-btn-left" onclick="apply_job('+$(this).data("jid")+')">确定</button>'
                            +'<button class="dialog-btn dialog-btn-right" onclick="$(this).parent().parent().remove();$(\'.black_overlay\').remove();">取消</button>'
                            +'<div style="clear: both"></div></div></div>'
                            +'<div id="fade" class="black_overlay" style="display:block;"></div>';
                        $("#dialogDiv-content").append(htmltwo);
                    }
                } else {
                    //跳转到登录页面
                    dialogDiv('请登录','确定','toIndex');
                    return false;
                }
            });
        });
    </script>
@endsection