@include('nn_site.partials.header')


    <section class="section projects-full">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-9">
                    <div class="projects-full__title">
                        <h1>{{$article->name}}</h1>
                        <span>{{($article->status == 1) ? $translate->doneProjects :$translate->currentProjects}}</span>
                    </div>
                    <!-- /.project-full__title -->
                    @if (count($images))
                        <div class="fullproduct-slider">
                            <div class="swiper-container gallery-top gallery-bottom gallery-bottom3" id="gallery-top">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="swiper-slide-container">
                                            <picture><source srcset="{{ $article->imgurl }}" type="image/webp"><img src="{{ $article->imgurl }}" alt="{{$article->name}}"></picture>
                                        </div>
                                    </div>
                                    @foreach($images as $image)
                                    <div class="swiper-slide">
                                        <div class="swiper-slide-container">
                                            <picture><source srcset="{{$image->imgurl}}" type="image/webp"><img src="{{$image->imgurl}}" alt="{{$image->name}}"></picture>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                            <div class="swiper-container gallery-thumbs gallery-thumbs3" id="gallery-thumbs">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="swiper-slide-container">
                                            <picture><source srcset="{{ $article->imgurl }}" type="image/webp"><img src="{{ $article->imgurl }}" alt="{{$article->name}}"></picture>
                                        </div>
                                    </div>
                                    @foreach($images as $image)
                                    <div class="swiper-slide">
                                        <div class="swiper-slide-container">
                                            <picture><source srcset="{{$image->imgurl}}" type="image/webp"><img src="{{$image->imgurl}}" alt="{{$image->name}}"></picture>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="one-img">
                            <figure><img src="{{ $article->imgurl }}" alt="{{$article->name}}"></figure>
                        </div>
                    @endif
                    
                    <div class="projects-full__text">
                 {!! $article->body !!}
                    </div>
                    @foreach($files as $file)
                    <!--<div class="pdf-download">
                        <a href="{{$file->fileurl}}">
                                <svg id="Layer_1" height="512" viewBox="0 0 24 24" width="512"
                                    xmlns="http://www.w3.org/2000/svg" data-name="Layer 1">
                                    <path
                                        d="m17 14a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm-4 3h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zm9-6.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z" />
                                    </svg>
                                {{$file->name}}</a></div>-->
                        @endforeach

                    </div>
                    <!-- /.projects-full__text -->
                </div>
                <!-- /.col-md-9 -->
            </div>
            <!-- /.row justify-content-center -->
        </div>
        <!-- /.container -->
    </section>
    <!-- /.section projects-full -->
    @include('nn_site.partials.footer')