@if($details->count() > 0)
    @foreach ($details as $item)
    <li class="position-relative py-3 px-2 d-flex align-items-between justify-content-start gap-4 border-bottom result-item rounded flex-grow-1 text-hover-danger hover-shadow">
        <div class="img-section-l bg-white d-flex align-items-center justify-content-center flex-grow-1"
            style="width: 350px; height:200px;">
            <img class="lazy"
                data-src="{{ asset($item->image ?? 'site/img/default.png') }}"
                alt="{{ $item->title }}"
                class="w-100 h-100 object-fit-cover"
                style="object-fit: cover; width: 200px;">
        </div>
        <div class="cotnent-section-relative flex-grow-1 d-flex align-items-start justify-content-between flex-column py-4 w-75">
            <span class="fw-bold fs-5 fwc-600">
                {{ $item->title }}
            </span>
            @isset($item->published_date)
                <div class="mt-2">
                    <span class="fw-bold fs-7 text-custom-blue-dark2">{{ getNepaliDate($item->published_date) }}</span>
                </div>
            @endisset
            {{-- <div class="mt-2">
                <span class="badge bg-primary">
                    {{ $item->categories->first()->title ?? '' }}
                </span>
            </div> --}}
        </div>
        <a href="{{ route('post.detailwithcategory', ['postcategory' => $item['categories']->first()->slug, 'slug' => $item->pslug]) }}" class="stretched-link"></a>
    </li>
    @endforeach
@else
    <div class="alert alert-info">
        No items found for this category.
    </div>
@endif