@extends('layout.master')
@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')
    <!-- Common Banner Area -->
    <section id="common_banner"
        style="background-image:url({{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH, 'webp')['url'] }});"
        role="img" aria-label="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH)['alt'] }}"
        title="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH)['title'] }}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="common_bannner_text">
                        <h1>{{ $article->name }}</h1>
                        <ul>
                            <li><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                            <li><span><i class="fas fa-circle"></i></span><a
                                    href="{{ route('blog.category') }}">{{ __('article.our_blog') }}</a></li>
                            <li><span><i class="fas fa-circle"></i></span><a
                                    href="{{ route('blog.index', $article->category->slug) }}">{{ $article->category->name }}</a>
                            </li>
                            <li><span><i class="fas fa-circle"></i></span>{{ $article->name }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- News Area -->
    <section id="news_details_main_arae" class="section_padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="news_detail_wrapper">
                        <div class="news_details_content_area">
                            <img src="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_BANNER_MEDIA_PATH, 'webp')['url'] }}"
                                alt="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['alt'] }}"
                                title="{{ $article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['title'] }}"
                                width="auto" height="auto">
                            <h2>{{ $article->name }}</h2>
                            {!! $article->description !!}

                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="news_details_rightbar">
                        {{-- <div class="news_details_right_item">
                            <h3>{{__('article.recent_blogs')}}</h3>
                            @foreach ($recentArticles as $recentArticle)
                            <div class="recent_news_item">
                                <div class="recent_news_img">
                                    <img src="{{$recentArticle->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH, 'webp')['url']}}"
                                    alt="{{$recentArticle->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['alt']}}"
                                    title="{{$recentArticle->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH)['title']}}" alt="img">
                                </div>
                                <div class="recent_news_text">
                                    <h5><a href="{{route('blog.show', [$recentArticle->category->slug, $recentArticle->slug] )}}">{{$recentArticle->name}} </a></h5>
                                    <p><a href="{{route('blog.show', [$recentArticle->category->slug, $recentArticle->slug] )}}">{{ \Carbon\Carbon::parse($recentArticle->created_at)->format('d M Y') }}</a> </p>
                                </div>
                            </div>
                            @endforeach
                        </div> --}}
                        <div class="news_details_right_item">
                            <h3> {{ __('article.related_tours') }} </h3>
                            @foreach ($article->tours as $tour)
                                <div class="recent_news_item">
                                    <div class="recent_news_img">
                                        <img  src="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH, 'webp')['url']}}"
                                        alt="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH)['alt']}}"
                                        title="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH)['title']}}" 
                                        >
                                    </div>
                                    <div class="recent_news_text">
                                        <h5><a href="{{route('tour.show', ['categorySlug'=>$tour->category->category->slug, 'subCategorySlug'=>$tour->category->slug, 'tourSlug'=>$tour->slug])}}">{{$tour->name}} </a></h5>
                                        <p><a href="{{route('tour.show', ['categorySlug'=>$tour->category->category->slug, 'subCategorySlug'=>$tour->category->slug, 'tourSlug'=>$tour->slug])}}">{{Currency::display($tour->final_price)}} <sub>/{{__('tour.per_person')}}</sub></a> </p>
                                    </div>
                                </div>
                            @endforeach


                        </div>

                        <div class="tour-details-deals">
                            <div class="tour-details-package-item blog-sidebar blog__sidebar">
                                <h3 class="">{{ __('article.recent_blogs') }}</h3>
                                <hr>
                                <ul>
                                    @foreach ($recentArticles as $recentArticle)
                                        <li class="underline-two">
                                            <a
                                                href="{{ route('blog.show', [$recentArticle->category->slug, $recentArticle->slug]) }}">
                                                <i class="fa-solid fa-angles-right" aria-hidden="true"></i>
                                                {{ $recentArticle->name }} </a>
                                        </li>
                                    @endforeach

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection