@extends('layouts.app')


@section('content')
    <!-- 人才队伍 -->
    <div class="survey" style="background-image: url(/assets/index/images/armyBack.png);">
        <div class="container">
            <div class="row">
                @include('category.left')
                <div class="col-xs-12 col-md-9 secondRight">
                    <!-- 创新团队 -->
                    <div class="surveyCont">
                        <div class="secondTop">
                            <div class="secondTop-name">
                                <img src="/assets/index/images/armyIcon_00.png"/>
                                {{ getOneCategory(27,'title') }}
                            </div>
                        </div>
                        <div class="swiper-container innovate-swiper">
                            <div class="swiper-wrapper">
                                @if (getArticlesBYCate(27,6)->isNotEmpty())
                                    @foreach (getArticlesBYCate(27,6) as $article)
                                        <div class="swiper-slide innovate-ul">
                                            <a href="{{ $article->link }}" target="_blank">
                                                <div class="ce-img indexTeam-img">
                                                    <span style="background-image: url({{ $article->cover_path }});"></span>
                                                </div>
                                                <div class="indexTeam-cont">
                                                    <div class="ce-nowrap-multi indexTeam-name">
                                                        {{ $article->title }}
                                                    </div>
                                                    <div class="ce-nowrap-multi indexTeam-text">
                                                        {{ $article->description }}
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination innovate-pagination"></div>
                        </div>
                    </div>

                    <div class="surveyCont" style="display: flex;">
                        <!-- 梯队人才 -->
                        <div class="talent">
                            <div class="secondTop">
                                <div class="secondTop-name">
                                    <img src="/assets/index/images/armyIcon_01.png"/>
                                    {{ getOneCategory(28,'title') }}
                                </div>
                                <a href="{{ getOneCategory(28,'link') }}" target="_blank" class="secondTop-more">
                                    查看更多&gt;&gt;
                                </a>
                            </div>
                            <div class="swiper-container indexBuild-swiper swiper-container-vertical">
                                <div class="swiper-wrapper">
                                    @if (getResumesByCate(28,36)->isNotEmpty())
                                        @foreach (getResumesByCate(28,36) as $resume)
                                            <div class="swiper-slide">{{ $resume->name }}
                                                <span>{{ $resume->description }}</span>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- 专家智库 -->
                        <div class="think">
                            <div class="secondTop">
                                <div class="secondTop-name">
                                    <img src="/assets/index/images/armyIcon_02.png"/>
                                    {{ getOneCategory(29,'title') }}
                                </div>
                                <a href="{{ getOneCategory(29,'link') }}" target="_blank" class="secondTop-more">
                                    查看更多&gt;&gt;
                                </a>
                            </div>
                            <ul class="second-IndexExpert IndexExpertNew" style="margin: 0">
                                @if (getResumesByCate(29,6)->isNotEmpty())
                                    @foreach (getResumesByCate(29,6) as $resume)
                                        <li>
                                            <a href="{{ $resume->link }}" target="_blank">
                                                <div class="IndexExpertNew-li">
                                                    <span class="IndexExpertNew-tips">客座教授</span>
                                                    <div class="IndexExpertNew-title">{{ $resume->name }}</div>
                                                </div>
                                            </a>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('script')
    <script type="text/javascript">
        // 梯队人才
        var mySwiper = new Swiper('.indexBuild-swiper', {
            direction: 'vertical',
            slidesPerView: 5,
            spaceBetween: 25,
            speed: 1000, // 速度
            autoplay: 2000
        });

        // 创新团队
        var mySwiper = new Swiper('.innovate-swiper', {
            pagination: '.innovate-pagination',
            slidesPerView: 3,
            spaceBetween: 30,
            centeredSlides: false,
            autoplay: 2000
        });
    </script>
@endpush
