@extends('layout.master')
@section('meta')
    @include('layout.partials.seo', [
        'title' => $articleCategory->meta_title,
        'description' => $articleCategory->meta_description,
        'keywords' => $articleCategory->meta_keywords,
        'image' => $articleCategory->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_CATEGORY_MEDIA_PATH, 'webp')['url'],
        'schema' => $articleCategory->schema
    ])
@endsection
@section('content')

    <!-- Common Banner Area -->
    <section id="common_banner"
             style="background: url({{$articleCategory->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_CATEGORY_BANNER_MEDIA_PATH,'webp')['url']}}) no-repeat center top/cover;"
             title="{{$articleCategory->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_CATEGORY_BANNER_MEDIA_PATH)['alt']}}"
             role="img"
             aria-label="{{$articleCategory->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_CATEGORY_BANNER_MEDIA_PATH)['title']}}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="common_bannner_text">
                        <h2>{{$articleCategory->name}}</h2>
                        <ul>
                            <li>
                                <a href="{{route('home')}}" title="{{__('general.home')}}">{{__('general.home')}}</a>
                            </li>
                            <li>
                                <a href="{{route('blog.index')}}">{{__('general.blog')}}</a>
                            </li>
                            <li><span><i class="fas fa-circle"></i></span> {{$articleCategory->name}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Flight Search Areas -->
    <section id="explore_area" class="section_padding">
        <div class="container">
            <!-- Section Heading -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="section_heading_center">
                        <h2>{{$articleCategory->heading}}</h2>
                        <p>{!! strip_tags($articleCategory->description) !!}</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <div class="left_side_search_area">
                        <div class="left_side_search_boxed">
                            <div class="item_searc_map_area">
                                {!!nova_get_setting('map_iframe')!!}
                            </div>
                        </div>
                        <div class="left_side_search_boxed">
                            <div class="left_side_search_heading">
                                <h5>{{__('blog.related_article_category')}}</h5>
                            </div>
                            <div class="tour_search_type">
                                @foreach($relatedArticleCategories as  $relatedArticleCategory)
                                <div class="form-check">
                                    <a href="{{route('blog.category' , [$relatedArticleCategory->slug])}}" style="cursor: pointer;">
                                    <label class="form-check-label" for="flexCheckDefaultt1">
                                        <span class="area_flex_one">
                                            <span>{{$relatedArticleCategory->name}}</span>
                                            <span>({{$relatedArticleCategory->articles_count}})</span>
                                        </span>
                                    </label>
                                    </a>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cruise_search_result_wrapper">
                                @foreach($articles as $article)
                                <div class="cruise_search_item">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <div class="cruise_item_img">
                                                <a href="{{route('blog.show' , [$article->category->slug , $article->slug])}}">
                                                <img
                                                    loading="lazy"
                                                    src="{{$article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH ,'webp')['url']}}"
                                                    alt="{{$article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH ,'webp')['alt']}}"
                                                    title="{{$article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH ,'webp')['title']}}"
                                                >
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="cruise_item_inner_content">
                                                <div class="cruise_content_top_wrapper">
                                                    <div class="cruise_content_top_left">
                                                        <h4>
                                                        <a href="{{route('blog.show' , [$article->category->slug , $article->slug])}}">
                                                        {{$article->name}}
                                                        </a>
                                                        </h4>
                                                        <p><i class="fa fa-user"></i> {{$article->author ?? 'Admin'}}</p>
                                                    </div>
                                                </div>
                                                <div class="cruise_content_middel_wrapper">
                                                    <div class="cruise_content_middel_left">

                                                        <p>
                                                            {!! Str::limit(strip_tags($article->short_description), 250) !!}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="cruise_content_bottom_wrapper" style="float:right;position: relative;">
                                                    <div class="news_card_six_top style_new_six_top">
                                                        <h3>
                                                            {{ \Carbon\Carbon::parse($articleCategory->created_at)->format('F d, Y') }}
                                                        </h3>
                                                    </div>
                                                    <div class="cruise_content_bottom_right">
                                                        <a href="{{route('blog.show' , [$article->category->slug , $article->slug])}}" class="btn btn_theme btn_md" style="margin: 0px -20px 22px 0px;">{{__('blog.view_details')}}</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <div class="load_more_flight">
                                {{ $articles->appends(request()->query())->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{--    --}}
    @include('layout.partials.reviews')
    @include('layout.partials.faqs')
    @include('layout.partials.partner')
    {{--    --}}
@endsection