@extends('front.layouts.front')
@php
    $pagination = str_replace('/?', '?', $posts->links());
@endphp
@section('content')

{{-- Manual inclusion of components for Taxonomy Categories pages --}}
@include('componentpagehero::front', ['sub' => (object) ['image' => (object) ['secure_url' => config('env.CLOUDINARY_STATIC_URL').'/white-bg.png'], 'mode' => 2]])
@include('componentbanner::front')
@include('componentnavbar::front')

<div class="mb-5 article-archive" id="app">
    {{-- <h1 class="h1 text-center py-5">{{ $taxonomy->title }}</h1> --}}
    <div class="container-fluid">
        <div class="container">
            @include('componentheading::front', ['sub' => (object) ['content' => $taxonomy->title, 'tag' => 'h1', 'display' => 'h1', 'align' => 'text-center'], 'item' => (object) ['classes' => 'special-heading']])
            <div class="row">
                <div class="col-12 mb-5 text-center">
                    {!! $taxonomy->description !!}
                </div>
                <div class="col-12">
                    @foreach($stripped_posts as $stripped_post)
                        {{-- @php
                        $article_categories = $stripped_post->post->taxonomies->where('hierarchical', 0)->map(function($item) {
                            return ['slug' => $item->slug, 'title' => $item->title];
                        });
                        $categories_map = $article_categories->map(function($item) {
                            return $item['title'];
                        });
                        @endphp --}}
                        @if ($taxonomy->slug === 'testimonials')
                        <section class="container-fluid archive-item px-sm-5">
                            <div class="container">
                                <div class="row py-3 py-md-5">
                                    <div class="col-12 testimonial-quote text-center">
                                        <p><strong>{{ $stripped_post->post->title }}</strong></p>
                                        {!! $stripped_post->post->description !!}
                                    </div>
                                </div>
                            </div>
                        </section>
                        @elseif ($taxonomy->slug === 'news')
                        <section class="container-fluid archive-item">
                            <div class="container">
                                <div class="row py-3 py-md-5 align-items-center">
                                    <div class="col-8 col-md-4 mb-4 mb-md-0 offset-2 offset-md-0">
                                        @if (!empty($stripped_post->post->gallery->images[0]->image))
                                            <div class="embed-responsive embed-responsive-1by1">
                                                <img src="{{ $stripped_post->post->gallery->images[0]->image->getMedium() }}" alt="{{ $stripped_post->post->gallery->images[0]->image->alt }}" class="embed-responsive-item object-fit-cover">
                                            </div>
                                        @endif
                                    </div>
                                    <div class="col-md-8">
                                        <p><strong>{{ $stripped_post->post->title }}</strong></p>
                                        <p>{!! getPostExcerpt($stripped_post) !!}</p>
                                        <a href="/news/{{ $stripped_post->post->slug }}" class="btn btn-primary text-uppercase rounded-0">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </section>
                        @endif
                    @endforeach
                    @if ($pagination)
                    <div class="pt-5 d-flex justify-content-center">
                        {!! $pagination !!}
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
<div id="template-wrapper">
    @include("template::partials.front.main")
</div>
@endsection