@extends('layouts.app')

@section('content')
<div class="back-wrapper">
            @php
                $locale = app()->getLocale();
            @endphp
            <!--================= Back Breadcrumbs Section Start Here =================-->
            <div class="back-breadcrumbs">
                <div class="breadcrumbs-wrap">
                    <div class="breadcrumbs-inner">
                        <div class="container">
                            <div class="breadcrumbs-text">
                                <h1 class="breadcrumbs-title">{{ __('site.blog.title') }}</h1>
                                <div class="back-nav">
                                    <ul>
                                        <li><a href="{{ route('home', ['locale' => locale_param()]) }}">{{ __('site.common.home') }}</a></li>
                                        <li>{{ __('site.blog.title') }}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                
            </div>
            <!--================= Back Breadcrumbs Section End Here =================-->

            <!--================= Blog Section Start Here =================-->
            <div class="back__blog__area back-blog-page pt-70 pb-60">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="blog-grid">
                                @forelse ($posts as $post)
                                    @php
                                        $slug = $post->slugForLocale($locale) ?? '';
                                        $title = $post->titleForLocale($locale) ?? '';
                                        $excerpt = $post->excerptForLocale($locale)
                                            ?? \Illuminate\Support\Str::limit(strip_tags($post->contentForLocale($locale) ?? ''), 140);
                                        $cover = $post->cover_image ? Storage::url($post->cover_image) : asset('assets/images/blog-grid/1.jpg');
                                        $category = $post->categories->first();
                                        $categoryName = $category?->nameForLocale($locale);
                                        $categorySlug = $category?->slugForLocale($locale);
                                    @endphp
                                    <div class="single-blog">
                                        <div class="inner-blog">
                                            <div class="blog-img">
                                                <a href="{{ post_url($slug) }}"><img src="{{ $cover }}" alt="Blog Image"></a>
                                            </div>
                                            <div class="blog-content">
                                                <ul class="top-part">
                                                    <li>
                                                        <img src="{{ asset('assets/images/author/1.jpg') }}" alt="image"> {{ $siteTitle }}
                                                    </li>
                                                    <li class="date-part">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
                                                        {{ optional($post->published_at)->format('M d, Y') }}
                                                    </li>
                                                </ul>

                                                <h3 class="blog-title"><a href="{{ post_url($slug) }}">{{ $title }}</a></h3>
                                                <p class="blog-desc">{{ $excerpt }}</p>
                                                @if ($categoryName)
                                                    <a href="{{ category_url($categorySlug) }}" class="back-cate back-tra">{{ $categoryName }}</a>
                                                @endif
                                                <a href="{{ post_url($slug) }}" class="back-btn-border">{{ __('site.common.read_more') }} <i class="arrow_right"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                @empty
                                    <p>{{ __('site.common.no_posts') }}</p>
                                @endforelse
                            </div> 
                            <!--================= Pagination Section End Here =================-->
                            @if ($posts instanceof \Illuminate\Pagination\LengthAwarePaginator)
                                <ul class="back-pagination">
                                    @php
                                        $last = min($posts->lastPage(), 3);
                                    @endphp
                                    @for ($page = 1; $page <= $last; $page++)
                                        <li><a href="{{ $posts->url($page) }}">{{ $page }}</a></li>
                                    @endfor
                                    @if ($posts->hasMorePages())
                                        <li class="back-next"><a href="{{ $posts->nextPageUrl() }}">{{ __('site.common.next') }}<i class="arrow_carrot-right"></i></a></li>
                                    @endif
                                </ul>
                            @endif
                            <!--================= Pagination Section End Here =================-->  
                        </div>
                        <div class="col-lg-4">
                            <div class="back-sidebar pl-30 md-pl-0 back-hero-area back-latest-posts back-whats-posts">

                                <form class="mb-44" action="{{ route('search', ['locale' => locale_param()]) }}" method="get">
                                    <input type="text" name="q" placeholder="{{ __('site.common.search_placeholder') }}" value="{{ $searchQuery ?? '' }}">
                                    <button type="submit"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> </button>
                                </form>                               

                                <div class="back-title back-small-title">
                                    <h2>{{ __('site.common.follow_us') }}</h2>
                                </div>

                                <ul class="social-area">
                                    @forelse (($socialLinks ?? collect()) as $link)
                                        <li>
                                            <div>
                                                <a href="{{ $link->url }}" target="_blank" rel="noopener">
                                                    <i class="{{ $link->icon ?: 'fa-brands fa-linkedin-in' }}"></i>
                                                </a>
                                                <span>{{ $link->name }}</span>
                                            </div>
                                        </li>
                                    @empty
                                        <li>
                                            <div>
                                                <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                                <span>{{ $siteTitle }}</span>
                                            </div>
                                        </li>
                                    @endforelse
                                </ul>
                                <div class="back-title back-small-title pt-30">
                                    <h2>{{ __('site.common.latest_news') }}</h2>
                                </div>
                                <ul class="back-hero-bottom">
                                    @forelse ($latestSidebar ?? [] as $post)
                                        @php
                                            $slug = $post->slugForLocale($locale) ?? '';
                                            $title = $post->titleForLocale($locale) ?? '';
                                            $cover = $post->cover_image ? Storage::url($post->cover_image) : asset('assets/images/dont/1.jpg');
                                            $category = $post->categories->first();
                                            $categoryName = $category?->nameForLocale($locale);
                                            $categorySlug = $category?->slugForLocale($locale);
                                        @endphp
                                        <li>
                                            <div class="image-areas">
                                                <a href="{{ post_url($slug) }}"><img src="{{ $cover }}" alt="image"></a>
                                            </div>
                                            <div class="back-btm-content">
                                                @if ($categoryName)
                                                    <a href="{{ category_url($categorySlug) }}" class="back-cates">{{ $categoryName }}</a>
                                                @endif
                                                <h3><a href="{{ post_url($slug) }}">{{ $title }}</a></h3>
                                                <ul>
                                                    <li class="back-date">{{ __('site.common.by') }} <a href="#">{{ $siteTitle }}</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                    @empty
                                        <li>{{ __('site.common.no_posts') }}</li>
                                    @endforelse
                                </ul>
                                @php
                                    $sidebarBanner = $bannerBlogSidebar ?? null;
                                    $gridBanners = ($bannerBlogGrid ?? collect())->take(6);
                                @endphp

                                @if ($sidebarBanner)
                                    <div class="back-add pt-15">
                                        <a href="{{ $sidebarBanner->link_url ?: '#' }}" target="_blank" rel="noopener">
                                            <img src="{{ Storage::url($sidebarBanner->image) }}" alt="{{ $sidebarBanner->titleForLocale($locale) ?? 'banner' }}">
                                        </a>
                                    </div>
                                @endif

                                @if ($gridBanners->isNotEmpty())
                                    <div class="back-title back-small-title pt-50">
                                        <h2>{{ __('site.common.highlights') }}</h2>
                                    </div>
                                    <ul class="back-instragram">
                                        @foreach ($gridBanners as $banner)
                                            <li>
                                                <a href="{{ $banner->link_url ?: '#' }}" target="_blank" rel="noopener">
                                                    <img src="{{ Storage::url($banner->image) }}" alt="{{ $banner->titleForLocale($locale) ?? 'banner' }}">
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif

                                @if (($navCategories ?? collect())->isNotEmpty())
                                    <div class="back-title back-small-title pt-50">
                                        <h2>{{ __('site.common.categories') }}</h2>
                                    </div>
                                    <div class="widget widget-tags">
                                        <ul class="tags">
                                            @foreach ($navCategories as $category)
                                                @php
                                                    $catName = $category->nameForLocale($locale) ?? '';
                                                    $catSlug = $category->slugForLocale($locale) ?? '';
                                                @endphp
                                                <li><a href="{{ category_url($catSlug) }}">{{ $catName }}</a></li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--================= Blog Section End Here =================-->
        </div>
@endsection