@extends('layouts.app')

@section('meta')
    @include('meta.list')
@endsection

@section('content')

    <!-- 内容 -->
    <div class="second">
        <div class="container">
            @include('category.left')

            <div class="secondRight">
                <div class="crumbs">
                    当前位置： 首页 &gt; {{ $category->title }}
                </div>

                <!-- 重点实验室 +  三个研究中心-->
                <div class="platform">
                    <div class="trendsModular">
                        <div class="trendsLabel platformBorder">
                            <div class="trendsTitle platformTitle">
                                <img src="{{ asset('assets/index/images/platformImg_02.png') }}">{{ $yjCate->title }}
                            </div>
                            @if ($yjArticles->isNotEmpty())
                                <ul class="innovateList">
                                    @foreach ($yjArticles as $relation)
                                        <li>
                                            <a href="{{ $relation->link }}">
                                                <img class="innovateList-img" src="{{ $relation->label_url }}" alt="">
                                                <div class="innovateList-name">{{ $relation->title }}</div>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                        <div class="trendsLabel platformBorder">
                            <div class="trendsTitle platformTitle">
                                <img src="{{ asset('assets/index/images/platformImg_03.png') }}">{{ $zdCate->title }}
                            </div>
                            <div class="platformCont">
                                <div class="platformCont-text"
                                     style="background-image: url({{ asset('assets/index/images/laboratoryImg_1.png') }});">
                                    <div class="platformCont-img"><img src="{{ $zdCate->cover_url }}"></div>
                                    <div class="platformCont-name">
                                        {{ $zdCate->title }}
                                        <span>{{ $zdCate->description }}</span>
                                    </div>
                                </div>
                                <a href="{{ $zdCate->link }}" class="platformCont-more">查看详情
                                    <img src="{{ asset('assets/index/images/linkIcon.png') }}">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- 领军人才梯队 -->
                <div class="platform platformBorder">
                    <div class="trendsTitle platformTitle">
                        <img src="{{ asset('assets/index/images/platformImg_01.png') }}">{{ $ljCate->title }}
                    </div>
                    @if ($ljLeaders->isNotEmpty())
                        <ul class="echelonList">
                            @foreach ($ljLeaders as $leader)
                                <li>
                                    <div class="ce-img echelonList-img">
                                        <span style="background-image: url({{ $leader->cover_url }});"></span>
                                    </div>
                                    <div class="echelonList-cont">
                                        <div class="echelonList-title"><span>{{ $leader->title }}</span></div>
                                        <div class="echelonList-label">
                                            <div class="echelonList-name">带头人：</div>
                                            <div class="echelonList-text">{{ $leader->head }}</div>
                                        </div>
                                        <div class="echelonList-label">
                                            <div class="echelonList-name">后备带头人：</div>
                                            <div class="echelonList-text">{{ $leader->reserve }}</div>
                                        </div>
                                        <div class="echelonList-label">
                                            <div class="echelonList-name">梯队介绍：</div>
                                            <div class="echelonList-text">
                                                <p class="ellipsis">
                                                    {{ $leader->description }}
                                                    <a href="{{ $leader->link }}">[ 更多详情 ]</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- end 内容 -->
@endsection
