@extends('jkq.module.layouts.main_index')

@push('meta')

@endpush

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

@push('js')

@endpush

@section('content')
    <div class="com-se-group">
        <div class="com-se-main">
            <div class="main-sty">
                @if(config('aix.companyset.search_com.search_basic.jobsearch_key_first_choice')==1)
                    <div class="sty-cell J_sli_jc @if($search_type=='jobs' || $search_type=='') select @endif" data-type="jobs">搜职位<div class="sty-aow"></div></div>
                @elseif(config('aix.companyset.search_com.search_all.j_fulltext')==1)
                    <div class="sty-cell J_sli_jc @if($search_type=='full' || $search_type=='') select @endif" data-type="full">全文<div class="sty-aow"></div></div>
                @endif
                @if(config('aix.companyset.search_com.search_all.j_fulltext')==0 && config('aix.companyset.search_com.search_basic.jobsearch_key_first_choice')==0)
                    <div class="sty-cell J_sli_jc @if($search_type=='jobs' || $search_type=='') select @endif" data-type="jobs">搜职位<div class="sty-aow"></div></div>
                @endif
                <div class="sty-cell J_sli_jc @if($search_type=='company') select @endif" data-type="company">搜企业<div class="sty-aow"></div></div>
                @if(config('aix.companyset.search_com.search_all.j_fulltext')==1 && config('aix.companyset.search_com.search_basic.jobsearch_key_first_choice')==1)
                    <div class="sty-cell J_sli_jc @if($search_type=='full') select @endif" data-type="full">全文<div class="sty-aow"></div></div>
                @endif
                <div class="clear"></div>
            </div>
            <form id="ajax_search_location" action="" method="get">
                <div class="ip-group">
                    <div class="ip-box"><input type="text" id="autoKeyInput" name="key" data-original="@if(array_get($params, 'key')){{urldecode(urldecode(array_get($params, 'key')))}}@endif"  value="@if(array_get($params, 'key')){{urldecode(urldecode(array_get($params, 'key')))}}@endif" placeholder="请输入企业名称"></div>
                    <div class="ip-btn"><input type="submit" class="sobut J_hoverbut" value="搜企业"></div>
                    <div class="clear"></div>
                    <input type="hidden" name="search_type" value="{{$search_type}}">
                </div>
                @if($job_hotwords)
                    <div class="hotword link_gray9 font_gray9 nowrap" id="job_hotword"  style="display:none;">
                        热门关键字：
                        @foreach($job_hotwords as $k => $v)
                            <a href='{{route("jobs",array("key"=>$v["w_word"]))}}'>{{$v['w_word']}}</a>
                        @endforeach
                    </div>
                @endif
                @if($company_hotwords->isNotEmpty())
                    <div class="hotword link_gray9 font_gray9 nowrap" id="company_hotword">
                        热门关键字：
                        @foreach($company_hotwords as $k => $v)
                            <a href='{{route("jobs.companyList",array("key"=>$v->w_word))}}'>{{$v->w_word}}</a>
                        @endforeach
                    </div>
                @endif
            </form>
        </div>
    </div>

    <div class="com-se-filter">
        <div class="com-se-line">
            <div class="csl-left">企业性质</div>
            <div class="csl-right">
                @if($categories['AIX_company_type'])
                    <div onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("nature"=>"")))}}'" data-code="0" title="不限" class="csl-cell @if(array_get($params,'nature')=='') select @endif">不限</div>
                    @foreach($categories['AIX_company_type'] as $k=>$v)
                        <div onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("nature"=>$v["id"])))}}'" data-code="{{$v['id']}}" title="{{$v['demand']}}" class="csl-cell @if(array_get($params,'nature')==$v['id']) select @endif">
                            {{$v['demand']}}
                        </div>
                    @endforeach
                @endif
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="com-se-line J_trade">
            <div class="csl-left">行业类别</div>
            <div class="csl-right">
                @if($categories['AIX_trade'])
                    <div onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("trade"=>"")))}}'" data-code="0" title="不限" class="csl-cell @if(array_get($params,'trade')=='') select @endif">不限</div>
                    @foreach($categories['AIX_trade'] as $k=>$v)
                        <div onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("trade"=>$v["id"])))}}'" data-code="{{$v['id']}}" title="{{$v['demand']}}" class="csl-cell @if(array_get($params,'trade')==$v['id']) select @endif">
                            {{$v['demand']}}
                        </div>
                    @endforeach
                @endif
                <div class="clear"></div>
            </div>
            <div class="more">
                <div class="J_showTrade mbtn close">展开</div>
                <script type="text/javascript">
                    $('.J_trade .csl-cell').each(function(index, el) {
                        if (index > 15) {
                            $(this).addClass('for_up');
                        }
                    })
                    var selectIndex = $('.J_trade .csl-cell').index($('.J_trade .csl-cell.select'));
                    if (selectIndex > 15) {
                        $('.J_showTrade').removeClass('close');
                        $('.J_showTrade').text('收起');
                        $('.for_up').show();
                    }
                    $('.J_showTrade').off().on('click', function(event) {
                        if ($(this).hasClass('close')) {
                            $(this).removeClass('close');
                            $(this).text('收起');
                            $('.for_up').show();
                        } else {
                            $(this).addClass('close');
                            $(this).text('展开');
                            $('.for_up').hide();
                        }
                    })
                </script>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <div class="com-res-group">
    {{--过滤条件--}}
        @if($params)
        <div class="selected J_selected">
            <div class="stit">已选条件</div>
            <div class="sc">
                {{--关键字--}}
                @if(array_get($params, 'key'))
                    <div class="slist" onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("key"=>"")))}}'">
                        <span>关键字：</span>{{urldecode(urldecode($params['key']))}}
                    </div>
                @endif
                {{--企业性质--}}
                @if(array_get($params, 'nature'))
                    <div class="slist" onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("nature"=>"")))}}'">
                        <span>企业性质：</span>
                        {{$categories['AIX_company_type'][$params['nature']]['demand']}}
                    </div>
                @endif
                {{--行业类别--}}
                @if(array_get($params, 'trade'))
                    <div class="slist" onclick="javascript:location.href='{{route("jobs.companyList",array_merge($params, array("trade"=>"")))}}'">
                        <span>企业性质：</span>
                        {{$categories['AIX_trade'][$params['trade']]['demand']}}
                    </div>
                @endif
            </div>
            <div class="sr">
                <div class="empty" onclick="javascript:location.href='{{route("jobs.companyList")}}'">清空</div>
            </div>
            <div class="clear"></div>
        </div>
        @endif
    </div>

    <div class="com-sel-group">
        @if($list->total())
            @foreach($list_items as $key => $val)
            <div class="com-sel-line J_comList">
                <div class="csl-left"><img src="{{$val->logo}}"></div>
                <div class="csl-right">
                    <div class="csl-line">
                        <div class="csr-left"><a href="{{$val->company_url }}">{{$val->companyname}}</a></div>
                        <div class="csr-right" style="display: none;">{{$val->refresh_time}}</div>
                        <div class="clear"></div>
                    </div>
                    <div class="csl-line">
                        {{ $val->district_cn }}
                        &nbsp;&nbsp;&nbsp;&nbsp;{{$val->nature_cn}}
                        &nbsp;&nbsp;&nbsp;&nbsp;{{$val->trade_cn}}
                        &nbsp;&nbsp;&nbsp;&nbsp;{{$val->scale_cn}}&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="{{$val->comjobs_url}}" class="n">在招职位（{{$val->jobs_count}}）</a>
                    </div>
                    <div class="csl-des">
                        {{$val->contents}}
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            @endforeach
            <div class="qspage">{{ $list->appends($params)->links('module.widgets.pagination') }}</div>
        @else
        <div class="list_empty_group">
            <div class="list_empty">
                <div class="list_empty_left"></div>
                <div class="list_empty_right">
                    <div class="sorry_box">对不起，没有找到符合您条件的企业！</div>
                    <div class="stips_box">放宽您的查找条件也许有更多合适您的企业哦~</div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        @endif
    </div>

    <script type="text/javascript" src="{{theme_asset('app/js/jquery.jobslist.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.highlight-3.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.autocomplete.js')}}"></script>
