@extends('module.layouts.main')
@push('meta')

@endpush

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

@endpush
@push('js')
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/htmlspecialchars.js')}}"></script>
@endpush
@section('content')
    {{--<div class="new-search-box" style="background-image: url(../data/upload/sebanner5.jpg);">--}}
    <div class="new-search-box" style="background-image: url({{ asset('data/upload/sebanner5.jpg') }});">
        <div class="ns-main">
            <div class="main-sty">
                <div class="sty-cell J_sli_jc select" data-type="full">全文<div class="sty-aow"></div></div>
                <div class="sty-cell J_sli_jc" data-type="jobs">搜职位<div class="sty-aow"></div></div>
                <div class="sty-cell J_sli_jc" data-type="company">搜企业<div class="sty-aow"></div></div>
                <div class="clear"></div>
            </div>
            <div class="main-sip">
                <div class="ip-group">
                    <form id="ajax_search_location" action="" method="get">
                        <div class="ip-box"><input type="text" name="key" id="autoKeyInput" data-original="" value="" placeholder="请输入关键字" /></div>
                        <div class="for-border"></div>
                        <div class="ip-city" data-toggle="funCityModal" data-title="请选择地区" data-multiple="false" data-maximum="0" data-width="630">选择地区</div>
                        <input type="hidden" name="search_type" value="" />
                        <input id="searchCityModalCode" type="hidden" name="citycategory" value="" />
                        <input id="recoverSearchCityModalCode" type="hidden" name="" value="" />
                        <input type="hidden" name="jobcategory" value="" />
                        <input class="J_forclear" type="hidden" name="jobtag" value="" />
                        <input class="J_forclear" type="hidden" name="wage" value="" />
                        <input class="J_forclear" type="hidden" name="trade" value="" />
                        <input class="J_forclear" type="hidden" name="scale" value="" />
                        <input class="J_forclear" type="hidden" name="nature" value="" />
                        <input class="J_forclear" type="hidden" name="education" value="" />
                        <input class="J_forclear" type="hidden" name="experience" value="" />
                        <input class="J_forclear" type="hidden" name="settr" value="" />
                        <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="ip-txt link_white J_sub_s"><a href="">分类搜索</a></div>
                <div class="ip-txt J_map_some link_white">
                    <div class="cur-map-pos" title=""></div>
                    <a class="for-div" href="javascript:;" id="popupBox">就业E图</a>
                    <a class="map-clear" href="{:url_rewrite('QS_jobslist')}">清除</a>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!--搜素-->
    <div class="so_condition J_so_condition">
        <div class="lefttit">地标地段</div>
        <div class="rs">
            <div  class="li">全江苏</div>
            <div  class="li">南京市</div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="lefttit">职位薪资</div>
        <div class="rs">
            <div class="li select">不限</div>
            @forelse($wage as $key=>$val)
            <div class="li " id="wage{{$key}}">{{$val}}</div>
                @empty
            @endforelse
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="lefttit">职位亮点</div>
        <div class="rs">
            <div class="li select">不限</div>
            @forelse($tag as $key=>$val)
            <div class="li " id="tag{{ $key }}">{{ $val }}</div>
                @empty
            @endforelse
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="lefttit">更多筛选</div>
        <div class="rs">
            <div class="bli J_dropdown">
                <span class="txt" title="所属行业">所属行业</span>
                <div class="dropdowbox_searchtrade J_dropdown_menu">
                    <div class="dropdow_inner_searchtrade">
                        <ul class="nav_box">
                            @forelse($trade as $key=>$val)
                            <li data-code="{{ $key }}" title="{{ $val }}">{{ $val }}</li>
                            @empty
                            @endforelse
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="bli J_dropdown">
                <span>企业规模</span>
                <div class="dropdowbox_noa J_dropdown_menu">
                    <div class="dropdow_inner_noa">
                        <ul class="nav_box">
                            @forelse($scale as $key=>$val)
                            <li data-code="{{ $key }}">{{ $val }}</li>
                            @empty
                                @endforelse
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="bli J_dropdown">
                <span>工作性质</span>
                <div class="dropdowbox_noa J_dropdown_menu">
                    <div class="dropdow_inner_noa">
                        <ul class="nav_box">
                            @forelse( $jobsNature as $key=>$val)
                            <li data-code="{{ $key }}">{{ $val }}</li>
                            @empty
                            @endforelse
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="bli J_dropdown">
                <span>学历要求</span>
                <div class="dropdowbox_noa J_dropdown_menu">
                    <div class="dropdow_inner_noa">
                        <ul class="nav_box">
                            <li data-code="0">不限</li>
                            @forelse( $education as $key=>$val)
                            <li data-code="{{ $key }}">{{ $val }}</li>
                                @empty
                            @endforelse

                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="bli J_dropdown">
                <span>工作经验</span>
                <div class="dropdowbox_noa J_dropdown_menu">
                    <div class="dropdow_inner_noa">
                        <ul class="nav_box">
                            <li data-code="0">不限</li>
                            @forelse($experience as $key=>$val)
                            <li data-code="{{ $key }}">{{ $val }}</li>
                                @empty
                            @endforelse
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="bli J_dropdown">
                <span>更新时间</span>
                <div class="dropdowbox_noa J_dropdown_menu">
                    <div class="dropdow_inner_noa">
                        <ul class="nav_box">
                            <li data-code="3">3天内</li>
                            <li data-code="7">7天内</li>
                            <li data-code="15">15天内</li>
                            <li data-code="30">30天内</li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="selected J_selected" style="display: block;">
            <div class="stit">已选条件</div>
            <div class="sc">
                <div class="slist"><span>职位亮点：</span>环境好</div>																												<div class="clear"></div>
            </div>
            <div class="sr">
                <div class="empty">清空</div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!--职位列表-->
    <div class="plist">
        <div class="pl">
            <div class="toptitle">
                <div class="ltype">
                    <div class="typeli select">所有职位</div>
                    <div class="typeli">名企招聘</div>
                    <div class="clear"></div>
                </div>
                <div class="ts">
                    <div class="l1 "></div>
                    <div class="l2"></div>
                    <div class="l2 ">
                        <div class="radio_group">
                            <div class="radiobox"></div>
                            <div class="radiotxt">营业执照已认证</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="J_detailList l3 select" title="切换到详细列表"></div>
                    <div class="J_detailList l4 " title="切换到简易列表" show_type="1"></div>
                    <div class="l5">
                        <div class="next" title="下一页" >&gt;</div><span>1</span>/50页<div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="sort">
                    <div class="sl1">排序方式：</div>
                    <a class="sl2 select">综合排序</a><a class="sl2">更新时间</a>
                    <div class="clear"></div>
                </div>
            </div>
            <!--列表 -->
            <div class="listb J_allListBox">
                @forelse($data as $val)
                <div class="J_jobsList yli" data-jid="{{ $val->id }}">
                    <div class="td1"><div class="J_allList radiobox"></div></div>
                    <div class="td2 link_blue link_visited ">
                        <div class="td-j-name"><a href="" target="_blank" title="{{ $val->jobs_name }}">{{ $val->jobs_name }}</a></div>
                        <div class="td-j-img"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="td3 link_gray6">
                        <a class="line_substring" target="_blank">{{ $val->company_name }}</a>
                        @if($val->company_audit)
                        <img src="../data/upload/resource/auth.png" title="认证企业" />
                        @endif
                        @if($val->company->setmeal_id)
                        <img src="../data/upload/setmeal_img/{{ $val->company->setmeal_id }}.png" title="{{ $val->company->setmeal_name }}" />
                        @endif
                        <div class="clear"></div>
                    </div>
                    <div class="td4">{{ $val->wage_cn }}</div>
                    <div class="td5"><img src="../public/images/stick.png"></div>
                    <div class="td6"><div class="J_jobsStatus hide "></div> </div>
                    <div class="clear"></div>
                    <div class="detail">
                        <div class="ltx">
                            <div class="txt font_gray6">学历：中专<span>|</span>经验：2年工作经验<span>|</span>职位性质：全职<span>|</span>人数：1人<span>|</span>地点：福建/泉州/石狮市</div>
                            <div class="dlabs">
                                <div class="dl">五险一金</div><div class="dl">包食宿</div><div class="dl">全勤奖</div><div class="dl">压力小</div><div class="dl">旅游</div>									<div class="clear"></div>
                            </div>
                        </div>
                        <div class="rbtn ">
                            <div class="deliver J_applyForJob" data-batch="false" data-url="">投递简历</div>
                            <div class="favorites  J_collectForJob" data-batch="false" data-url="">收藏</div>
                            <div class="map-area"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                    @empty
                    <div class="listb J_allListBox">
                        <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>		</div>

                @endforelse
                <!--投递按钮 -->
                <div class="listbtn">
                    <div class="td1"><div class="radiobox J_allSelected"></div></div>
                    <div class="td2">
                        <div class="lbts J_applyForJob" data-batch="true" data-url="">申请职位</div>
                        <div class="lbts J_collectForJob" data-batch="true" data-url="">收藏职位</div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="qspage"> <a class="unable">上一页</a>  <span class="current">1</span> <a>2</a> <a >3</a>	<a>下一页</a><a>最后一页</a>	</div>
            </div>
        </div>
        <div class="pr">
            <!--紧急招聘 -->
            <div class="lisbox link_gray6">
                <div class="t">最新职位</div>
                <div class="eyl">
                    <div class="jname substring"><a>助理</a></div>
                    <div class="city substring">面议</div>
                    <div class="clear"></div>
                    <div class="etxt substring"><a>厦门胜烨贸易有限公司</a></div>
                    <div class="etxt substring">福建/泉州/石狮市</div>
                </div>
                <div class="eyl">
                    <div class="jname substring"><a>会计面谈</a></div>
                    <div class="city substring">面议</div>
                    <div class="clear"></div>
                    <div class="etxt substring"><a>泉州千方广告有限公司</a></div>
                    <div class="etxt substring">福建/泉州/石狮市</div>
                </div>
                <div class="eyl">
                    <div class="jname substring"><a>电商客服</a></div>
                    <div class="city substring">面议</div>
                    <div class="clear"></div>
                    <div class="etxt substring"><a>石狮市杰壹贸易有限公司</a></div>
                    <div class="etxt substring">福建/泉州/石狮市</div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div id="mapShowC" style="display: none"></div>
    {{--<script type="text/javascript" src="../public/js/jquery.jobslist.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.search.city.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.modal.search.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.dropdown.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.listitem.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.highlight-3.js"></script>--}}
    {{--<script src="http://static.geetest.com/static/tools/gt.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.mapjob.js"></script>--}}
    {{--<script type="text/javascript" src="../public/js/jquery.autocomplete.js"></script>--}}
    <script type="text/javascript">
        // 搜索类型切换
        $('.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', "{:U('ajaxCommon/ajax_search_location',array('type'=>'QS_companylist'))}");
            } else {
                $('#ajax_search_location').attr('action', "{:U('ajaxCommon/ajax_search_location',array('type'=>'QS_jobslist'))}");
            }
            $('input[name="search_type"]').val(typeValue);
        });
    </script>
@endsection