@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="new-search-box" >
        <div class="ns-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>
            <div class="main-sip">
                <div class="ip-group">
                    <form id="ajax_search_location" action="{{route('jobs', array('type'=>'AIX_jobslist'))}}" method="get">
                        <div class="ip-box"><input type="text" name="key" id="autoKeyInput" value="" placeholder="请输入关键字" autocomplete="off"></div>
                        <div class="for-border"></div>
                        <div class="ip-city">经济开发区</div>
                        <input type="hidden" name="search_type" value="@if(config('aix.companyset.search_com.search_basic.jobsearch_key_first_choice')==1) jobs @else full @endif">
                        <input type="hidden" name="type" id="type" value="AIX_jobslist">
                        <input id="searchCityModalCode" type="hidden" name="citycategory" value="">
                        <input id="recoverSearchCityModalCode" type="hidden" name="" value="quanzhou">
                        <input type="hidden" name="lng" id="lng" value="">
                        <input type="hidden" name="lat" id="lat" value="">
                        <input type="hidden" name="ldLng" id="ldLng" value="">
                        <input type="hidden" name="ldLat" id="ldLat" value="">
                        <input type="hidden" name="ruLng" id="ruLng" value="">
                        <input type="hidden" name="ruLat" id="ruLat" value="">
                        <div class="ip-btn"><input type="submit" class="sobut J_hoverbut" value="找工作"></div>
                    </form>
                </div>
                <div class="clear"></div>
            </div>
            @if($job_hotwords)
                <div class="hotword link_gray9 font_gray9 nowrap" id="job_hotword">
                    热门关键字：
                    @foreach($job_hotwords as $k => $v)
                        <a href='{{route("jkq.jobs",array("key"=>$v["w_word"]))}}'>{{$v['w_word']}}</a>
                    @endforeach
                </div>
            @endif
        </div>
    </div>

    {{--分类信息--}}
    <div class="allclass_1 link_gray6">
        @if($job_cates)
            @if(config('aix.system.site_other.site_other.category_job_level')==3)
                @foreach($job_cates[0] as $k=>$pcate)
                    @foreach($job_cates[$k] as $key=>$scate)
                        <div class="list">
                            <div class="ll">
                                <div class="t">
                                    <li onclick="javascript:location.href='{{route("jkq.jobs",array("jobcategory"=>$scate["spell"]))}}'"><strong class="lil">{{$scate['name']}}</strong></li>
                                </div>
                            </div>
                            <div class="lr">
                                @if(isset($job_cates[$key]) && $job_cates[$key])
                                    @foreach($job_cates[$key] as $i=>$cate)
                                        <li class="lir" leibie="cantfwy" onclick="javascript:location.href='{{route("jkq.jobs",array("jobcategory"=>$cate["spell"]))}}'">{{$cate['name']}}</li>
                                    @endforeach
                                @endif
                            </div>
                            <div class="clear"></div>
                        </div>
                    @endforeach
                @endforeach
            @else
                @foreach($job_cates[0] as $k=>$pcate)
                    <div class="list">
                        <div class="ll">
                            <div class="t">
                                <li><strong class="lil" onclick="javascript:location.href='{{route("jkq.jobs",array("jobcategory"=>$pcate["spell"]))}}'">{{$pcate['name']}}</strong></li>
                            </div>
                        </div>

                        <div class="lr">
                            @foreach($job_cates[$k] as $key=>$cate)
                                <li class="lir" leibie="cantfwy" onclick="javascript:location.href='{{route("jkq.jobs",array("jobcategory"=>$cate["spell"]))}}'">{{$cate['name']}}</li>
                            @endforeach
                        </div>

                        <div class="clear"></div>
                    </div>
                @endforeach
            @endif
        @endif
    </div>

    <input type="hidden" class="map-lng" value="{{subsite_config('aix.system.map.map.map_x')}}">
    <input type="hidden" class="map-lat" value="{{subsite_config('aix.system.map.map.map_y')}}">

    <script type="text/javascript" src="{{theme_asset('app/js/jquery.jobslist.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.search.city.js')}}"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{subsite_config('aix.system.map.map.map_ak')}}&s=1"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.mapjob.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.autocomplete.js')}}"></script>

@endsection

@section('script')
    <script>
        var app_spell = true;
        var qscms = {
            base : "{{$_SERVER['SERVER_NAME']}}",
            keyUrlencode:"0",
            domain : "{{$_SERVER['SERVER_NAME']}}",
            root : "/",
            is_subsite : 0,
            subsite_level : "2", //地区分类层级
            default_district : "{{$district_info['default_district']}}", //默认地区
            default_district_spell : "{{$district_info['default_district_spell']}}" //默认地区拼音
        };
        var QS_city_parent = eval('<?php echo json_encode($category['district']['first']);?>');
        var QS_city_spell_parent = eval('<?php echo json_encode($category['district']['spell']);?>');
        var QS_city = eval(<?php echo json_encode($category['district']['sec']);?>);
        {!! $AIX_city_spell !!}
        var qsMapUrl = "{{route('jkq.jobs', array('lng'=>'lngVal','lat'=>'latVal','ldLng'=>'ldLngVal','ldLat'=>'ldLatVal','ruLng'=>'ruLngVal','ruLat'=>'ruLatVal','range'=>20))}}";
        qsMapUrl = qsMapUrl.replace(/&amp;/g,"&");
        // 搜索类型切换
        $('.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') {
                $('#type').val('AIX_companylist');
                $('#ajax_search_location').attr('action', "{{route('jobs.companyList', array('list_type'=>'AIX_companylist'))}}");
                $.getJSON("{{route('list.type')}}",{action:'hotword',type:2});
                $('#company_hotword').show();
                $('#job_hotword').hide();
            } else {
                $('#ajax_search_location').attr('action', "{{route('jkq.jobs', array('list_type'=>'AIX_jobslist'))}}");
                $('#type').val('AIX_jobslist');
                $.getJSON("{{route('list.type')}}",{action:'hotword',type:1});
                $('#job_hotword').show();
                $('#company_hotword').hide();
            }
            $('input[name="search_type"]').val(typeValue);
        });
        var city_select = <?php echo json_encode(array_get($city,"select"))?>;
        var city_parent = <?php echo json_encode(array_get($city,"parent"));?>;
        if (city_parent) {
            if (app_spell) {
                $('#showSearchModal').text(city_parent['name']);
                $('#recoverSearchCityModalCode').val(city_parent['spell']);
            } else {
                $('#showSearchModal').text(city_parent['name']);
                $('#recoverSearchCityModalCode').val(city_parent['citycategory']);
            }
        } else if(city_select) {
            if (app_spell) {
                $('#showSearchModal').text(city_select['name']);
                $('#recoverSearchCityModalCode').val(city_select['spell']);
            } else {
                $('#showSearchModal').text(city_select['name']);
                $('#recoverSearchCityModalCode').val(city_select['citycategory']);
            }
        }
        $('.J_jobIndexCategory').hover(function() {
            $(this).addClass('select').siblings().removeClass('select');
            var thisIndex = $('.J_jobIndexCategory').index(this);
            $('.J_jobIndexCategoryBox').eq(thisIndex).show().siblings('.J_jobIndexCategoryBox').hide();
        });
        // 关键字联想
        var hotKey = $('#autoKeyInput').autocomplete({
            serviceUrl:"{{route('hot_word')}}",
            minChars:1,
            maxHeight:400,
            width:276,
            zIndex: 1,
            deferRequestBy: 0
        });
    </script>
@endsection