@extends('module.layouts.person')

@push('meta')

@endpush

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


@push('css')
<link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
<link href="{{ theme_asset('app/css/person/personal_resume.css') }}" rel="stylesheet">
<link href="{{ theme_asset('app/css/person/personal_ajax_dialog.css') }}" rel="stylesheet">
@endpush

@section('content')
<div class="user_main">
    @include('module.section.person_left')
    <div class="mainbox">
        <!--职位切换卡 -->
        <div class="tab">
            <a class="li J_hoverbut" href="{{ url('person/resume') }}">我的简历</a>
            <a class="li J_hoverbut" href="{{ url('person/resume/outward') }}">简历外发</a>
            <a class="li select">隐私设置</a>
            <div class="clear"></div>
        </div>
        <!--切换卡结束 -->

        <div class="resume_tip">
            <div class="tiptit">小提示</div>
            <div class="tiptxt link_blue">
                <strong>公开：</strong>允许所有企业查看您的简历。如不想被某企业查看，请设置 屏蔽企业。   <br>
                <strong>保密：</strong>不允许企业主动查看您的简历，只有您应聘的企业才可查看
            </div>
        </div>

        <!-- -->
        <div class="resume_privacy">
            <div class="title">我的简历</div>


            @if($content)
                @foreach($content as $key =>$val)
                    <div class="r_list link_blue J_hoverbut">
                        <div class="td1"><a href="{{ route('resumes.show',array('id'=>$val->id))}}" class="resume-title @if($val->display==0) close @endif">{{ $val->title }}</a></div>
                        <div class="td2">
                            @if(config('aix.personal_set.per_set.show_set.resume_display')==2)
                                @if($val->audit==2)
                                    <span class="t2">审核通过</span>
                                @elseif($val->audit==0)
                                    <span class="t0">审核未通过</span>
                                @else
                                    <span class="t2">审核通过</span>
                                @endif
                            @else
                                @if($val->audit==2)
                                    <span class="t2">审核通过</span>
                                @elseif($val->audit==0)
                                    <span class="t0">审核未通过</span>
                                @else
                                    <span class="t1">审核中</span>
                                @endif
                            @endif
                        </div>
                        <div class="td3">完整度{{ $val->complete_percent }}%&nbsp;
                            (<span class="t1">
                                @if($val->level==1)
								    <span class="t2">优</span>
                                @elseif($val->level==2)
								    <span class="t1">良</span>
								@else
								    <span class="t1">差</span>
								@endif
							</span>)
                        </div>
                        <div class="td4">
                            <div class="radio_list">
                                <div class="sex-radio rli @if($val->display==1) checked @endif" data-code="1" pid="{{ $val->id }}">公开</div>
                                <div class="sex-radio rli @if($val->display==0) checked @endif" data-code="0" pid="{{ $val->id }}">保密</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                @endforeach
            @endif

            <div class="title tit3">屏蔽企业</div>

            <div class="shield">
                <div class="td1">
                    <input name="comkeyword" id="comkeyword" type="text" class="input_sty" placeholder="请输入要屏蔽的企业">
                    <input name="company_id" id="company_id" type="hidden">

                </div>
                <div class="td1"><input name="submit" type="button" class="but_blue_80 J_hoverbut" value="屏蔽企业" id="add-shield">
                </div>
                <div class="clear"></div>
            </div>
            <div class="shield shield-block">
                <div class="sdtit">已屏蔽的企业</div>
                @if($shieldCompany->isEmpty())
                    <div class="empty">你目前没有屏蔽任何企业</div>
                    <div class="shield-list"></div>
                @else
                    <div class="shield-list">
                        @foreach($shieldCompany as $key => $val)
                            <div class="tag J_hoverbut del-comkeyword" data="{{ $val->id }}">{{ $val->comkeyword }}</div>
                        @endforeach
                    </div>
                @endif
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
@endsection

@section('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.disappear.tooltip.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#add-shield").click(function(){
            var lua = $("#comkeyword").val();
            if(lua==''){
                disapperTooltip("remind", "请输入要屏蔽的企业");
                return false;
            }

            if(!$('div').is('.selected')){
                disapperTooltip("remind", "暂未查询到该企业信息，请重新填写！");
                return false;
            }

            var company_id = $("#company_id").val();
            if(company_id==''){
                disapperTooltip("remind", "请选择要屏蔽的企业");
                return false;
            }
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ url('person/resume/save_shield_company') }}",
                type: 'POST',
                dataType: 'json',
                data: {company_id:company_id},
                success: function (result) {
                    $(".shield-block .empty").remove();
                    var html = '<div class="tag J_hoverbut del-comkeyword" data="'+result.data.id+'">'+result.data.comkeyword+'</div>';
                    $(".shield-list").append(html);
                    $("#comkeyword").val('');
                    $(".J_hoverbut").hover(function(){
                        $(this).addClass("hover");
                    },function(){
                        $(this).removeClass("hover");
                    });
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                }
            })
        });


        $(document).on('click','.del-comkeyword',function(){
            var url = "{{ url('person/resume/del_shield_company') }}";
            var thisObj = $(this);
            var keyword_id = thisObj.attr('data');
            var qsDialog=$(this).dialog({
                title: '删除屏蔽企业',
                loading: true,
                border: false,
                yes: function() {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: url,
                        type: 'POST',
                        dataType: 'json',
                        data: {id:keyword_id},
                        success: function (result) {
                            var is_empty = $(".del-comkeyword").length>1?false:true;
                            if(is_empty){
                                var html = '<div class="empty">你目前没有屏蔽任何企业</div>';
                                $(".shield-block .sdtit").after(html);
                            }
                            thisObj.remove();
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        }
                    })
                }
            });
            $.getJSON(url,{keyword_id:keyword_id},function(result){
                 qsDialog.setContent(result.data);
            });
        });


        $(".sex-radio").click(function(){
            var thisObj = $(this);
            $(this).addClass("checked").siblings(".sex-radio").removeClass("checked");
            var pid = $(this).attr('pid');
            var display = $(this).attr('data-code');
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ url('person/resume/save_resume_privacy') }}",
                type: 'POST',
                dataType: 'json',
                data: {id:pid,display:display},
                success: function (result) {
                    var title_obj = thisObj.parents('.r_list').find('.resume-title');
                    var has_close = title_obj.hasClass('close');
                    if(has_close){
                        title_obj.removeClass('close');
                    }else{
                        title_obj.addClass('close');
                    }
                    disapperTooltip("success", result.data);
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                }
            })
        });

        var hotKey = $('#comkeyword').autocomplete({
            serviceUrl:"{{route('person.outward.company')}}",
            minChars:1,
            maxHeight:170,
            width:188,
            zIndex: 1,
            deferRequestBy: 0,
        });


    });
</script>

@endsection