@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">
<style type="text/css">
    html{overflow:hidden}
    body{height:100%;overflow:auto}
    .ab{position:absolute;top:700px;left:200px;}
    .right-content-images img {
        width: 219px;
        height: 216px;
    }
</style>
@endpush

@push('js')

@endpush

@section('content')

    <!-- 头部背景图-->
    <div>
        <div class="part-one part-one-bg">
            <img lowsrc="{{theme_asset('app/images/feature-partone-background-s.gif')}}" src="{{theme_asset('app/images/feature-partone-background.png')}}" width="100%" height="347px"/>
        </div>
        <div class="part-two">
            <!-- 隐藏域-->
            <input  id="selected-li" type="hidden" value="{{$type_id}}">
            <!-- 左侧菜单-->
            <div id="fixed" class="leftmenu">
                @if($featureSorts)
                    @foreach($featureSorts as $k=>$val)
                        <ul @if($k==0)class="leftmenuone" id="leftmenuone"@endif @if($k==1)class="leftmenutwo" id="leftmenutwo"@endif @if($k==2)class="leftmenutwo" id="leftmenutwo"@endif>
                        <li class="li-header">
                            <a href="{{route('feature',array('parentid'=>$val->id))}}" style="color: #fff;"><span>{{$val->categoryname}}</span></a>
                        </li>
                            @if($val["children"])
                                @foreach($val["children"] as $kk=>$vall)
                                    <li name="child-li" class="li-content" id="{{$vall->id}}">
                                        <a href="{{route('feature',array('type_id'=>$vall->id))}}"><span>{{$vall->categoryname}}</span></a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    @endforeach
                @endif
            </div>
            <div class="right-content">
                <!-- 数据展示-->
                @if($rcinfos && count($rcinfos)>0)
                <ul  class="right-content-ul">
                        @foreach($rcinfos as $k=>$val)
                            <a href="{{route('feature.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="totalAnnal">总记录数：{$pages['mun']}</li>--}}
{{--                          <li class="totalPage">总页数：{$pages['limt']}</li>--}}
{{--                          <li class="currentPage">当前页：<b>{:I('get.page',1,'intval')}</b></li>-->--}}
{{--                        <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>--}}
                <div class="qspage">{{ $rcinfos->links('module.widgets.pagination') }}</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