@extends('layouts.app')

@section('title', $parent->title)

@section('content')
    <!-- 面包屑导航 -->
    @include('category.navigation')

    <!-- 内容 -->
    <div class="container">
        <div class="row">
            <!-- 左侧导航部分 -->
        @include('category.left')
        <!-- 右侧内容部分 -->
            <div class="col-xs-12 col-md-9">
                <div class="levelRight">
                    <!-- start 省级领军人才梯队 -->
                    <div class="ranksEchelon briefMargin">
                        <div class="ranks-title">
                            <img src="/assets/index/images/ranksIcon/ranksIcon_00.png"/>
                            {{ getOneCategory(31,'title') }}
                        </div>
                        <div class="row">
                            @if (getArticlesBYCate(31,3)->isNotEmpty())
                                @foreach (getArticlesBYCate(31,1) as $info)
                                    <div class="col-xs-12 col-md-4" data-href="{{ $info->link }}">
                                        <div class="ranksEchelon-title"> {{ $info->title }}</div>
                                        <div class="ce-img ranksEchelon-img">
                                            <!-- 图片为4:3 -->
                                            <span style="background-image: url({{ $info->cover_url }});"></span>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                    <!-- end 省级领军人才梯队 -->

                    <!-- start 院级重点学科 -->
                    <div class="ranksEchelon briefMargin">
                        <div class="ranks-title">
                            <img src="/assets/index/images/ranksIcon/ranksIcon_01.png"/>
                            {{ getOneCategory(32,'title') }}
                        </div>
                        <div class="ranksSubject">
                            <ul id="myTabs" class="ranksSubject-ul" role="tablist"
                                style="background-image: url(/assets/index/images/ranksIcon/ranksTitle_img.png);">
                                @if(getCateChild(32)->isNotEmpty())
                                    @foreach(getCateChild(32) as $cate)
                                        <li role="presentation" @if($loop->iteration==1) class="active" @endif >
                                            <a href="#ranksTab0{{ $loop->iteration }}"
                                               id="ranksTab-0{{ $loop->iteration }}"
                                               role="tab"
                                               data-toggle="tab"
                                            >
                                                {{ $cate->title }}
                                            </a>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                            <div id="myTabContent" class="tab-content ranksSubject-cont">
                                <!-- 区域地理学 -->

                                @if(getCateChild(32)->isNotEmpty())
                                    @foreach(getCateChild(32) as $cate)
                                        <div role="tabpanel"
                                             class="tab-pane fade in @if($loop->iteration==1) active  @endif"
                                             id="ranksTab0{{ $loop->iteration }}">
                                            <div class="row">
                                                @if (getArticlesBYCate($cate->id,3)->isNotEmpty())
                                                    @foreach (getArticlesBYCate($cate->id,3) as $info)
                                                        <div class="col-xs-12 col-md-4" data-href="{{ $info->link }}">
                                                            <div class="ranksSubject-list">
                                                                <div class="ranksSubject-list-name">
                                                                    <span>{{ $info->title }}</span>
                                                                </div>
                                                                <div class="ce-img ranksSubject-list-img">
                                                                    <!-- 图片为4:3 -->
                                                                    <span style="background-image: url({{ $info->cover_url }});"></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- end 院级重点学科 -->

                    <!-- start 专家学者 -->
                    <div class="ranksEchelon briefMargin">
                        <div class="ranks-title">
                            <img src="/assets/index/images/ranksIcon/ranksIcon_02.png"/>
                            {{ getOneCategory(42,'title') }}
                        </div>
                        <div class="ranksScholar">
                            <div class="row">
                                @if(getCateChild(42)->isNotEmpty())
                                    @foreach(getCateChild(42) as $cate)
                                        <div class="col-xs-12 col-md-4 modularSix-padding"
                                             data-href="{{ $cate->link }}">
                                            <div class="modularServe-label">
                                                <span> {{ $cate->title }}</span>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- end 专家学者 -->

                    <!-- start 创新团队 -->
                    <div class="ranksTeam">
                        <div class="ranks-title">
                            <div class="ranks-left">
                                <img src="/assets/index/images/ranksIcon/ranksIcon_03.png"/>
                                {{ getOneCategory(43,'title') }}
                            </div>
                            <div class="ranks-more" data-href="">查看更多&gt;&gt;</div>
                        </div>
                        <div class="ranksTeam-cont">
                            <!-- 共14个列表 -->
                            <div class="row">
                                @if (getArticlesBYCate(43,6)->isNotEmpty())
                                    @foreach (getArticlesBYCate(43,6) as $info)
                                        <div class="col-xs-12 col-md-4" data-href="{{ $info->link }}">
                                            <div class="publicHover ranksTeam-list">
                                                <div class="ce-img ranksTeam-img">
                                                    <!-- 图片为4:3 -->
                                                    <span style="background-image: url({{ $info->cover_url }});"></span>
                                                </div>
                                                <div class="ce-nowrap ranksTeam-title">
                                                    <span> {{ $info->title }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- end 创新团队 -->

                    <!-- start 人才招聘 -->
                    <div class="publicHover ranksRecruit"
                         @if(getOneAdvertByCate(44,'url')) data-href="{{ getOneAdvertByCate(44,'url') }}" @endif>
                        <img src="{{ getOneAdvertByCate(44,'cover_url') }}"/>
                    </div>
                    <!-- end 人才招聘 -->
                </div>
            </div>
        </div>
    </div>
@endsection
