@foreach ($posts as $categoryData)
    <aside class="bg-white mb-3">
        <div class="as-header px-2 py-2">
            <h3 class="fs-5 fw-bold text-primary mb-0"><i class="fa fa-newspaper-o" aria-hidden="true"></i>
                {{ $categoryData['category']->title }}</h3>
        </div>
        <div class="as-body d-flex gap-2 flex-column p-2">

            @foreach ($categoryData['posts'] as $post)
                <div class="mb-3">

                    <div class="d-flex flex-wrap shadow">
                        <div class="rounded-top overflow-hidden d-flex align-items-center justify-content-between w-100">
                            <img src="{{ asset($post->image) }}" alt=""
                                style="object-fit:cover; height:120px; width: 100%;">
                        </div>

                        <div
                            class="position-relative p-2 bg-white border-bottom w-100 d-flex flex-column hover-background-primary bg-opacity-hover-10 text-hover-primary text-opacity-hover-100">
                            <div class="main-content-section">
                                <h3 class="fs-7 fw-bold text-black mb-1">{{ $post->title }}</h3>
                                <span class="fsc-8">
                                    @php
                                        $displayDate = $post->published_date ?? $post->created_at;
                                    @endphp

                                    @if (session('localeSession') == 'en')
                                        {{ date('j F Y, l', strtotime($displayDate)) }}
                                    @else
                                        {{ getNepaliDate($displayDate) }}
                                    @endif
                                </span>

                            </div>
                            <a href="{{ route('post.detailwithcategory', ['postcategory' => $categoryData['category']->slug, 'slug' => $post->slug]) }}"
                                class="stretched-link"></a>
                        </div>
                    </div>
                </div>
            @endforeach

        </div>
    </aside>
@endforeach


<div class="my-3 d-none">
    <div class="as-header py-2 px-2 border-bottom border-primary">
        <h3 class="fs-5 fw-bold text-primary mb-0"><i class="fa fa-newspaper-o" aria-hidden="true"></i>
            @lang('language.publications')</h3>

    </div>
    {{-- @dd($publication) --}}
    <div class="as-body d-flex gap-2 flex-column">
        @foreach ($publications as $item)
            <div
                class="position-relative p-2 border-bottom w-100  d-flex flex-column position-relative hover-background-primary bg-opacity-hover-10 text-hover-primary text-opacity-hover-100">


                <div class="main-content-section">
                    <h3 class="fs-7 fw-bold text-black mb-1">{{ $item->title }}</h3>

                </div>


                <a href="{{ route('post.bycategory', ['slug' => $item->slug]) }}" class="stretched-link"></a>
            </div>
        @endforeach

    </div>

</div>