@extends('layouts.app')

@section('content')
    <div class="row news-navigation">
        <div class="col-md-6 col-xs-6 news-navigation-prev">
            @if(isset($prev) && !empty($prev))
                <a href="{{ route('newsdetail', ['id' => $prev]) }}"><i class="fa fa-chevron-left" aria-hidden="true"></i> {{ trans('interface.news-prev') }}</a>
            @endif
        </div>
        <div class="col-md-6 col-xs-6 text-right news-navigation-next">
            @if(isset($next) && !empty($next))
                <a href="{{ route('newsdetail', ['id' => $next]) }}">{{ trans('interface.news-next') }} <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            @endif
        </div>
    </div>
    <div class="row">
        <div class="col-md-9 col-xs-12">
            <div class="row news-info-wrapper">
                <div class="col-md-11 col-xs-12">
                    <div class="news-info">
                        {{ $news->news_date->format('d/m/Y') }}
                        -
                        @if(isset($news->country) && isset($news->country->country)) {{ trans('interface.' . strtolower($news->country->country->country)) }} @else {{ trans('interface.worldwide') }} @endif
                        @if(isset($news->season)) - {{ $news->season->prefisso }} @endif
                        @if(isset($news->year)) {{ $news->year->year }} @endif
                    </div>
                    @if(App::getLocale() == 'en')
                        <div class="news-title chronicle">
                            {{ $news->english->title }}
                        </div>
                        <div class="news-subtitle chronicle">
                            {{ $news->english->subtitle }}
                        </div>
                    @else
                        <div class="news-title chronicle">
                            {{ $news->title }}
                        </div>
                        <div class="news-subtitle chronicle">
                            {{ $news->subtitle }}
                        </div>
                    @endif
                </div>
                <div class="col-md-1 col-xs-12 download-all-wrapper">
                    <a href="#" class="download-all"><img src="{{ asset('img/archive.svg') }}" /></a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <ul id="news-carousel" class="cS-hidden">
                        @foreach($news->multimedia()->orderBy('orderby')->get() as $key => $multimedia)
                        <li data-thumb="{{ config('app.assetURL') }}/img/news/thumb/{{ $multimedia->source }}"> 
                            @if($multimedia->type == 2)
                                <iframe src="{{ $multimedia->video }}" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                                <a class="download-link" href="{{ $multimedia->download }}" download><img src="{{ asset('img/download.svg') }}" /></a>
                            @else
                                <img src="{{ config('app.assetURL') }}/img/news/medium/{{ $multimedia->source }}">
                                <a class="download-link" href="{{ config('app.assetURL') }}/img/news/original/{{ $multimedia->source }}" download><img src="{{ asset('img/download.svg') }}" /></a>
                            @endif
                         </li>
                        @endforeach
                    </ul>
                </div>
            </div>
            @if(App::getLocale() == 'en')
                {!! $news->english->description !!}
            @else
                {!! $news->description !!}
            @endif
            
        </div>
        <div class="col-md-3 col-xs-12 related-news">
            @if(count($related) > 0)
                <div class="related-news-title chronicle">
                    {{ trans('interface.may-also-like') }}
                </div>
                @foreach($related as $key => $article)
                    <a href="{{ route('newsdetail', ['id' => $article->id]) }}" class="news-link col-md-12 col-xs-12">
                        <div class="news-image-wrapper">
                            <img src="{{ config('app.assetURL') }}/img/news/cover/{{ $article->cover_img }}">
                        </div>
                        <div class="news-info">
                            {{ $article->news_date->format('d/m/Y') }}
                            -
                            @if(isset($article->country) && isset($article->country->country)) {{ trans('interface.' . strtolower($article->country->country->country)) }} @else {{ trans('interface.worldwide') }} @endif
                            @if(isset($article->season)) - {{ $article->season->prefisso }} @endif
                            @if(isset($article->year)) {{ $article->year->year }} @endif
                        </div>
                        @if(App::getLocale() == 'en')
                            <div class="news-title chronicle">
                                {{ $article->english->title }}
                            </div>
                        @else
                            <div class="news-title chronicle">
                                {{ $article->title }}
                            </div>
                        @endif
                    </a>
                @endforeach
            @endif
        </div>
    </div>
    @include('includes.video-wrapper')
@endsection