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

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/common.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/resume.css')}}" />
    <style type="text/css">
        body{max-width: 100%}
        .resume-wrap{margin: 0 auto;max-width: 1024px;}
        .list_height { height: .55rem;line-height: .55rem;}
        .qs-popout-bd a{ text-decoration: none; }
        .refootnav .btns .qs-btn{ padding-left:.3rem; padding-right: .3rem; }
        .check_jobs{
            max-height: 300px;
            overflow: auto;
        }
        .check_jobs label{
            display: block;
            padding:15px 0;
            border-bottom: 1px dashed #eee;
            text-align: left;
            padding-left: 20px;
            color: #666;
        }
    </style>
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/pad/rem.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/zepto.cookie.min.js')}}"></script>
@endpush

@section('content')
    <div class="resume-wrap">
        <div class="retop">
            <div class="topbg">
                <div class="return js-back for-event" ></div>
                <div class="logobox"><img src="{{$resume->photosrc}}"></div>
            </div>
            <div class="com">
                <div class="cname font16">
                    {{ $resume->fullname }}
                </div>
                <div class="txt font14"> {{$resume->sex_cn }} | {{$resume->age}}岁 | {{$resume->education_cn }} | {{$resume->experience_cn }}工作经验</div>
            </div>
            <div class="bg"></div>
        </div>

        <div class="split-block"></div>

        <div class="reintent">
            <div class="eattitle list_height">求职意向</div>
            <div class="tit">求职状态</div>
            <div class="txt">{{$resume->current_cn}}</div>
            <div class="clear"></div>
            <div class="tit">工作性质</div>
            <div class="txt">{{$resume->nature_cn}}</div>
            <div class="clear"></div>
            <div class="tit">期望行业</div>
            <div class="txt">{{$resume->trade_cn or '不限'}}</div>
            <div class="clear"></div>
            <div class="tit">期望职位</div>
            <div class="txt">{{$resume->intention_jobs }}</div>
            <div class="clear"></div>
            <div class="tit">期望地区</div>
            <div class="txt">{{ $content['resume']->district_cn }}</div>
            <div class="clear"></div>
            <div class="tit">期望薪资</div>
            <div class="txt">{{$resume->wage_cn }}</div>
            <div class="clear"></div>
        </div>

        <div class="split-block"></div>

        <div class="rebasic">
            <div class="eattitle list_height">联系方式</div>
            @if($resume->telephone)
                <div class="txt substring"><span>手机</span>{!! $resume->telephone !!}
                    @if(!$resume->show_contact && $type == 1)
                        <u class="font12">[下载后查看]</u>
                    @endif
                </div>
            @endif
            @if($resume->email)
                <div class="txt substring"><span>邮箱</span>{!! $resume->email !!}
                    @if(!$resume->show_contact && $type == 1)
                        <u class="font12">[下载后查看]</u>
                    @endif
                </div>
            @endif
        </div>

        @if($resume->tag_cn)
            <div class="split-block"></div>
            <div class="retag font13">
                <div class="eattitle list_height">特长标签</div>
                <div class="tagul">
                    @foreach($resume->tag_cn as $k=>$v)
                        <div class="tagli substring">{{$v}}</div>
                    @endforeach
                    <div class="clear"></div>
                </div>
            </div>
        @endif
        @if($resume->specialty)
            <div class="split-block"></div>
            <div class="redes">
                <div class="eattitle list_height">自我描述</div>
                <div class="txt">{{$resume->specialty}}</div>
            </div>
        @endif

        @if($resume->education_list)
            <div class="split-block"></div>
            <div class="reedu">
                <div class="eattitle list_height">教育经历
                    <div class="ritle font12">{{count($resume->education_list)}}段教育经历</div>
                </div>
                <div class="edu-list desc">
                    @foreach($resume->education_list as $key => $val)
                        <div class="works">
                            <div class="cname substring">{{$val['school']}}<span class="font13">[{{$val['duration']}}]</span></div>
                            <div class="jname substring font13"> {{$val['startyear']}}-{{$val['startmonth']}}
                                | {{$val['education_cn']}}<span> | </span>{{$val['speciality']}}
                            </div>
                        </div>
                    @endforeach
                </div>
                @if(count($resume->education_list) > 1)
                    <div class="more">
                        <div class="showbtn font12 ">展开信息</div>
                    </div>
                @endif
            </div>
        @endif

        @if($resume->work_list)
            <div class="split-block"></div>
            <div class="rework">
                <div class="eattitle list_height">工作经验
                    <div class="ritle font12">{{$resume->work_duration}}做了{{$resume->work_count}}份工作</div>
                </div>
                <div class="work-list desc">
                    @foreach($resume->work_list as $key => $val)
                        <div class="works ">
                            <div class="cname substring">{{$val['companyname']}}<span class="font13">{{$val['duration']}}</span></div>
                            <div class="jname substring">
                    <span class="font13">
                    {{$val['startyear']}}-{{$val['startmonth']}}
                        @if($val['todate'] == 1)
                            至今
                        @else
                            至 {{$val['endyear']}}-{{$val['endmonth']}}
                        @endif
                    </span>
                            </div>
                            <div class="wtxt font13">{{$val['achievements']}}</div>
                        </div>
                    @endforeach
                </div>
                @if(count($resume->education_list) > 1)
                    <div class="more">
                        <div class="showbtn font12 ">展开信息</div>
                    </div>
                @endif
            </div>
        @endif
        @if($resume->training_list)
            <div class="split-block"></div>
            <div class="retra">
                <div class="eattitle list_height">培训经历
                    <div class="ritle font12">{{count($resume->training_list)}}段培训经历</div>
                </div>
                <div class="training-list desc">
                    @foreach($resume->training_list as $key => $val)
                        <div class="works last">
                            <div class="cname">{{$val['agency']}}<span class="font13">{{$val['duration']}}</span></div>
                            <div class="jname font13    ">
                    <span>
                        {{$val['startyear']}}-{{$val['startmonth']}}
                        @if($val['todate'] == 1)
                            至今
                        @else
                            至 {{$val['endyear']}}-{{$val['endmonth']}}
                        @endif
                    </span>
                            </div>
                            <div class="wtxt font13">{{$val['description']}}</div>
                        </div>
                    @endforeach
                </div>
                @if(count($resume->training_list) > 1)
                    <div class="more">
                        <div class="showbtn font12 ">展开信息</div>
                    </div>
                @endif
            </div>
        @endif

        @if($resume->credent_list)
            <div class="split-block"></div>
            <div class="recer">
                <div class="eattitle list_height">获得证书
                </div>
                @foreach($resume->credent_list as $key => $val)
                    <div class="lists">
                        <div class="cname">{{$val['name']}}<span>{{$val['year'] }}年{{ $val['month'] }}月获得</span></div>
                    </div>
                @endforeach
            </div>
        @endif

        @if($resume->language_list)
            <div class="split-block"></div>
            <div class="relang">
                <div class="eattitle list_height">语言能力</div>
                <div class="tagul">
                    @foreach($content['language'] as $key => $val)
                        <div class="tagli">{{$val['language_cn']}}<span>{{$val['level_cn']}}</span></div>
                    @endforeach
                    <div class="clear"></div>
                </div>
            </div>
        @endif

        @if($resume->img_list->isNotEmpty())
            <div class="split-block"></div>
            <div class="reimg">
                <div class="eattitle list_height">照片作品</div>
                <div class="scrollbox">
                    @foreach($resume->img_list as $key => $val)
                        <div class="imgbox"><img src="{{upload_asset($val->img)}}"></div>
                    @endforeach
                </div>
            </div>
        @endif

        <div class="split-block-footnav"></div>
        @if($type != 4)
            <div class="refootnav">
                @switch($type)
                    @case(1)
                    @if(!$resume->show_contact)
                        <div class="btns link_gray6">
                            <div class="qs-btn qs-btn-medium qs-btn-blue qs-btn-inline downbtn">下载简历</div>
                        </div>
                    @endif
                    @if($resume->show_contact && auth('web-company')->check())
                        <div class="btns link_gray6">
                            <div class="qs-btn qs-btn-medium qs-btn-blue qs-btn-inline yaoqingbtn" onClick="javascript:location.href='{{route("hardware.pad.search.resume.interview",["id"=>$resume->id,'type'=>$type])}}'">发送面试邀请</div>
                        </div>
                        @if($resume->label_resume)
                            @foreach($resume->label_arr as $k=>$v)
                                <div class="set label_resume @if($resume->label_id == $k) select @endif" data="{{$k}}" label_type="{{$resume->label_type}}">{{$v}}</div>
                            @endforeach
                        @endif
                        <div class="clear"></div>
                    @endif
                    @break
                    @case(2)
                    <div class="btns link_gray6">
                        <div class="qs-btn qs-btn-medium qs-btn-blue qs-btn-inline yaoqingbtn" id="interview2">发送面试邀请</div>
                    </div>
                    @if($resume->label_resume)
                        @foreach($resume->label_arr as $k=>$v)
                            <div class="set label_resume @if($resume->label_id == $k) select @endif" data="{{$k}}" label_type="{{$resume->label_type}}">{{$v}}</div>
                        @endforeach
                    @endif
                    <div class="clear"></div>
                    @break
                    @case(3)
                    <div class="btns link_gray6">
                        <div class="qs-btn qs-btn-medium qs-btn-blue qs-btn-inline yaoqingbtn" id="interview3">发送面试邀请</div>
                    </div>
                    @if($resume->label_resume)
                        @foreach($resume->label_arr as $k=>$v)
                            <div class="set label_resume @if($resume->label_id == $k) select @endif" data="{{$k}}" label_type="{{$resume->label_type}}">{{$v}}</div>
                        @endforeach
                    @endif
                    <div class="clear"></div>
                    @break
                    @case(5)
                    <div class="btns link_gray6">
                        <div class="qs-btn qs-btn-medium qs-btn-blue qs-btn-inline yaoqingbtn" id="interview3">投递简历</div>
                    </div>
                    @if($resume->label_resume)
                        @foreach($resume->label_arr as $k=>$v)
                            <div class="set label_resume @if($resume->label_id == $k) select @endif" data="{{$k}}" label_type="{{$resume->label_type}}">{{$v}}</div>
                        @endforeach
                    @endif
                    <div class="clear"></div>
                    @break
                @endswitch
            </div>
        @endif
        <input type="hidden" value="" id="job">
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/pad/fastclick.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/qsToast.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/QSpopout.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/QSfilter.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/zepto.hwSlider.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/scrollTo.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/imageScrool.js')}}"></script>
    <script type="text/javascript">
        (function(){
            /*
                注意：$.mggScrollImg返回的scrollImg对象上有
                        next，prev，go三个方法，可以实现外部对滚动索引的控制。
                如：scrollImg.next();//会切换到下一张图片
                    scrollImg.go(0);//会切换到第一张图片
            */
            $.mggScrollImg('.scrollbox',{
                loop : true,//循环切换
                auto : true//自动切换
            });
        })();
        $('.js-back').on('click', function () {
            window.history.back(-1);
        });
        $('.more').on('click',function(){
            var prev = $(this).prev();
            var child = $(this).children('.showbtn');
            if(prev.hasClass('desc')){
                prev.removeClass('desc');
                child.addClass('topbtn');
                child.html('收起信息');
            }else{
                prev.addClass('desc');
                child.removeClass('topbtn');
                child.html('展开信息');
            }
        });


        // 下载简历
        $(".downbtn").on('click',function(){
            var url = "{{route('hardware.pad.search.resume.down')}}";
            var rid = "{{$resume->id}}";
            $.getJSON("{{route('hardware.pad.search.resume.down')}}",{rid:rid},function(data){
                if(data.status==1){
                    var dialog = new QSpopout();
                    dialog.setContent(data.html);
                    if(data.params.mode=='no'){
                        dialog.setBtn(1,'确定');
                    }
                    else if(data.params.mode=='pay'){
                        dialog.setBtn(1,'取消');
                    }else{
                        dialog.getPrimaryBtn().on('click', function () {
                            $.ajax({
                                type: 'POST',
                                url: url,
                                data: {rid:rid,_token:"{{csrf_token()}}"},
                                success: function(res){
                                    if (res.status == 1) {
                                        qsToast({type:1,context: '下载简历成功！'});
                                        setTimeout(function(){
                                            window.location.reload();
                                        },2000);
                                    } else {
                                        qsToast({type:2,context: res.msg});
                                        return false;
                                    }
                                },
                                error: function(error){
                                    if(error.status == 500 || error.status == 400){
                                        qsToast({type:2,context: error.responseJSON.message});
                                        return false;
                                    }
                                }
                            });
                        });
                    }
                    dialog.show();
                }else{
                    qsToast({type:2,context: data.msg});
                }
            });
        });
        //发送邀请 type:3 or 5
        $("#interview3").on("click", function(){
            var radio = "{!! $html  !!}";
            var type = "{{$type}}";
            var url = "{{route('hardware.pad.interview.interview')}}";
            if(type == 3){
                var toUrl = "{{route('hardware.pad.interview.list')}}";
                var msg = "面试邀请成功";
            }else{
                var toUrl = "{{route('hardware.pad.resume.index')}}";
                var msg = "投递成功";
            }
            if(radio == ''){
                var dialog1 = new QSpopout();
                dialog1.setContent('请先添加职位');
                dialog1.show();
                return ;
            }
            var dialog = new QSpopout('请选择邀请岗位');
            dialog.setContent('<div class="check_jobs">'+radio+'</div>');
            $(".job").change(function() {
                $("#job").val(this.value);
            });
            dialog.getPrimaryBtn().on('click', function () {
                var job_id = $("#job").val();
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        job_id:job_id,
                        _token:"{{csrf_token()}}",
                        resume_id :"{{$resume->id}}",
                        type :type,
                        personal_uid :"{{$resume->uid}}"
                    },
                    success: function(res){
                        if (res.status == 1) {
                            qsToast({type:1,context:msg});
                            setTimeout(function(){
                                location.href = toUrl;
                            },2000);
                        } else {
                            qsToast({type:2,context: res.msg});
                            return false;
                        }
                    },
                    error: function(error){
                        if(error.status == 500 || error.status == 400){
                            qsToast({type:2,context: error.responseJSON.message});
                            return false;
                        }
                    }
                });
            });
            dialog.show();
        });

        //发送邀请 type:2
        $("#interview2").on("click", function(){
            var type = "{{$type}}";
            var url = "{{route('hardware.pad.interview.interview')}}";
            var dialog = new QSpopout();
            dialog.setContent('您确定要邀请吗');
            dialog.getPrimaryBtn().on('click', function () {
                var job_id = $("#job").val();
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        _token:"{{csrf_token()}}",
                        apply_id :"{{$apply_id}}",
                        type : type,
                    },
                    success: function(res){
                        if (res.status == 1) {
                            qsToast({type:1,context: '面试邀请成功！'});
                            setTimeout(function(){
                                location.href = "{{route('hardware.pad.receive.list')}}";
                            },2000);
                        } else {
                            qsToast({type:2,context: res.msg});
                            return false;
                        }
                    },
                    error: function(error){
                        if(error.status == 500 || error.status == 400){
                            qsToast({type:2,context: error.responseJSON.message});
                            return false;
                        }
                    }
                });
            });
            dialog.show();
        });
    </script>
@endsection