@foreach ($filteredNews as $news)
<div class="News-Card-List">
    <div class="inner-news-card col-12">
        <div class="news-info">
            <a href="{{route('site.new.show', ['id' => $news->id, 'title' => str_replace(' ', '-', $news->title)]) }}"
                class="img-container">
                <img src="{{ $news['image'] && $news['image'] !== '' ? $news['image'] : asset('end-user/bkamthis.png') }}"
                    alt="{{ $news['title'] }}" />
            </a>
            <div class="controls">
                <a
                    href="{{route('site.new.show', ['id' => $news->id, 'title' => str_replace(' ', '-', $news->title)]) }}">
                    <button type="button">
                        <i class="fa-regular fa-heart"></i>

                    </button>
                </a>
                <a
                    href="{{route('site.new.show', ['id' => $news->id, 'title' => str_replace(' ', '-', $news->title)]) }}">
                    <i class="fa-regular fa-message"></i>

                </a>
                <button type="button" onclick="share_object()">
                    <i class="fa-solid fa-share-nodes"></i>
                </button>
            </div>
        </div>
        <div class="news-details">
            <a href="{{route('site.new.show', ['id' => $news->id, 'title' => str_replace(' ', '-', $news->title)])  }}"
                class="title">
                {{ $news['title'] }}
            </a>
            <p class="description">
                {{ $news['title'] }}
            </p>

            <div class="magazine">
                <span class="icon">
                    <i class="fa-solid fa-bolt"></i>
                </span>
                <a href="{{ $news['link'] }}" target="_blank" class="m_src">{{ $news['domain']
                    }}</a>
                <div class="writer">{{ $news['publisher'] ?? 'bkamthis' }}</div>
                <p class="date"> {{
                    \Carbon\Carbon::createFromTimestamp($news['date'])->diffForHumans() }}</p>
            </div>
        </div>
    </div>

</div>
<br>
@endforeach