@extends('layouts.app')

@section('title', '黑龙江省科学院智能制造研究所')

@section('css')
    <!-- <style>
        html {
            -webkit-filter: grayscale(100%);
        }
    </style> -->
@endsection

@section('content')
    <!-- special -->
    {{--    <div class="container special-content">--}}
    {{--        <a href="{{ getOneArticleBYCate(35,'link') }}">{{ getOneArticleBYCate(35,'title') }}</a>--}}
    {{--    </div>--}}
    <!-- end special -->
    <!-- banner -->
    <div class="container 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">
                <div class="index-mian-news-hot">
                    @if($pos_a)
                        <a href="{{ $pos_a->link }}" class="index-mian-news-cover"
                           style="background-image: url({{ $pos_a->cover_path  }});">
                        </a>

                        <a href="{{ $pos_a->link }}" class="index-mian-news-href">
                            <p class="nowrap-multi">{{ $pos_a->title }}</p>
                            <p class="nowrap">{{ $pos_a->created_at->format('Y-m-d') }}</p>
                        </a>
                    @endif
                </div>
                @if ($ysxw->isNotEmpty())
                    <ul class="index-mian-news-ul">
                        @foreach ($ysxw as $info)
                            <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>
                        @endforeach
                    </ul>
                @endif

            </div>
            <!-- 科学研究 -->
            <div class="index-mian-title">
                <span><i class="fa fa-flask"></i>{{ getOneCategory(10,'title') }}</span>
                <a href="{{ getOneCategory(10,'link') }}">更多<i class="fa fa-plus"></i></a>
            </div>
            <div class="index-mian-news">
                <div class="index-mian-news-hot">
                    @if($pos_b)
                        <a href="{{ $pos_b->link }}" class="index-mian-news-cover"
                           style="background-image: url({{ $pos_b->cover_path  }});">
                        </a>

                        <a href="{{ $pos_b->link }}" class="index-mian-news-href">
                            <p class="nowrap-multi">{{ $pos_b->title }}</p>
                            <p class="nowrap">
                                {{--                                {{ $pos_b->created_at->format('Y-m-d') }}--}}
                            </p>
                        </a>
                    @endif
                </div>
                <div class="newCont">
                    @if (getArtilesByCates(14)->isNotEmpty())
                        <div class="newCont-ul">
                            <div style="font-weight: 600">{{ getOneCategory(14,'title') }}</div>
                            <ul class="index-mian-news-ul">
                                @foreach (getArtilesByCates(14,6) as $info)
                                    <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>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (getArtilesByCates(11)->isNotEmpty())
                        <div class="newCont-ul">
                            <div style="font-weight: 600">{{ getOneCategory(11,'title') }}</div>
                            <ul class="index-mian-news-ul">
                                @foreach (getArtilesByCates(11,6) as $info)
                                    <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>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>

            <!-- 科技成果 -->
            <div class="index-mian-title">
                <span><i class="fa fa-flask"></i>{{ getOneCategory(19,'title') }}</span>
                <a href="{{ getOneCategory(19,'link') }}">更多<i class="fa fa-plus"></i></a>
            </div>
            <div class="index-mian-news">
                <div class="index-mian-news-hot">
                    @if($pos_c)
                        <a href="{{ $pos_c->link }}" class="index-mian-news-cover"
                           style="background-image: url({{ $pos_c->cover_path  }});">
                        </a>

                        <a href="{{ $pos_c->link }}" class="index-mian-news-href">
                            <p class="nowrap-multi">{{ $pos_c->title }}</p>

                            <p class="nowrap">
                                {{--                                {{ $pos_c->created_at->format('Y-m-d') }}--}}
                            </p>
                        </a>
                    @endif
                </div>
                @if (getArtilesByCates(19)->isNotEmpty())
                    <ul class="index-mian-news-ul">
                        @foreach (getArtilesByCates(19) as $info)
                            <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>
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>
        <!-- right -->
        <div class="index-mian-right">
            <!-- 通知公告 -->
            <div class="index-mian-title">
                <span><i class="fa fa-group"></i>{{ getOneCategory(63,'title') }}</span>
            </div>
            <ul class="index-mian-news-ul index-mian-notice-ul">
                @if (getArticlesBYCate(63,3)->isNotEmpty())
                    @foreach (getArticlesBYCate(63,3) as $article)
                        <li>
                            <a href="{{ $article->link }}" class="nowrap-multi">
                                <i class="fa fa-chevron-circle-right"></i>
                                {{ $article->title }}
                            </a>
                        </li>
                    @endforeach
                @endif

            </ul>
            <!-- 快速入口 -->
            @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-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-title">
                <span><i class="fa fa-play-circle"></i>媒体宣传</span>
            </div>
            <ul class="index-mian-news-ul index-mian-notice-ul">
                @if (getArticlesBYCate(86,3)->isNotEmpty())
                    @foreach (getArticlesBYCate(86,3) as $article)
                        <li class="index-mian-news-ul_media">
                            <a href="{{ $article->link }}" class="nowrap-multi">
                                <i class="fa fa-chevron-circle-right"></i>
                                {{ $article->title }}
                            </a>
                        </li>
                    @endforeach
                @endif
            </ul>
            <!-- 快速入口 -->
            <div class="index-mian-right-ads">
                @if ($xz_right_advert->isNotEmpty())
                    @foreach ($xz_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 }}"
                        >
                        </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-notice-ul">
                @if (getArticlesBYCate(57,4)->isNotEmpty())
                    @foreach (getArticlesBYCate(57,4) as $article)
                        <li>
                            <a href="{{ $article->link }}" class="nowrap-multi">
                                <i class="fa fa-chevron-circle-right"></i>
                                {{ $article->title }}
                            </a>
                        </li>
                    @endforeach
                @endif
            </ul>
            <!-- 快速入口 -->
            <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: 5000,
            centeredSlides: true,
            loop: true,
            slidesPerView: 'auto',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            pagination: ".swiper-pagination",
            paginationClickable: true
        })
    </script>
@endpush