@extends('layouts.app')

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

@section('css')
    <link href="{{ asset('assets/index/css/swiper.min.css') }}" rel="stylesheet" type="text/css"/>
@endsection

@section('content')
    <div class="container container_col">
        <!--轮播图 新闻动态 -->
        <div class="news-notice">
            <div class="indnews">
                <div class="news-pic">
                    <div id="newspic" class="slideBox">
                        <ul class="items">
                            @if ($adverts->isNotEmpty())
                                @foreach ($adverts as $advert)
                                    <li>
                                        <a href="{{ $advert->url }}" title="{{ $advert->title }}"><img src="{{ $advert->cover_path }}"></a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
            {{-- 新闻与通告--}}
            <div class="news-txt" id="news">
                <div class="news-title">
                    <div class="news-name tab-nav j-tab-nav">
                        <a href="javascript:void(0);" class="current">{{ getOneCategory(53,'title') }}<i></i></a>
                        <a href="javascript:void(0);" class="">{{ getOneCategory(54,'title') }}<i></i></a>
                    </div>
                    {{--                    <a href="#" class="more">更多 >></a>--}}
                </div>
                <div class="tab-con">
                    <div class="j-tab-con">
                        <div class="tab-con-item news-con" style="display: block;margin-top:20px!important;">
                            @if (getArticlesBYCate(53,8)->isNotEmpty())
                                <div class="hotnews">
                                    <h1>
                                        <a href="{{getArticlesBYCate(53,8)->first()->link}}">{{ getArticlesBYCate(53,8)->first()->title}}</a>
                                    </h1>
                                <!-- <div class="hotcon">
                                        <a href="getArticlesBYCate(53,8)->first()->link">{{ getArticlesBYCate(53,8)->first()->description }} </a>
                                    </div> -->
                                </div>
                                <ul class="newslist">
                                    @foreach (getArticlesBYCate(53,8) as $info)
                                        @if ($loop->iteration>1)
                                            <li>
                                                <a href="{{ $info->link }}">{{ $info->title }}</a><span>{{ $info->created_at->format('Y-m-d') }}</span>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                        <div class="tab-con-item news-con" style="display: none;">
                            @if (getArticlesBYCate(54,8)->isNotEmpty())
                                <div class="hotnews">
                                    <h1>
                                        <a href="{{getArticlesBYCate(54,8)->first()->link}}">{{ getArticlesBYCate(54,8)->first()->title}}</a>
                                    </h1>
                                <!-- <div class="hotcon">
                                        <a href="getArticlesBYCate(54,8)->first()->link">{{ getArticlesBYCate(54,7)->first()->description }} </a>
                                    </div> -->
                                </div>
                                <ul class="newslist">
                                    @foreach (getArticlesBYCate(54,8) as $info)
                                        @if ($loop->iteration>1)
                                            <li>
                                                <a href="{{ $info->link }}">{{ $info->title }}</a><span>{{ $info->created_at->format('Y-m-d') }}</span>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>

        <!-- 特色领域 开始 -->
        <div class="" style="width: 100%;">
            <div class="words11_zzgz_xfgz_title">
                <font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(17,'title') }}</font>
                <span><a href="{{ getOneCategory(17,'link') }}">更多 >></a></span>
            </div>
            <div class="news_list_content flexrow jc_start">
                @if (getArticlesBYCate(17,8,'all')->isNotEmpty())
                    @foreach (getArticlesBYCate(17,8,'all') as $info)
                        @if ($loop->odd)
                            <div class="news_list_item ">
                                <div class="img" style="background-image:url({{ $info->cover_path }})">
                                    <div class="sanjiao pos_abs"></div>
                                </div>
                                <div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">
                                    <div class="naturalCont">
                                        <div class="naturalCont-title">
                                            <div class="title">{{ $info->title }}</div>
                                        <!-- <div class="overflow4 "> {{ $info->description }}</div> -->
                                            <div class="flexrow getMore overflow2">{{ $info->description1 ?? '' }}
                                            <!-- <img src="/assets/index/images/right.png"> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else
                            <div class="news_list_item">
                                <div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">
                                    <div class="naturalCont">
                                        <div class="naturalCont-title">
                                            <div class="title">{{ $info->title }}</div>
                                        <!-- <div class="overflow4 "> {{ $info->description }}</div> -->
                                            <div class="flexrow getMore">{{ $info->description1 ?? ''}}
                                            <!-- <img src="/assets/index/images/right.png"> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="img" style="background-image:url({{ $info->cover_path }})">
                                    <div class="sanjiao2 pos_abs"></div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                @endif
            </div>
        </div>
        <!-- 特色领域 开始 -->
        <div class="" style="width: 100%;">
            <div class="words11_zzgz_xfgz_title">
                <font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(17,'title') }}</font>
                <span><a href="{{ getOneCategory(17,'link') }}">更多 >></a></span>
            </div>
            {{--            <div class="news_list_content flexrow jc_start">--}}
            {{--                @if (getArticlesBYCate(17,8,'all')->isNotEmpty())--}}
            {{--                    @foreach (getArticlesBYCate(17,8,'all') as $info)--}}
            {{--                        @if ($loop->odd)--}}
            {{--                            <div class="news_list_item ">--}}
            {{--                                <div class="img" style="background-image:url({{ $info->cover_path }})">--}}
            {{--                                    <div class="sanjiao pos_abs"></div>--}}
            {{--                                </div>--}}
            {{--                                <div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">--}}
            {{--                                    <div class="naturalCont">--}}
            {{--                                        <div class="naturalCont-title">--}}
            {{--                                            <div class="title">{{ $info->title }}</div>--}}
            {{--                                            <div class="flexrow getMore overflow2">{{ $info->description1 ?? '' }}--}}
            {{--                                            </div>--}}
            {{--                                        </div>--}}
            {{--                                    </div>--}}
            {{--                                </div>--}}
            {{--                            </div>--}}
            {{--                        @else--}}
            {{--                            <div class="news_list_item">--}}
            {{--                                <div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">--}}
            {{--                                    <div class="naturalCont">--}}
            {{--                                        <div class="naturalCont-title">--}}
            {{--                                            <div class="title">{{ $info->title }}</div>--}}
            {{--                                            <div class="flexrow getMore">{{ $info->description1 ?? ''}}--}}
            {{--                                            </div>--}}
            {{--                                        </div>--}}
            {{--                                    </div>--}}
            {{--                                </div>--}}
            {{--                                <div class="img" style="background-image:url({{ $info->cover_path }})">--}}
            {{--                                    <div class="sanjiao2 pos_abs"></div>--}}
            {{--                                </div>--}}
            {{--                            </div>--}}
            {{--                        @endif--}}
            {{--                    @endforeach--}}
            {{--                @endif--}}
            {{--            </div>--}}
            <div class="news_list_content1">
                @if (getArticlesBYCate(17,8,'all')->isNotEmpty())
                    @foreach (getArticlesBYCate(17,8,'all') as $info)
                        <div class="news_list_item1" data-href="{{ $info->link }}">
                            <div style="background-image:url({{ $info->cover_path }})"></div>
                            <span>{{ $info->title }}</span>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
        <!-- 创新团队 开始 -->
        <div class="words11">
            <div class="words11_zzgz_xfgz" style="width: 250px">
                <div class="words11_zzgz_xfgz_title">
                    <font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(43,'title') }}</font>
                    <span><a href="{{ getOneCategory(43,'link') }}">更多 >></a></span>
                </div>
                <div class="words11_zzgz_xfgz_content">
                    @if (getArticlesBYCate(43,6,'all')->isNotEmpty())
                        <div class="box">
                            <div class="tem">
                                <ul>
                                    @foreach (getArticlesBYCate(43,12,'all') as $article)
                                        <li>
                                            <a href="{{ $article->link }}">
                                                <img src="/assets/index/images/icon.png">{{ $article->title }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            {{--科技平台--}}
            <div class="words11_zzgz_xfgz" style="margin-left: 15px;width:640px">
                <div class="words11_zzgz_xfgz_title">
                    <font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(18,'title') }}</font><span><a>更多 >></a></span>
                </div>
                <div class="news-con">
                    @if (getArticlesBYCate(18,8)->isNotEmpty())
                        <div class="swiper-container1" style='margin-top:10px;'>
                            <div class="swiper-wrapper">
                                @foreach (getArticlesBYCate(18,8) as $info)
                                    <div class="swiper-slide " style='height:314px;background:url({{ $info->cover_path}}) no-repeat;background-size:cover;cursor:pointer;'>
                                        <a href="{{ $info->link }}" class="banner_title">
                                            <span>{{ $info->title }}</span>
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                            <div class="swiper-scrollbar" style='position:relative;top:0;'></div>
                        </div>
                    @endif
                </div>
            </div>
            {{-- 政府决策服务--}}
            <div class="words11_zzgz_xfgz" style="margin-left: 15px;width: 250px">
                <div class="words11_zzgz_xfgz" style="width: 250px">
                    <div class="words11_zzgz_xfgz_title">
                        <font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(8,'title')}}</font>
                        <span><a href="{{ getOneCategory(8,'link') }}">更多 >></a></span>
                    </div>
                    <div class="words11_zzgz_xfgz_content">
                        @if (getArticlesBYCate(8,6,'all')->isNotEmpty())
                            <div class="box">
                                <div class="tem">
                                    <ul>
                                        @foreach (getArticlesBYCate(8,12) as $info)
                                            <li>
                                                <a href="{{ $info->link }}">
                                                    <img src="/assets/index/images/icon.png">{{ $info->title }}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- 省级领军人才梯队-->
        <div class="col-box">
            <div class="news-txt col-3 " style="width: 246px">
                <div class="news-title">
                    <div class="news-name tab-nav j-tab-nav">
                        <a href="javascript:void(0);" class="current">{{ getOneCategory(127,'title')}}<i></i></a>
                    </div>
                    <a href="{{ getOneCategory(127,'link') }}" class="more">更多 >></a>
                </div>
                <div class="news-con">
                    <div class="j-tab-con">
                        <div class="tab-con-item news-con" style="display: block;">
                            @if (getArticlesBYCate(127,3)->isNotEmpty())
                                <ul class="newslist">
                                    @foreach (getArticlesBYCate(127,3) as $info)
                                        <li>
                                            <a href="{{ $info->link }}">{{ $info->title }}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>
                </div>
                {{--院级领军人才梯队--}}
                <div class="news-title">
                    <div class="news-name tab-nav j-tab-nav">
                        <a href="javascript:void(0);" class="current">{{ getOneCategory(176,'title')}}<i></i></a>
                    </div>
                    <a href="{{ getOneCategory(176,'link')}}" class="more">更多 >></a>
                </div>
                <div class="news-con">
                    <div class="j-tab-con">
                        <div class="tab-con-item news-con" style="display: block;">
                            @if (getArticlesBYCate(176,3)->isNotEmpty())
                                <ul class="newslist">
                                    @foreach (getArticlesBYCate(176,3) as $info)
                                        <li>
                                            <a href="{{ $info->link }}">{{ $info->title }}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
            {{--  专家学者--}}

            <div class="news-txt col-3" style="width:640px">
                <div class="news-title">
                    <div class="name">{{ getOneCategory(74,'title') }}<i></i></div>
                    <a href="{{ getOneCategory(74,'link') }}" class="more">更多 >></a>
                </div>
                <div class="news-con">
                    @if (getArticlesBYCate(74,5)->isNotEmpty())
                        <div class="swiper-container2" style='margin-top:10px;'>
                            <div class="swiper-wrapper">
                                @foreach (getArticlesBYCate(74,5) as $info)
                                    <div class="swiper-slide " style='position:relative;'>
                                        <div style='height:248px;background:url({{ $info->cover_path}}) no-repeat;background-size:cover;cursor:pointer;'></div>
                                        <a href="{{ $article->link }}" class="worker_title">
                                            {{ $info->title }}
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                            <div class="swiper-scrollbar" style='position:relative;top:0;'></div>
                        </div>
                    @endif
                </div>
            </div>
            <div class="news-txt col-3 last" style="width: 250px">
                <div class="news-title">
                    <div class="name">论坛<i></i></div>
                    {{--                    <a href="{{ getOneCategory(8,'link') }}" class="more">更多 >></a>--}}
                </div>
                <div class="poster">
                    <div class="box">
                        @if ($lt_adverts->isNotEmpty())
                            <ul>
                                @foreach ($lt_adverts as $advert)
                                    <li data-herf="{{ $advert->url }}" class="lt_adverts_c" style="background-image:url({{ $advert->cover_path }});">
                                    <!-- <img src="{{ $advert->cover_path }}"/> -->
                                        {{ $advert->title }}
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>

        <!-- 友情链接 -->
        <div class="col-2-r">
            <div class="linksbox" id="link">
                <div class="txtlisttit linktit"><span>友情链接</span>
                </div>
                <div class="listcon tab-con">
                    <div class="j-tab-con">
                        <div class="tab-con-item linkcon" style="display: block;">
                            <ul class="linkslist">
                                @if ($links->isNotEmpty())
                                    @foreach ($links as $link)
                                        <li><a href="{{ $link->url }}" target="_blank">{{ $link->title }}</a></li>
                                    @endforeach
                                @endif
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <!-- <script type="text/javascript" src="{{ asset('assets/index/js/lb_jcfc.js') }}"></script> -->
    <script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
    <script type="text/javascript">
        // 轮播
        var galleryTop = new Swiper('.gallery-top', {
            spaceBetween: 10,
            loop: true,
            loopedSlides: 5,
        });
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 5,
            touchRatio: 0.2,
            loop: true,
            loopedSlides: 5,
            slideToClickedSlide: true
        });
        galleryTop.params.control = galleryThumbs;
        galleryThumbs.params.control = galleryTop;
    </script>
    <script>
        jQuery(function ($) {
            $('#newspic').slideBox({
                duration: 0.1,//滚动持续时间，单位：秒
                easing: 'linear',//swing,linear//滚动特效
                delay: 5,//滚动延迟时间，单位：秒
                hideClickBar: false,//不自动隐藏点选按键
                clickBarRadius: 10
            });
        });
    </script>

    <script type="text/javascript">
        $(function () {
            $("#link").rTabs({
                bind: 'hover',
                animation: 'fadein',
                auto: false
            });
            $("#news").rTabs({
                bind: 'hover',
                animation: 'fadein',
                auto: false
            });
            $("#leaders").rTabs({
                bind: 'hover',
                animation: 'fadein',
                auto: false
            });
        })
    </script>
    <script type="text/javascript">
        var mySwiper = new Swiper('.swiper-container1', {
            loop: true,
            autoplay: 5000,//可选选项，自动滑动
            autoplayDisableOnInteraction: false,
            scrollbar: '.swiper-scrollbar',
            // slidesPerView : 3,
            // centeredSlides : true,
        })
        var mySwiper = new Swiper('.swiper-container2', {
            loop: true,
            autoplay: 5000,//可选选项，自动滑动
            slidesPerView: 3,
            centeredSlides: true,
            scrollbar: '.swiper-scrollbar',
            autoplayDisableOnInteraction: false
        })
    </script>
@endpush