@extends('layouts.app')

@section('title', '首页')

@section('content')
    <!-- special -->
    <div class="container special-content">
        <a href="{{ getOneArticleBYCate(35,'link') }}">{{ getOneArticleBYCate(35,'title') }}</a>
    </div>
    <!-- end special -->
    <!-- banner -->
    <div class="swiper-container" id="swiperBanner">
        <div class="swiper-wrapper">
            @if ($center_advert->isNotEmpty())
                @foreach ($center_advert as $advert)
                    <div class="swiper-slide">
                        <a class="swiper-banner-img" style="background-image: url({{ $advert->cover_path }});" href="@if($advert->url) {{ $advert->url }} @endif">
                            <h3>{{ $advert->title }}</h3>
                        </a>
                    </div>
                @endforeach
            @endif
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!-- end banner -->
    <!-- content -->
    <div class="container mian">
        <!-- left -->
        <div class="index-mian-left">
            <!-- 院所新闻 -->
            <div class="index-mian-title">
                <span><i class="fa fa-newspaper-o"></i>{{ getOneCategory(15,'title') }}</span>
                <a href="{{ getOneCategory(15,'link') }}">更多<i class="fa fa-plus"></i></a>
            </div>
            <div class="index-mian-news">
                @if ($ysxw->isNotEmpty())
                    <div class="index-mian-news-hot">
                        <a href="{{ $ysxw->first()->link }}" class="index-mian-news-cover" style="background-image: url({{ $ysxw->first()->cover_path  }});"></a>
                        <a href="{{ $ysxw->first()->link }}" class="index-mian-news-href">
                            <p class="nowrap-multi">{{ $ysxw->first()->title }}</p>
                            <p class="nowrap">{{ $ysxw->first()->created_at->format('Y-m-d') }}</p>
                        </a>
                    </div>
                    <ul class="index-mian-news-ul">
                        @foreach ($ysxw as $info)
                            @if ($loop->iteration>1)
                                <li>
                                    <a href="{{ $info->link }}" class="nowrap">
                                        <i class="fa fa-chevron-circle-right"></i>
                                        {{ $info->title }}
                                        <span>{{ $info->created_at->format('Y-m-d') }}</span>
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endif

            </div>
            <!-- 科技成果 -->
            <div class="index-mian-title">
                <span><i class="fa fa-flask"></i>{{ getOneCategory(20,'title') }}</span>
                <a href="{{ getOneCategory(20,'link') }}">更多<i class="fa fa-plus"></i></a>
            </div>
            <div class="index-mian-news">
                @if ($kjcg->isNotEmpty())
                    <div class="index-mian-news-hot">
                        <a href="{{ $kjcg->first()->link }}" class="index-mian-news-cover" style="background-image: url({{ $kjcg->first()->cover_path  }});"></a>
                        <a href="{{ $kjcg->first()->link }}" class="index-mian-news-href">
                            <p class="nowrap-multi">{{ $kjcg->first()->title }}</p>
                            <p class="nowrap">{{ $kjcg->first()->created_at->format('Y-m-d') }}</p>
                        </a>
                    </div>
                    <ul class="index-mian-news-ul">
                        @foreach ($kjcg as $info)
                            @if ($loop->iteration>1)
                                <li>
                                    <a href="{{ $info->link }}" class="nowrap">
                                        <i class="fa fa-chevron-circle-right"></i>
                                        {{ $info->title }}
                                        <span>{{ $info->created_at->format('Y-m-d') }}</span>
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endif
            </div>
            <!-- 论文专利 -->
            <div class="index-mian-title">
                <span><i class="fa fa-suitcase"></i>论文专利</span>
                <a href="{{ route('patents.list') }}">更多<i class="fa fa-plus"></i></a>
            </div>
            <div class="index-mian-news">
                @if ($lwzl->isNotEmpty())
                    <div class="index-mian-news-hot">
                        <a href="{{ $lwzl->first()->link }}" class="index-mian-news-cover" style="background-image: url({{ $lwzl->first()->cover_path  }});"></a>
                        <a href="{{ $lwzl->first()->link }}" class="index-mian-news-href">
                            <p class="nowrap-multi">{{ $lwzl->first()->title }}</p>
                            <p class="nowrap">{{ $lwzl->first()->created_at->format('Y-m-d') }}</p>
                        </a>
                    </div>
                    <ul class="index-mian-news-ul">
                        @foreach ($lwzl as $info)
                            @if ($loop->iteration>1)
                                <li>
                                    <a href="{{ $info->link }}" class="nowrap">
                                        <i class="fa fa-chevron-circle-right"></i>
                                        {{ $info->title }}
                                        <span>{{ $info->created_at->format('Y-m-d') }}</span>
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>
        <!-- right -->
        <div class="index-mian-right">
            <!-- 快速入口 -->
            @if(!empty($ysxw_right_advert))
                <a class="index-mian-right-ad index-mian-right-ad-1"
                   style="background-image: url({{ $ysxw_right_advert->cover_path }} );"
                   href="{{ $ysxw_right_advert->url }}"
                >
                    {{--                    <span>{{ $ysxw_right_advert->title }}</span>--}}
                </a>
        @endif

        <!-- 快速入口 -->
            <div class="index-mian-right-ads">
                @if ($kjcg_right_advert->isNotEmpty())
                    @foreach ($kjcg_right_advert as $advert)
                        <a class="index-mian-right-ad index-mian-right-ad-5"
                           style="background-image: url({{ $advert->cover_path }});"
                           href="{{ $advert->url }}"
                        >
                            {{--                            <span>{{ $advert->title }}</span>--}}
                        </a>
                    @endforeach
                @endif
            </div>
            <!-- 学者风采 -->
            <div class="index-mian-title">
                <span><i class="fa fa-group"></i>{{ getOneCategory(57,'title') }}</span>
            </div>
            <ul class="index-mian-news-ul index-mian-right-ul">
                @if (getArticlesBYCate(57,4)->isNotEmpty())
                    @foreach (getArticlesBYCate(57,4) as $article)
                        <li>
                            <a href="{{ $article->link }}" class="nowrap">
                                <i class="fa fa-chevron-circle-right"></i>
                                {{ $article->title }}
                            </a>
                        </li>
                    @endforeach
                @endif

            </ul>
            <!-- 视频新闻 -->
            <div class="index-mian-title">
                <span><i class="fa fa-play-circle"></i>{{ getOneCategory(56,'title') }}</span>
            </div>
            <div class="index-mian-right-video">
                @if (getArticlesBYCate(56,3)->isNotEmpty())
                    @foreach (getArticlesBYCate(56,3) as $article)
                        @if ($loop->last)
                            <a class="index-mian-right-video-item index-mian-right-video-item-lg"
                               style="background-image: url({{ $article->cover_path }});"
                               href="{{ $article->link }}">
                            </a>
                        @else
                            <a class="index-mian-right-video-item" style="background-image: url({{ $article->cover_path }});" href="{{ $article->link }}"></a>
                        @endif
                    @endforeach
                @endif

            </div>
            <!-- 快速入口 -->
            <div class="index-mian-right-ads">
                @if ($lwzl_right_advert->isNotEmpty())
                    @foreach ($lwzl_right_advert as $advert)
                        <a class="index-mian-right-ad index-mian-right-ad-5"
                           style="background-image: url({{ $advert->cover_path }});"
                           href="{{ $advert->url }}"
                        >
                            <span>{{ $advert->title }}</span>
                        </a>
                    @endforeach
                @endif

            </div>
        </div>
    </div>
@endsection

@push('script')
    <script type="text/javascript">
        // swiperBanner
        var swiperBanner = new Swiper("#swiperBanner", {
            autoplay: 3000,
            centeredSlides: true,
            loop: true,
            slidesPerView: 'auto',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            pagination: ".swiper-pagination",
            paginationClickable: true
        })
    </script>
@endpush