@extends('frontend.layouts.app')

@section('content')

    <!-- banner start 首頁輪播圖 -->
    @if($carousels->isNotEmpty())
        <div class="text-center">
            <ul class="rslides list-unstyled">
                @foreach($carousels as $carousel)
                    <li>
                        <div class="banner" style="background-image:url(/frontend/images/banner1.jpg)">
                            <div class="container">
                                <img src="/{{$carousel->path}}" alt=""/></div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif

    <!-- about US start -->
    <div style="background-image: url(/{{$introInfo->path}});" class="pingpu-bg">
        <article id="demo" class="about container text-center sx-padding">
            {{-- <h2 class="f-title wow animated fadeInUp">公司简介 --}}
            {{-- <small>诚以载道，以信立本，合作共赢</small> --}}
            {{-- </h2> --}}
            <div class="about-us wow animated fadeInUp">
                {!! $introWord ? nl2br($introWord->value) : '' !!}
            </div>
        </article>
    </div><!-- About US end -->

    {{-- 企业文化 --}}
    <!-- Anli start -->
    <section class="case text-center sx-padding" style="background: #ececec" id="demo">
        <div class="container">
            <h2 class="f-title wow animated fadeInUp">企业文化</h2>

                <p class="CultureNextTitle">凝聚——产生力量，团结——成就未来</p>
                <p class="CultureNextTitle"> GATHER TOGETHE TO PRODUCE STRENGTH</p>
                <p class="CultureNextTitle"> UNITE TO ACHIEVE FUTURE</p>

            @if($cultures->isNotEmpty())
                <div class="row">
                    @foreach($cultures as $culture)
                        <figure class="wow animated flipInX animated"
                                style="visibility: visible; animation-name: flipInX;"><a
                                    href="{{route('frontend.culture.show', ['id' => $culture->id])}}"
                                    target="_blank"><img src="/{{$culture->path}}" width="360" height="256"
                                                         alt="{{$culture->title}}"></a>
                            <figcaption>
                                <h3><a href="{{route('frontend.culture.show', ['id' => $culture->id])}}"
                                       title="{{$culture->title}}" target="_blank">{{$culture->title}}</a></h3>
                                <p>{!! nl2br($culture->desc) !!}</p>
                                <p class="case-more-top"><a
                                            href="{{route('frontend.culture.show', ['id' => $culture->id])}}"
                                            class="btn-success case-more" target="_self">MORE INFO →</a></p>
                            </figcaption>
                        </figure>
                    @endforeach
                </div>
                <p class="s-m40 wow animated fadeInUp">
                    <a href="/culture/lists/13" class="btn-success about-more">MORE INFO →</a>
                </p>
            @endif
        </div>
    </section><!-- Anli end -->

    <!-- fuwu start -->
    <section style="background-image: url({{asset('/frontend/images/2014092200018883.jpg')}});"
             class="fuwu-bg pingpu-bg" id="demo">
        <div class="fuwu container text-center sx-padding">
            <h2 class="f-title wow animated fadeInUp">增值服务</h2>

            <p class="ServiceNextTitle">优秀的团队 专业的服务</p>
            <p class="ServiceNextTitle">EXCELLENT TEAM PROFESSIONAL SERVICE</p>

            @if($finances->isNotEmpty())
                <div class="row">
                    @foreach($finances as $key => $finance)
                        <figure class="@if($key % 3 == '1') bianju @endif wow animated zoomIn">
                            <a href="{{route('frontend.finance.show', ['id' => $finance->id])}}" class="pic1"
                               style="background-image: url(/{{$finance->path}})"></a>
                            <figcaption><a
                                        href="{{route('frontend.finance.show', ['id' => $finance->id])}}">{{$finance->title}}</a>
                            </figcaption>
                            <p>{!! nl2br($finance->desc) !!}</p>

                        </figure>
                    @endforeach
                </div>
                <p class="s-m40 wow animated fadeInUp">
                    <a href="/finance/lists/12" class="btn-success about-more">MORE INFO →</a>
                </p>
            @endif
        </div>
    </section><!-- fuwu end -->


    <!-- News start -->
    <div class="news" id="demo">
        <div class="container sx-padding clearfix">
            @if($navNews->isNotEmpty())
                @foreach($navNews as $key => $navNew)
                    <section class="@if($key % 2 == '1') bianju @endif wow animated fadeInUp">
                        <h2>{{$navNew->name}}</h2>

                        @if($navNew->news->isNotEmpty())
                            <ul class="list-unstyled clearfix">
                                @foreach($navNew->news->take(10) as $new)
                                    <li><a href="{{$new->link ?: route('frontend.news.show', ['id' => $new->id])}}"
                                           title="{{$new->title}}" target="_blank"
                                           Style="Color:rgb(255;font-weight:bold;">{{$new->title}}</a>
                                        <small class="pull-right">{{$new->created_at->format('m-d')}}</small>
                                    </li>
                                @endforeach
                            </ul>
                            <p><a href="{{route("frontend.news.lists", ['id' => $navNew->id])}}"
                                  class="btn-success news-more" target="_blank">MORE INFO →</a></p>

                        @endif
                    </section>
                @endforeach
            @endif
        </div>
    </div>
    <!-- News end -->
@endsection

@section('js')

@endsection