@extends('module.layouts.content')

@push('meta')

@endpush

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

@push('js')

@endpush

@section('content')

    <!-- 头部背景图-->
    <div>
        <div class="part-one part-one-bg mienbg">
            <div class="mien-title">
                <p class="title-o"></p>
                <div class="title-w">
                    <p>各类人才</p>
                    <p>出类拔萃</p>
                </div>
            </div>

        </div>
        <div class="part-two">
            <!-- 隐藏域-->
            <input  id="selected-li" type="hidden" value="{{$personal}}">
            <!-- 左侧菜单-->
            <div id="fixed" class="leftmenu">
                <ul class="leftmenuone" id="leftmenuone">
                    <li class="li-header">
                        <a href="{{route('mien')}}" style="color: #fff;"><span>人才类型</span></a>
                    </li>
                    @if($rccategory)
                        @foreach($rccategory as $k=>$val)
                            <li name="child-li" class="li-content" id="{{$val->id}}">
                                <a href="{{route('mien',array('personal'=>$val->id))}}"><span>{{$val->demand}}</span></a>
                            </li>
                        @endforeach
                    @endif
                </ul>
            </div>
            <div class="right-content">
                <!-- 数据展示-->

                @if($rcinfos && count($rcinfos)>0)
                <ul class="right-content-ul">

                        @foreach($rcinfos as $k=>$val)
                            <a href="{{route('mien.show',array('id'=>$val->id))}}">
                                <li class="right-content-li box">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
                                        <line class="top" x1="0" y1="0.5" x2="235" y2="0.5"/>
                                        <line class="left" x1="0.5" y1="392" x2="0.5" y2="0"/>
                                        <line class="bottom" x1="233" y1="392.5" x2="0" y2="392.5"/>
                                        <line class="right" x1="232.4" y1="0" x2="232.4" y2="392"/>
                                    </svg>
                                    <div class="right-content-images">
                                        <img src="{{upload_asset($val->photo)}}">
                                    </div>
                                    <div class="right-content-infomation">
                                        <h3>{{$val->occupation}}</h3>
                                        <p class="feature-title">{{$val->name}}</p>
                                        <p>{{$val->summary}}</p>
                                    </div>
                                </li></a>
                        @endforeach
                   @else
                </ul>
                @endif
                <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>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
                <hr class="ul-bottom">
                <!-- 分页-->
                <div class="navbar">
{{--                    <ul class="pagination" title="分页列表">--}}
{{--                        <li class="firstPage <if condition='I("get.page",1,"intval") eq 1 '>currentState</if>">--}}
{{--                        <if condition='I("get.page",1,"intval") eq 1 '>--}}
{{--                            <a href="javascript::" title="首页">首页</a>--}}
{{--                            <else />--}}
{{--                            <a href="{:P(array('page'=>1))}" title="首页">首页</a>--}}
{{--                        </if>--}}
{{--                        </li>--}}
{{--                        <li class="previousPage <if condition='I("get.page",1,"intval")-1 eq 0 '>currentState</if>"">--}}
{{--                        <if condition='I("get.page",1,"intval")-1 eq 0 '>--}}
{{--                            <a href="javascript::" title="前一页">前一页</a>--}}
{{--                            <else />--}}
{{--                            <a href="{:P(array('page'=>I('get.page',1,'intval')-1))}" title="前一页">前一页</a>--}}
{{--                        </if>--}}
{{--                        </li>--}}
{{--                        <li>--}}
{{--                            <ol>--}}
{{--                                <for start="1" end="$pages['limt']+1">--}}
{{--                                    <if condition='I("get.page",1,"intval") eq $i '>--}}
{{--                                        <li class="currentState" title="当前页"><a href="javascript:;">{$i}</a></li>--}}
{{--                                        <else />--}}
{{--                                        <li><a title="转到第{$i}页" href="{:P(array('page'=>$i))}">{$i}</a></li>--}}
{{--                                    </if>--}}
{{--                                </for>--}}
{{--                            </ol>--}}
{{--                        </li>--}}
{{--                        <li class="nextPage" <if condition='I("get.page",1,"intval") eq $pages["limt"] '>currentState</if>">--}}
{{--                        <if condition='I("get.page",1,"intval") eq $pages["limt"] '>--}}
{{--                            <a href="javascript:;" title="后一页">后一页</a>--}}
{{--                            <else />--}}
{{--                            <a href="{:P(array('page'=>I('get.page',1,'intval')+1))}" title="后一页">后一页</a>--}}
{{--                        </if>--}}
{{--                        </li>--}}
{{--                        <li class="lastPage" <if condition='I("get.page",1,"intval") eq $pages["limt"] '>currentState</if>">--}}
{{--                        <if condition='I("get.page",1,"intval") eq $pages["limt"] '>--}}
{{--                            <a href="javascript::" title="尾页">尾页</a>--}}
{{--                            <else />--}}
{{--                            <a href="{:P(array('page'=>$pages['limt']))}" title="尾页">尾页</a>--}}
{{--                        </if>--}}
{{--                        </i>--}}
{{--                    </ul>--}}
                    <div class="qspage">{{ $rcinfos->links('module.widgets.pagination') }}</div>
                </div>

            </div>
        </div>
    </div>

    <div class="clear"></div>
@endsection

@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.SuperSlide.2.1.2.js')}}"></script>
<script>
    $(function(){
        //点击左侧导航加选中样式
        var selectedid = $("#selected-li").val();
        var li_array = document.getElementsByName("child-li");
        for(var i=0; i<li_array.length; i++ ){
            if(li_array[i].id==selectedid){
                var childid = "#"+li_array[i].id;
                var parentid = $(childid).parent().attr('id');
                if(parentid=="leftmenuone"){
                    $(childid).find("span").css("color","#ed7746");
                }else if(parentid=="leftmenutwo"){
                    $(childid).find("span").css("color","#dd4250");
                }
            }
        }
        //判断是否有展示数据，没有则提示无讯息
        if($('.right-content-ul').is(':has(*)')==false){
            $(".part-two  .list_empty_group").show();
            $(".part-two  .pagination").hide();
            $(".part-two  .ul-bottom").hide();
        }

    });

</script>
@endsection