@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')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/style.css')}}"/>
    <style type="text/css">
        body{ overflow: auto; max-width: 100%;}
        .resume-list-wrap{max-width: 1024px;margin: 0 auto;}
        .topbg .soimput{ color: #000; }
        .qspageso .topbg .rightbtn-so{ background: #0190dc; border: none; }
        a:hover {color: #333}
    </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')
    <header class="global-header">
        <div class="header-left" style="display:none;">
            <a href="{{route('hardware.pad.index')}}" class="header-back" id="pageback"><i class="w-icon w-icon-home"></i></a>
        </div>
        <div class="menu_title"><span class="title-only">搜索简历</span></div>
        <div class="header-right">
            <a href="{{route('hardware.pad.index')}}" class="header-back" id="pageback"><i class="w-icon w-icon-home"></i></a>
        </div>
    </header>
<div class="resume-list-wrap">
    <div class="qspageso link_gray6">
        <div class="topbg">
            <input value="" type="text" class="soimput" id="J_soinput" placeholder="请输入关键字"/>
            <div class="so-close js-so-close"></div>
            <div class="rightbtn for-event cancel" id="J_submit">取消</div>
        </div>
        <div class="history"></div>
        <div class="clearkey  for-event" id="J_cleanhistory" style="display:none;">清空关键字</div>
        <script type="text/javascript" src="{{theme_asset('mobile/js/zepto.cookie.min.js')}}"></script>
        <script>
            $('.js-so-close').on('click', function () {
                $(this).closest('.topbg').find('.soimput').val('');
                $('#J_submit').addClass('rightbtn');
                $('#J_submit').removeClass('rightbtn-so');
                $('#J_submit').addClass('cancel');
                $('#J_submit').html('取消');
            })
            if($('#J_soinput').val()){
                $('#J_submit').addClass('rightbtn-so');
                $('#J_submit').removeClass('rightbtn');
                $('#J_submit').removeClass('cancel');
                $('#J_submit').html('搜索');
            }
            get_history($('.history'));
            function get_history(d){
                var b = "", hlength = 0;
                var searchHistoryArr = new Array();
                if ($.fn.cookie("searchHistory")) {
                    searchHistoryArr = $.fn.cookie("searchHistory").split(",");
                };
                if (searchHistoryArr.length == 0) {
                    d.hide();
                    return false
                }
                $.each(searchHistoryArr.reverse(), function(index, val) {
                    hlength += 1;
                    b += '<div class="record"><div class="keyimg history_go" data-self="'+val+'">'+val+'</div><div class="delimg close for-event"></div><div class="clear"></div></div>';
                });
                if (hlength > 0) {
                    d.empty().html(b);
                    $("#J_cleanhistory").show();
                    $(".history_go").on("click", function() {
                        searchGo($(this).data("self"));
                    });
                    $(".record .close").on("click", function() {
                        var searchHistoryArr = $.fn.cookie("searchHistory").split(","),
                            val = $(this).prev().data("self"),
                            index = $.inArray(val,searchHistoryArr);
                        if (index >= 0) {
                            searchHistoryArr.splice(index,1);
                        };
                        $.fn.cookie("searchHistory",searchHistoryArr,{ path: '/' });
                        $(this).parent().remove();
                    });
                } else {
                    d.empty();
                    $("#J_cleanhistory").hide()
                }
            }
            function add_history(key){
                if (key.length > 0) {
                    var searchHistoryArr = new Array();
                    if ($.fn.cookie("searchHistory")) {
                        searchHistoryArr = $.fn.cookie("searchHistory").split(",");
                        var isOnly = true;
                        $.each(searchHistoryArr, function(index, val) {
                            if (val == key) {
                                isOnly = false;
                            };
                        });
                        if (isOnly) {
                            if (searchHistoryArr.length >= 5) {
                                searchHistoryArr.splice(0,1);
                            }
                            searchHistoryArr.push(key);
                        };
                    } else {
                        searchHistoryArr.push(key);
                    };
                    $.fn.cookie("searchHistory",searchHistoryArr,{ path: '/' });
                }
            }
            function searchGo(key) {
                if(key.length<2){
                    console.log('关健字长度需大于2个字！');
                    qsToast({type:2,context:'关健字长度需大于2个字！'});
                    return false;
                }
                add_history(key);
                var url = "{{route('hardware.pad.search.resume.search')}}"+"?key="+key;
                window.location.href=url;
            }
            $('.topbg .soselect').on('click', function () {
                $('.topbg').toggleClass('for-type');
            })
            $('.choose-s-type-cell .qs-center').on('click', function () {
                var stypeCode = $(this).find('.choose-s-type-list').data('code');
                var stypeTitle = $(this).find('.choose-s-type-list').data('title');
                $('.for-type-code').val(stypeCode);
                $('.for-type-txt').text('搜' + stypeTitle);
                $('.topbg').toggleClass('for-type');
            });
            $('#J_submit').on('click',function(){
                if($(this).hasClass('cancel')){
                    $('.qspageso').toggle();
                }else{
                    searchGo($('#J_soinput').val());
                }
            });
            $("#J_cleanhistory").on("click", function() {
                $(this).hide();
                $(".history").hide();
                $.fn.cookie('searchHistory', null,{ path: '/' });
            });
            $('#J_soinput').on('keyup',function(){
                if($(this).val()!=''){
                    $('#J_submit').addClass('rightbtn-so');
                    $('#J_submit').removeClass('rightbtn');
                    $('#J_submit').removeClass('cancel');
                    $('#J_submit').html('搜索');
                }else{
                    $('#J_submit').addClass('rightbtn');
                    $('#J_submit').removeClass('rightbtn-so');
                    $('#J_submit').addClass('cancel');
                    $('#J_submit').html('取消');
                }
            });
            $('.hotword').on('click',function(){
                add_history($(this).text());
                window.location.href=$(this).attr('href');
                return false;
            });
        </script>
    </div>
    <div class="split-block-title">
        <div class="sbox js-show-qspageso" >
            请输入意向职位等关键字
            <script>
                // 显示搜索层
                $('.js-show-qspageso').on('click', function(){
                    $('.qspageso').toggle();
                });
            </script>
        </div>
    </div>
    <div class="list-split-block lower"></div>
    @if($list_items)
        @foreach($list_items as $key=>$value)
            <div onclick="location.href='{{route('hardware.pad.search.resume.show',['id'=>$value->id,'type'=>1])}}'">
                <div class="resume-list-item for-event" >
                    <div class="info">
                        <div class="line-one">
                            <div class="real-name substring font16">

                                {{$value->resume_display_name}}
                                @if($value->talent==1)
                                    <a class="adv"></a>
                                @endif
                                @if($value->personTag)
                                    <span>{{$value->personTag->tag_cn}}</span>
                                @endif
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="line-two font14 substring">
                            {{$value->sex_cn}} / {{date("Y") - $value->memberInfos->birthday}}岁 / {{$value->education_cn}} / {{$value->experience_cn }}工作经验
                        </div>
                        @if($value->tag_cn)
                            <div class="line-three font12">
                                @foreach(explode(',',$value->tag_cn) as $val)
                                    <div class="resume-tag">{{$val}}</div>
                                @endforeach
                            </div>
                            <div class="clear"></div>
                        @endif
                        <div class="line-four font13 substring">
                            意向地区: {{ $value->district_cn ? $value->district_cn : '不限'}}
                        </div>
                        </if>
                    </div>
                    <div class="intent-jobs font13 substring">
                        意向职位: {{$value->intention_jobs }}
                    </div>
                </div>
            </div>
            <div class="list-split-block"></div>
        @endforeach
        {{$list->links('module.widgets.pagination')}}
    @else
        <div class="list-split-block"></div>
        <div class="list-empty link_blue">
            抱歉，没有找到符合您条件的简历！<br />
            放宽搜索条件也许有更多合适您的简历哦~
        </div>
    @endif
</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/qsCategory.js')}}"></script>

    <script>
        var QS_major_parent = eval('<?php echo json_encode($category['major']['first']);?>');
        for(var i = 0;i <QS_major_parent.length;i ++){
            QS_major_parent[i].step_size = 0;
        }
        var major = '<?php echo json_encode($category['major']['sec']);?>';
        var QS_major = eval('('+major+')');
        for(var i = 0;i <QS_major.length;i ++){
            QS_major[i].step_size = 0;
        }
        /**
         * 读取缓存文件中的专业类别
         */
        var revalMajor = "{{$params['major'] or ''}}";
        if (QS_major_parent) {
            var majorHtml = '<li class="selected"><a href="javascript:;" class="f-more-back-a" data-type="major" data-title="不限" data-code="0">不限</a></li>';
            $.each(QS_major_parent, function (key, value) {
                if (value.split(',')) {
                    var level2Id = value.split(',')[0];
                    if (QS_major[level2Id]) {
                        var level2Arr = QS_major[level2Id].split('`');
                        if (level2Arr) {
                            for (var i = 0; i < level2Arr.length; i++) {
                                if (level2Arr[i].split(',')[0] == revalMajor) {
                                    majorHtml += '<li class="selected"><a href="javascript:;" class="f-more-back-a select" data-type="major" data-title="' + level2Arr[i].split(',')[1] + '" data-code="' + level2Arr[i].split(',')[0] + '">' + level2Arr[i].split(',')[1] + '</a></li>';
                                } else {
                                    majorHtml += '<li class="selected"><a href="javascript:;" class="f-more-back-a" data-type="major" data-title="' + level2Arr[i].split(',')[1] + '" data-code="' + level2Arr[i].split(',')[0] + '">' + level2Arr[i].split(',')[1] + '</a></li>';
                                }
                            }
                        }
                    }
                }
            })
            $('.for-temp-major-group').html(majorHtml);
        }
    </script>
@endsection