@endsection

@section('script')
    <script>
        $(function(){
            // 搜索类型切换
            $('.J_sli_jc').click(function() {
                $(this).addClass('select').siblings().removeClass('select');
                var indexValue = $('.J_sli_jc').index(this);
                var typeValue = $.trim($(this).data('type'));
                if (typeValue == 'company') {
                    $('#ajax_search_location').attr('action', "{{route('jobs.companyList', array('list_type'=>'AIX_companylist'))}}");
                    $('#company_hotword').show();
                    $('#job_hotword').hide();
                    $.getJSON("{{route('list.type')}}",{action:'hotword',type:2});
                } else {
                    $('#ajax_search_location').attr('action', "{{route('jobs', array('list_type'=>'AIX_jobslist'))}}");
                    $('#job_hotword').show();
                    $('#company_hotword').hide();
                    $.getJSON("{{route('list.type')}}",{action:'hotword',type:1});
                }
                $('input[name="search_type"]').val(typeValue);
            });
            // 关键字联想
            var hotKey = $('#autoKeyInput').autocomplete({
                serviceUrl:"{{route('hot_word')}}",
                minChars:1,
                maxHeight:400,
                width:276,
                zIndex: 1,
                deferRequestBy: 0
            });
             // 关键字高亮
             var keyWords = $('input[name="key"]').val();
             if (keyWords.length) {
                 $('.J_comList').highlight(keyWords);
             }

            $('.com-sel-line').eq($('.com-sel-line').length-1).addClass('last');
            if ($('.J_selected .slist').length) {
                $('.J_selected').show();
            }
        });

    </script>
@endsection