@extends('layouts.app')

@section('meta')
    @include('meta.list')
@endsection

@section('content')
    <!-- 内容 -->
    <div class="second">
        <div class="container">
            @include('category.left')

            <div class="secondRight">
                <div class="crumbs">
                    当前位置： 首页 &gt;{{ $parent->title }} &gt; {{ $category->title }}
                </div>
                <!-- 组织机构 -->
                <div class="organ">
                    <div class="organBrief">
                        <div class="organBrief-title">{{ $category->title }}</div>
                        <div class="organBrief-cont">
                            <div class="swiper-container organ-container">
                                <div class="swiper-wrapper">
                                    @if($article && $article->pictures)
                                        @foreach($article->pictures_url as $pictrue){
                                        <div class="swiper-slide">
                                            <div class="ce-img organBrief-img">
                                                <span style="background-image: url({{ $pictrue }});"></span>
                                            </div>
                                        </div>
                                        @endforeach
                                    @endif
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next organ-button-next"></div>
                                <div class="swiper-button-prev organ-button-prev"></div>
                            </div>
                            <div class="organBrief-text"
                                 style="background-image: url({{ asset('assets/index/images/organBrief_back.png') }});">
                                <div>
                                    {{ $article->description }}
                                </div>
                                <div class="organBrief-more">
                                    <a href="{{ $article->link }}">更多简介
                                        <img src="{{ asset('assets/index/images/briefArrow.png') }}"/>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end 内容 -->
@endsection

@push('script')
    <script>
        // 院所简介
        var mediaSwiper = new Swiper('.organ-container', {
            nextButton: '.organ-button-next',
            prevButton: '.organ-button-prev',
        });

    </script>
@endpush