@extends('module.layouts.person')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_index.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_ajax_dialog.css') }}" rel="stylesheet">
    <style>
        .modal_body {
            min-width: 360px;
        }

        .my_points_num {
            color: #dd4250;
            font-weight: bold;
        }

        .mainbox .waic {
            width: 800px;
        }

        .mainbox .hengxian {
            width: 100%;
            height: 1.5px;
            background-color: #a0a0a0;
        }

        .mainbox .hongxian {
            width: 0;
            height: 1.5px;
            background-color: #ff6933;
        }

        .mainbox .yixiaof {
            color: #ff6933;
            display: inline-block;
            line-height: 18px;
            font-size: 13px;
            position: relative;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .mainbox .dingwei {
            width: 13px;
            position: relative;
            top: -6px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .mainbox .yifen {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            width: 20%;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        .mainbox .flexbox {
            display: box;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

        .mainbox .dengji {
            text-align: center;
            font-size: 13px;
            line-height: 20px;
            float: left;
        }

        .mainbox .dengji img {
            width: 16px;
        }

        .mainbox .djwai {
            position: relative;
            top: -8px;
            height: 62px;
        }

        .mainbox .jucol {
            color: #ff6933;
        }

        .mainbox .gray {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
        }
    </style>
    {{--    <script type="text/javascript" src="{{ theme_asset('app/js/person/jquery-progress.js') }}"></script>--}}
@endpush

@section('content')
    <div class="user_main">
        @include('module.section.person_left')

        <div class="mainbox">

            @if($resume->complete_percent < 70)
                <div class="toptip">
                    <div class="topadd">
                        <!--<div class="td1"></div>-->
                        <div class="td2"><span class="font_blue">请继续完善您的简历，方便人才判定而更好的享受相关政策!！</span>
                            @if(isset($talents) && !empty($talents) && !empty($talents['rc_level']))
                                <br>晋江市人才类别 :&nbsp;<span class="my_points_num">{{$talents['rc_level']}}</span>
                                (@if($talents['rc_audit'] == 1)认证通过@elseif($talents['rc_audit'] == 3)认证不通过@else
                                    预判@endif)
                            @else
                                <br>晋江市人才类别 :&nbsp;<span class="my_points_num">未验证人才标准或不符合人才标准</span>
                            @endif
                            <br>完善工作经验、教育培训经历、语言能力、技能证书…等，可以有效提高求职成功率
                        </div>
{{--                        <div class="td4"><a class="ignore" id="ignore">忽略</a></div>--}}
                        <div class="td3" id="resume_update">
                            <div class="but_blue_115 J_hoverbut">立刻完善</div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <!--<div class="topaddarrow"></div>-->
                </div>
                <!-- 完善简历提示结束-->

            @else
                <div class="toptip2">
                    <div class="topadd">
                        <!--<div class="td1"></div>-->
                        <div class="td2">
                            @if(isset($talents) && !empty($talents) && !empty($talents['rc_level']))
                                <br>晋江市人才类别 :&nbsp;<span class="my_points_num">{{$talents['rc_level']}}</span>
                                (@if($talents['rc_audit'] == 1)认证通过@elseif($talents['rc_audit'] == 3)认证不通过@else
                                    预判@endif)
                            @else
                                <br>晋江市人才类别 :&nbsp;<span class="my_points_num">未验证人才标准或不符合人才标准</span>
                            @endif
                            <br>完善工作经验、教育培训经历、语言能力、技能证书…等，可以有效提高求职成功率
                        </div>
                        <div class="clear"></div>
                    </div>
                    <!--<div class="topaddarrow"></div>-->
                </div>
                <!-- 完善简历提示结束-->
        @endif
        <!--结束 -->

            <!-- 完善简历提示-->


            <!-- 刷新推广修改-- -->
            <div class="resumeinfo showtip">
                <div class="linfo">
                    <div class="td2">
                        <div class="butlist" style="margin-right: 50px;margin-bottom: 30px;"><a id="J_refresh_resume"
                                                                                                pid="{{ $resume->id }}"><img
                                        src="{{ theme_asset('app/images/refresh_rsume.png') }}"/><span>刷新简历</span></a>
                        </div>
                        <div class="butlist" style="margin-bottom: 30px;"><a
                                    href="{{ url('person/resumeUpdate') }}/{{ $resume->id }}"><img
                                        src="{{ theme_asset('app/images/modify_resume.png') }}"/><span>修改简历</span></a>
                        </div>
                        <div class="butlist" style="margin-right: 50px;"><a
                                    href="{{route('person.jobsMatch', ['id'=>$resume->id])}}" target="_blank"><img
                                        src="{{ theme_asset('app/images/match_resume.png') }}"/><span>匹配职位</span></a>
                        </div>
                        @if($stick)
                            @if(($stick->endtime)-time()>0)
                                <div class="butlist">
                                    <div class="for_hover">
                                        <a><img src="{{ theme_asset('app/images/top_resume.png') }}"/><span>简历已置顶</span></a>
                                        <div class="des_box">
                                            <div class="desarrow"></div>
                                            <div class="des_txt">
                                                <!-- -->
                                                <strong>已购买【简历置顶】服务</strong><br/>
                                                有效时间：{{ date('Y-m-d H:i:s',$stick->addtime) }}
                                                至 {{ date('Y-m-d H:i:s',$stick->endtime) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="butlist"><a class="resume_stick" resume_id="{{ $resume->id }}"><img
                                                src="{{ theme_asset('app/images/top_resume.png') }}"/><span>简历置顶</span></a>
                                </div>
                            @endif
                        @else
                            <div class="butlist"><a class="resume_stick" resume_id="{{ $resume->id }}"><img
                                            src="{{ theme_asset('app/images/top_resume.png') }}"/><span>简历置顶</span></a>
                            </div>
                        @endif
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="rinfo">
                    <div class="pre_info_wrapper">
                        <div class="pre_item pre_itemlf">
                            <label> 审核状态：</label>
                            <p>
                                @if(config('aix.personal_set.per_set.show_set.resume_display')==2)
                                    @if($resume->audit==2)
                                        <span class="font_green">审核通过</span>
                                    @elseif($resume->audit==0)
                                        <span class="font_red">审核未通过</span>
                                    @else
                                        <span class="font_green">审核通过</span>
                                    @endif
                                @else
                                    @if($resume->audit==2)
                                        <span class="font_green">审核通过</span>
                                    @elseif($resume->audit==0)
                                        <span class="font_red">审核未通过</span>
                                    @else
                                        <span class="font_yellow">审核中</span>
                                    @endif
                                @endif
                            </p>
                        </div>
                        <div class="pre_item pre_itemrt">
                            <label>期望职位：</label>
                            <p>{{ $resume->intention_jobs }}</p>
                        </div>
                        <div class="pre_item pre_itemlf">
                            <label>期望薪资：</label>
                            <p>{{ $resume->wage_cn }}</p>
                        </div>
                        <div class="pre_item pre_itemrt">
                            <label>求职状态：</label>
                            <p>{{ $resume->current_cn }}</p>
                        </div>
                        <div class="pre_item pre_itemlf">
                            <label>简历状态：</label>
                            <div class="resume_status" {{--onclick="window.location='{{ url('person/resume/privacy') }}'"--}}>
                                <div class="resume_status_on @if($resume->display==1) active @endif">显示</div>
                                <div class="resume_status_off @if($resume->display==0) active @endif">隐藏</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="pre_item pre_itemrt">
                            <label>更新时间：</label>
                            <p id="resumk_id">{{ fdate(strtotime($resume->updated_at)) }}</p>
                        </div>
                        <div class="pre_item percent_item">
                            <label>简历完整度：</label>
                            <div class="percent">
                                <div style="width: {{ $resume->complete_percent }}%;" class="resume_percent"></div>
                            </div>
                            <div class="resume_percent_txt">{{ $resume->complete_percent }}%</div>
                            <div class="resume_percent_modify"><a
                                        href="{{ url('person/resumeUpdate') }}/{{ $resume->id }}">修改</a></div>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="tabwapper">
                <!--推荐职位，最新职位切换卡 -->
                <div class="tabindex">
                    <div class="li J_tab select" data-ajaxtype="recommend_jobs" ajaxpage="1">推荐职位</div>
                    <div class="li J_tab" data-ajaxtype="nearby_jobs" ajaxpage="1">附近职位</div>
                    <div class="li J_tab" data-ajaxtype="new_jobs" ajaxpage="1">最新职位</div>
                    <div class="clear"></div>
                    <div class="refresh link_gray6 J_refresh"><a href="javascript:;">换一批</a></div>
                </div>
                <!--职位切换卡结束 -->
                <!--选项卡对应内容div -->
                <div class="tabshow J_tab_menu" style="display:block;">
                    <div class="ajax_loading">
                        <div class="ajaxloadtxt"></div>
                    </div>
                    <div class="J_tab_menu_html">
                        @if($has_resume)
                            @if($recommend_jobs)
                                @foreach($recommend_jobs as $key => $val)
                                    <div class="list_cell_box">
                                        <div class="td1">
                                            <div class="jobname link_blue substring">
                                                <a target="_blank" href="{{ route('jobs.show',['id'=>$val->id]) }}"
                                                   title="{{ $val->jobs_name }}">{{ $val->jobs_name }}</a>
                                            </div>
                                            <div class="edu_wage substring">
                                                <div class="education">@if($val->experience>0)
                                                        经验@endif{{ $val->experience_cn }} / @if($val->education>0)
                                                        学历@endif{{ $val->education_cn }}</div>
                                                <div class="wage font_yellow">{{ $val->wage_cn }}</div>
                                                <div class="clear"></div>
                                            </div>
                                            <div class="cname link_gray9 substring"><a target="_blank"
                                                                                       href="{{ route('jobs.company',['id'=>$val->company_id]) }}"
                                                                                       title="{{ $val->company_name }}">{{ $val->company_name }}</a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="empty_tipstxt link_blue">没有找到相关职位，您可以<a target="_blank"
                                                                                    href="{{ route('jobs') }}"
                                                                                    target="_blank">进入职位库</a>试试手气！
                                </div>
                            @endif
                        @else
                            <div class="empty_tipstxt link_blue">当前无审核通过的简历信息，无法推荐求职机会！</div>
                        @endif

                        <div class="clear"></div>
                    </div>
                </div>
                <div class="tabshow J_tab_menu">
                    <div class="ajax_loading">
                        <div class="ajaxloadtxt"></div>
                    </div>
                    <div class="J_tab_menu_html"></div>
                </div>
                <div class="tabshow J_tab_menu">
                    <div class="ajax_loading">
                        <div class="ajaxloadtxt"></div>
                    </div>
                    <div class="J_tab_menu_html"></div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/htmlspecialchars.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/person/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.cookie.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">
        $(function () {
                    @if($message)
            var confirmDialog = $(this).dialog({
                    title: '温馨提示',
                    btns: ['已读', '取消'],
                    yes: function () {
                        $.ajax({
                            method: 'post',
                            url: '{{ route('person.pms.read') }}',
                            data: {id: "{{ $message['id'] }}", _token: "{{ csrf_token() }}"},
                            success: function (res) {
                                confirmDialog.hide();
                            }
                        });
                    }
                });
            confirmDialog.setContent('{!! $message->message !!}');

            @endif
            function myFun(result) {
                var cityName = result.name;
                myGeo.getPoint(cityName, function (point) {
                    if (point) {
                        lng = point.lng;
                        lat = point.lat;
                    }
                }, cityName);
            }

            var lng = '';
            var lat = '';
            var myGeo = new BMap.Geocoder();
            var myCity = new BMap.LocalCity();
            myCity.get(myFun);

            var comDu = "{{ $resume->complete_percent }}";
            if (comDu > 70) {
                $(".toptip").hide();
            }
            if ($.cookie('ignore')) {
                $(".toptip").hide();
            }
            $("#ignore").click(function () {
                var cookietime = new Date();
                //设置生存时间
                cookietime.setTime(cookietime.getTime() + (10 * 60 * 1000));
                //cookie 设置：
                $.cookie('ignore', 1, {expires: cookietime});
                $(".toptip").hide();
            });
            $("#J_popWeixin .close").click(function () {
                $("#J_popWeixin").hide();
            })

            $('#J_sign_in').click(function () {
                var f = $(this);
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    type: "POST",
                    url: "{{ url('person/signIn')  }}",
                    data: {
                        def: status,
                    },
                    dataType: "json",
                    success: function (result) {
                        disapperTooltip("goldremind", '每天签到增加' + result.data + '积分' + '<span class="point">+' + result.data + '</span>');
                        f.addClass('btn_lightgray').text('已签到');
                        $(".my_points_num").html(parseInt($(".my_points_num").html()) + parseInt(result.data));
                        setTimeout(function () {
                            window.location.reload();
                        }, 2000);
                    },
                    error: function (errorData) {
                        if (errorData.status == 400) {//业务错误
                            disapperTooltip("remind", errorData.responseJSON.message);
                        }
                    }
                });
            });
            $("#resume_update").click(function () {
                var resume_id = "{{ $resume->id }}";
                window.location.href = "{{ url('person/resumeUpdate') }}" + "/" + resume_id;
            })


            $('#J_refresh_resume').click(function () {
                var pid = $(this).attr('pid');
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: "{{ url('person/resume/refreshResume') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {id: pid},
                    success: function (result) {
                        $("#resumk_id").html('刚刚');
                        disapperTooltip("goldremind", '刷新简历增加' + result.data + '积分' + '<span class="point">+' + result.data + '</span>');
                    },
                    error: function (errorData) {
                        if (errorData.status == 400) {//业务错误
                            disapperTooltip("remind", errorData.responseJSON.message);
                        }
                    }
                })
            });

            $(".resume_stick").click(function () {
                var url = "{{ url('person/resume/resume_stick') }}";
                var resume_id = $(this).attr('resume_id');
                $.get(url, {resume_id: resume_id}, function (result) {
                    if (result['code'] == 0) {
                        disapperTooltip("remind", result['info']);
                    } else {
                        var qsDialog = $(this).dialog({
                            title: '简历置顶<span class="dialog_title" style="color:red;">（您将为{{ $resume->title }}购买简历置顶服务）</span>',
                            loading: true,
                            showFooter: false
                        });
                        qsDialog.setContent(result);
                    }
                });
            });


            // 推荐职位、附近职位、最新职位切换加载内容
            var isDone = true; // 防止重复点击
            $('.J_tab').on('click', function (event) {
                $(this).addClass("select").siblings(".J_tab").removeClass("select");
                var obj = $('.J_tab.select');
                var index = $(".J_tab").index(this);
                var ajaxtype = $(this).data('ajaxtype');
                var ajaxpage = parseInt(obj.attr('ajaxpage')); // 记录页数
                var ajaxresume = '';
                if (ajaxtype == 'recommend_jobs') {
                    ajaxresume = obj.attr('ajaxresume');
                }

                $('.J_tab_menu').eq(index).find('.ajax_loading').show();
                $.getJSON("{{ url('person/ajax_get_interest_jobs') }}", {
                    type: ajaxtype,
                    p: ajaxpage,
                    rid: ajaxresume,
                    lng: lng,
                    lat: lat
                }, function (data) {
                    $('.J_tab_menu').find('.ajax_loading').hide();
                    $('.J_tab_menu').eq(index).find('.J_tab_menu_html').html(data.data.html);
                    obj.attr('ajaxpage', data.data.page);
                    /*if (ajaxtype == 'recommend_jobs') {
                        obj.attr('ajaxresume', data.data.match_resume);
                    }*/
                    /*if (ajaxtype == 'recommend_jobs') {
                        obj.attr('ajaxpage', data.data.page);
                        obj.attr('ajaxresume', data.data.match_resume);
                    } else if(ajaxtype == 'new_jobs'){
                        obj.attr('ajaxpage', data.data.page);
                    }else {
                        if(data.data.code){
                            obj.attr('ajaxpage', ajaxpage+1);
                        }else{
                            obj.attr('ajaxpage', 1);
                        }
                    }*/
                });
                $('.J_tab_menu').eq(index).show().siblings(".J_tab_menu").hide();
                isDone = true; // 切换tab之后重置
            });

            // 换一批
            $('.J_refresh').on('click', function (event) {
                var obj = $('.J_tab.select');
                var ajaxtype = obj.data('ajaxtype');
                var ajaxpage = parseInt(obj.attr('ajaxpage')); // 记录页数
                var sub = 0; // 获取选中tab的下标
                $('.J_tab').each(function (index, el) {
                    if ($(this).hasClass('select')) {
                        sub = index;
                    }
                });
                $('.J_tab_menu').eq(sub).find('.ajax_loading').show();
                if (isDone) {
                    isDone = false;
                    $.getJSON("{{ url('person/ajax_get_interest_jobs') }}", {
                        type: ajaxtype,
                        p: ajaxpage,
                        lng: lng,
                        lat: lat
                    }, function (data) {
                        $('.J_tab_menu').find('.ajax_loading').hide();
                        $('.J_tab_menu').eq(sub).find('.J_tab_menu_html').html(data.data.html);
                        isDone = true;
                        obj.attr('ajaxpage', data.data.page);

                    });
                }
                ;
            });


            $(".resume_status_on").on('click', function () {
                var t = $(this);
                var id = $("#J_refresh_resume").attr('pid');
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: "{{ route('person.resume.display') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {display: 1, id: id},
                    success: function (result) {
                        t.addClass('active');
                        $(".resume_status_off").removeClass('active');
                        $("#resumk_id").html('刚刚');
                    },
                    error: function (errorData) {
                        if (errorData.status == 400) {//业务错误
                            disapperTooltip("remind", errorData.responseJSON.message);
                        }
                    }
                })

            })

            $(".resume_status_off").on('click', function () {
                var t = $(this);
                var id = $("#J_refresh_resume").attr('pid');
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: "{{ route('person.resume.display') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {display: 0, id: id},
                    success: function (result) {
                        t.addClass('active');
                        $(".resume_status_on").removeClass('active');
                        $("#resumk_id").html('刚刚');
                    },
                    error: function (errorData) {
                        if (errorData.status == 400) {//业务错误
                            disapperTooltip("remind", errorData.responseJSON.message);
                        }
                    }
                })
            })

        })
    </script>
@endsection