@props([
'title' => '',
'author' => '',
'date' => '',
'image' => '',
'description' => '',
'likes' => '',
'slug' => '',
'url'=>'',
'img_alt_title'=>'',
'post_author'=>'',
'id'=>'',
'isliked'=>'',
'isFirst' => false
])
    <div class="blog-card shadow-sm rounded h-100 d-flex flex-column p-0">
        <a href="{{ url('/' . $slug) }}" class="mb-2 d-block" title="{{ $title }}" wire:ignore>
            <img src="{{ $image }}" alt="{{ $img_alt_title ?: $title }}"
                class="rounded w-100" width="306" height="170"
                @if($isFirst)
                    loading="eager"
                    fetchpriority="high"
                @else
                    loading="lazy"
                @endif
            />
        </a>

        <div class="d-flex justify-content-between align-items-center mb-2 py-1 px-2 fs-14">
            <a href="{{ url('crypto-author/' . $post_author) }}" class="text-decoration-none"
                title="Meet {{ $author }}, Crypto Journalist at Crypto Presale News"><span class="text-dark fw-semibold me-2">By: {{ $author }}</span></a>
            @php
                $formattedDate = \Carbon\Carbon::parse($date);
            @endphp

            <time class="text-body-secondary" datetime="{{ $formattedDate->toIso8601String() }}">
                {{ $formattedDate->format('d-m-Y') }}
            </time>
        </div>

        <span class="mb-2 fw-bold px-2">
            <a href="{{ url('/' . $slug) }}" class="text-decoration-none link-customize two-line-text" title="{{ $title }}">
                {{ $title }}
            </a>
        </span>

        <div class="d-flex justify-content-between position-relative align-items-center mt-auto px-2 pb-2">
            <div class="d-flex align-items-center" style="cursor: pointer;">
                <x-like-card :id="@$id" :type="'news'" :liked="@$liked" :likescounts="@$likes" :likd="1"
                    :favorite="@$isliked" />
            </div>

            <button type="button" class="share-button border-0 cursor-pointer px-3 py-2" data-bs-toggle="modal"
                data-bs-target="#shareModal" wire:click.prevent="setShareUrl('{{ URL::to($slug) }}')">
                <i class="fa-solid fa-share-nodes"></i>Share
            </button>
        </div>
    </div>