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

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

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

@section('content')
    <input type="hidden" id="RESUME_ID" value="{{ $resume->id }}">
    <div class="replenishtop">
        <div class="rename"><strong id="J_title">{{ $resume->title }}</strong><a href="#J_describeTemp" class="J_titleEdit span"><img src="{{ theme_asset('mobile/images/173.png') }}"></a></div>
        <div class="integrity">完整度：<span>{{ $resume->complete_percent }}%</span></div>
    </div>
    <div class="replenishtopbg"></div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t1">
            基本资料<span class="font12">(必填)</span>
            <div class="editbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.memberInfo',['resume_id'=>$resume->id]) }}'">修改</div>
        </div>
        <div class="picmod">
            <div class="pic">
                <div class="picborder">
                    @if($member->images)
                        <img src="{{ upload_asset($member->images) }}">
                    @else
                        @if($member->sex==1)
                            <img src="/data/upload/resource/no_photo_male.png">
                        @else
                            <img src="/data/upload/resource/no_photo_female.png">
                        @endif
                    @endif
                </div>
            </div>
            <div class="rneme">
                <div class="t font16">{{ $member->realname or '' }}</div>
                <div class="txt">{{ $member->sex_cn or '' }}&nbsp;|&nbsp;{{ date('Y') - $member->birthday }}岁@if($member->marriage_cn)&nbsp;|&nbsp;{{ $member->marriage_cn or '' }}@endif @if($member->height)&nbsp;|&nbsp; {{ $member->height or '' }}cm @endif</div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="txt2list">
            <div class="tleft">最高学历</div>
            <div class="tright">{{ $member->education_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">工作经验</div>
            <div class="tright">{{ $member->experience_cn or '不限' }}</div>
            <div class="clear"></div>
            <div class="tleft">专业</div>
            <div class="tright">{{ $member->major_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">现居住地</div>
            <div class="tright">{{ $member->residence_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">籍贯</div>
            <div class="tright">{{ $member->householdaddress_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">手机</div>
            <div class="tright">{{ auth('web-member')->user()->mobile }}</div>
            <div class="clear"></div>
            <div class="tleft">邮箱</div>
            <div class="tright">{{ auth('web-member')->user()->email }}</div>
            <div class="clear"></div>
            <div class="tleft">QQ</div>
            <div class="tright">{{ $member->qq or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">微信号</div>
            <div class="tright">{{ $member->weixin or '' }}</div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t2">
            求职意向<span class="font12">(必填)</span>
            <div class="editbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.updateHunt',['resume_id'=>$resume->id]) }}'">修改</div>
        </div>
        <div class="txt2list">
            <div class="tleft">求职状态</div>
            <div class="tright">{{ $resume->current_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">工作性质</div>
            <div class="tright">{{ $resume->nature_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">期望薪资</div>
            <div class="tright">{{ $resume->wage_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">期望行业</div>
            <div class="tright">{{ $resume->trade_cn or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">期望职位</div>
            <div class="tright">{{ $resume->intention_jobs or '' }}</div>
            <div class="clear"></div>
            <div class="tleft">工作地区</div>
            <div class="tright">{{ $resume->district_cn or '' }}</div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t3">
            自我描述
            <div class="editbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.updateDescription',['resume_id'=>$resume->id]) }}'">修改</div>
        </div>
        <div class="txtmod">{{ $resume->specialty or '客观全面的自我评价更容易获得企业的好感，快来完善以获得HR的亲睐！' }}</div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t4">
            教育经历
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.educationEdit',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>
        <div id="J_education">

        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t5">
            工作经历
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.workEdit',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>
        <div id="J_work">

        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t6">
            培训经历
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.trainEdit',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>
        <div id="J_training">

        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t7">
            获得证书
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.certificate',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>
        <div id="J_credent">

        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t8">
            语言能力
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.language',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>
        <div id="J_language">


        </div>
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t9">
            特长标签
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.speciality',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>

        @if($resume->tag_cn)
            <?php
            $arr = explode(',',$resume->tag_cn);
            ?>
            <div id="J_tags" class="tagmod" pid="{{ $resume->id }}">
                @foreach($arr as $key => $val)
                    <div class="J_tagList litag substring" tag_cn="{{$val}}">
                        {{$val}}
                        <div class="del"></div>
                    </div>
                @endforeach
                <div class="clear"></div>
            </div>
        @else
            <div class="expmod">快来秀出你的亮点！不要被别人比下去啦！</div>
        @endif
    </div>
    <div class="split-block"></div>
    <div class="listmod">
        <div class="eattitle list_height t10">
            照片/作品
            <div class="addbtn font13" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.images',['resume_id'=>$resume->id]) }}'">新增</div>
        </div>

        @if($imgs->isEmpty())
            <div class="expmod">最多上传3张，每张最大800KB,建议上传清晰自然生活照，或者您的专业代表作品。</div>
        @else
            @foreach($imgs as $key => $val)
                <div class="imgmod" iid="{{ $val->id }}"  type="img" pid="{{ $resume->id }}" sid="{{ $val->id }}">
                    <div class="expedit" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.images',['resume_id'=>$resume->id,'id'=>$val->id]) }}'"></div>
                    <div class="J_delete expdel"></div>
                    <div class="imgtd1"><img src="{{ upload_asset($val->img) }}"></div>
                    <div class="imgtd2">
                        <div class="iname">{{ $val->title }}</div>
                        @if(config('aix.personal_set.per_set.show_set.resume_img_display')==2)
                            @if($val->audit==0)
                                <div class="font_red">审核未通过</div>
                            @else
                                <div class="font_green">审核通过</div>
                            @endif
                        @else
                            @if($val->audit==1)
                                <div class="font_yellow">等待审核</div>
                            @elseif($val->audit==2)
                                <div class="font_green">审核通过</div>
                            @else
                                <div class="font_red">审核未通过</div>
                            @endif
                        @endif
                    </div>
                    <div class="clear"></div>
                </div>
            @endforeach
        @endif
    </div>

    <div class="btns-div">
        <div class="btnli"><div  class="qs-btn qs-btn-orange font18" onClick="javascript:location.href='{{ route($sub_site.'mobile.person.resume') }}'">保存简历</div></div>
        <div class="btnli"><div class="qs-btn qs-btn-border-blue font18" onClick="javascript:location.href='{{ route($sub_site.'mobile.resumes.show',['id'=>$resume->id]) }}'">预览简历</div></div>
        <div class="clear"></div>
    </div>


    <div id="J_describeTemp" style="display: none;">
        <div class="headernavfixed">
            <div class="headernav font18"><div class="title">简历标题<div class="return js-back"></div></div></div>
        </div>
        <div class="split-block"></div>
        <div class="list_height plist-txt notarrow">
            <div class="pic"></div>
            <div class="tit font14">简历标题</div>
            <div class="describe font12">
                <input type="text" id="tpl_title" value="{{ $resume->title or '' }}" class="font13" maxlength="10">
            </div>
            <div class="arrow"></div>
            <div class="clear"></div>
        </div>
        <div class="split-block"></div>
        <div class="btn-spacing">
            <div id="titleBtn" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
        </div>
    </div>

@endsection
@section('script')
    <script src="{{ theme_asset('mobile/js/popWin.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/qsCategory.js') }}"></script>

    <script type="text/javascript">
        var default_district = "{{config('aix.system.site_other.site_other.district')}}";
        var id = $.trim($('#RESUME_ID').val());
        // 加载教育经历
        $.get("{{ route($sub_site.'mobile.person.resumeEducation') }}", {resume_id: id}, function(data) {
            $('#J_education').html(data);
        });
        // 加载工作经历
        $.get("{{ route($sub_site.'mobile.person.resumeWork') }}", {resume_id: id}, function(data) {
            $('#J_work').html(data);
        });
        // 加载培训经历
        $.get("{{ route($sub_site.'mobile.person.resumeTrain') }}", {resume_id: id}, function(data) {
            $('#J_training').html(data);
        });
        // 加载获得证书
        $.get("{{ route($sub_site.'mobile.person.resumeCredent') }}", {resume_id: id}, function(data) {
            $('#J_credent').html(data);
        });
        // 加载语言能力
        $.get("{{ route($sub_site.'mobile.person.ajax_get_language_list') }}", {resume_id: id}, function(data) {
            $('#J_language').html(data);
        });
        var tip = {
            education : '教育经历',
            language : '语言能力',
            training : '培训经历',
            work : '工作经历',
            credent : '证书',
            img : '照片/作品'
        };
        $('.J_delete').live('click',function(){
            var f = $(this).parent(),
                type = $(this).parent().attr('type'),
                resume_id = $(this).parent().attr('pid'),
                id = $(this).parent().attr('sid');
            var popout = new QSpopout('删除'+tip[type]);
            popout.setContent('删除后将无法恢复，您确定要删除该'+tip[type]+'吗?');
            popout.getPrimaryBtn().on('click', function() {
                if(type=='education'){
                    var url = "{{ route($sub_site.'person.resumeEduDelete') }}";
                }else if(type=='language'){
                    var url = "{{ route($sub_site.'person.del_language') }}";
                }else if(type=='training'){
                    var url = "{{ route($sub_site.'person.resumeTrainDelete') }}";
                }else if(type=='work'){
                    var url = "{{ route($sub_site.'person.resumeWorkDelete') }}";
                }else if(type=='credent'){
                    var url = "{{ route($sub_site.'person.resumeCredentDelete') }}";
                }else if(type=='img'){
                    var url = "{{ route($sub_site.'person.delImages') }}";
                }else{
                    var url = '';
                }
                if(url!=''){
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: url,
                        type: 'POST',
                        dataType: 'json',
                        data: {id:id,resume_id:resume_id},
                        success: function (data) {
                            f.remove();
                            qsToast({type:1,context: '删除成功！'});
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                qsToast({type:2,context: JSON.parse(errorData.response).message});
                            }
                        }
                    })
                }
            });
            popout.show();
        });
        $('#J_tags .del').live('click',function(){
            var fd = $(this);
            var resume_id = $(this).closest('#J_tags').attr('pid');
            var tag_cn =   $(this).parent().attr('tag_cn');
            if($('.J_tagList').length==0){
                $('#J_tags').remove();
            }
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route($sub_site.'mobile.person.tagDelete')  }}",
                type: 'POST',
                dataType: 'json',
                data: {resume_id: resume_id, tag_cn:tag_cn},
                success: function (result) {
                    fd.parent().remove();
                    qsToast({type:1,context: '特长标签删除成功！'});
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: JSON.parse(errorData.response).message});
                    }
                }
            })
        });
        var describeTemp = $('#J_describeTemp').html();
        $('.J_titleEdit').on('click',function(){
            var $this = $(this),
                baseTxt = $this.text();
            popWin.init({
                from:"right",
                html:describeTemp,
                handle:function(a){
                    $('#tpl_title').val($('#J_title').html());
                    $(document).on('click','#titleBtn',function(){
                       var title = $(this).closest('.popBody').find('#tpl_title').val();
                        if (title == "") {
                            qsToast({type:2,context: '请填写简历标题'});
                            return false;
                        }
                        if (title != "" && title.length > 10) {
                            qsToast({type:2,context: '简历标题应在1~10个字内'});
                            return false;
                        }
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            url: "{{ route($sub_site.'mobile.person.updateTitle') }}",
                            type: 'POST',
                            dataType: 'json',
                            data:{id:id,title: title} ,
                            success: function (result) {
                                $('#J_title').html(title);
                                qsToast({type:1,context: '保存成功！'});
                                a.close();
                            },
                            error: function (errorData) {
                                if(errorData.status==400) {//业务错误
                                    qsToast({type:2,context: JSON.parse(errorData.response).message});
                                    a.close();
                                }
                            }
                        })
                    });
                }
            })
        });
    </script>
@endsection