@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => $article->meta_title,
        'description' => $article->meta_description,
        'keywords' => $article->meta_keywords,
        'image' => $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH, 'webp')['url'],
        'schema' => $article->schema
    ])
@endsection
@section('content')
    <div class="wpo-breadcumb-area" style="background: url({{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH, 'webp')['url'] }}) no-repeat center top/cover;"
         title="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH)['title'] }}"
         role="img" aria-label="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH)['alt'] }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="wpo-breadcumb-wrap">
                        <h1>{{ $article->name }}</h1>
                        <ul>
                            <li><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                            <li><a href="{{ route('blog.index', [$country->slug, $blogCategory->slug]) }}">{{ $blogCategory->name }}</a></li>
                            <li><span>{{ $article->name }}</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpo-blog-pg-section blog-pg-left-sidebar section-padding">
        <div class="container">
            <div class="row">

                <div class="col col-lg-8 col-12 order-lg-2">
                    <div class="wpo-blog-content">
                        <div class="post format-standard-image">
                            <div class="entry-media">
                                <img src="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH, 'webp')['url'] }}"
                                     alt="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['alt'] }}"
                                     title="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['title'] }}">
                            </div>
                            <div class="entry-meta">
                                <ul>
                                    @if($article->author)
                                    <li><i class="fi flaticon-user"></i> {{ __('blog.by') }} {{ $article->author }} </li>
                                    @endif
                                    <li><i class="fi flaticon-calendar"></i>{{ date('d M Y', strtotime($article->created_at)) }}</li>
                                </ul>
                            </div>
                            <div class="entry-details">
                                <h3>{{ $article->heading }}</h3>
                                {!! $article->description !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col col-lg-4 col-12 order-lg-1">
                    <div class="blog-sidebar">
                        @if(count($related_categories))
                        <div class="widget category-widget">
                            <h3>{{ __('blog.categories') }}</h3>
                            <ul>
                                @foreach($related_categories as $related_category)
                                    <li><a href="{{ route('blog.index', [$country->slug, $related_category->slug]) }}">{{ $related_category->name }} <span>{{ count($related_category->articles) }}</span></a></li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                        @if(count($recent_articles))
                        <div class="widget recent-post-widget">
                            <h3>{{ __('blog.recent_posts') }}</h3>
                            <div class="posts">
                                @foreach($recent_articles as $recent_article)
                                    <div class="post">
                                        <div class="img-holder">
                                            <a href="{{ route('blog.show', [$country->slug, $blogCategory->slug, $recent_article->slug]) }}">
                                                <img src="{{ $recent_article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH, 'webp')['url'] }}"
                                                     alt="{{ $recent_article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['alt'] }}"
                                                     title="{{ $recent_article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['title'] }}">
                                            </a>
                                        </div>
                                        <div class="details">
                                            <h4><a href="{{ route('blog.show', [$country->slug, $blogCategory->slug, $recent_article->slug]) }}">{{ $recent_article->name }}</a></h4>
                                            <span class="date">{{ date('d M Y', strtotime($recent_article->created_at)) }}</span>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('layout.partials.newsletter')
    @include('layout.partials.faq')
    @include('layout.partials.partner')
@endsection