@props([
'title' => '24 Hr Cryptoate: Bitcoin Holds, Altcoins Mixed',
'url' => '#',
'image' => '/version4/images/newsblock.png',
'imgalttitle'=>'',
'category' => 'Bitcoin News',
'sponsor' => 'Sponsor’s Name',
'authorName'=>'',
'authorUrl' => null,
'type' => 'big', // large or small,
'publishedAt'=>''
])

@if($type === 'big')
<div class="newssinglegrid">
    <div class="card border-0 bg-transparent shadow-none">
        <div class="card-header p-0 w-100 border-0">
            <a href="{{ $url }}" title="{{ $title }}" itemprop="url">
                <img src="{{ asset($image) }}" class="img-fluid rounded-3" alt="{{ $imgalttitle ?: $title }}" itemprop="image"  loading="lazy" width="400" height="223">
            </a>
        </div>
        <div class="card-body p-1">
            <a href="{{ $url }}" class="text-decoration-none" title="{{ $title }}" itemprop="headline">
                <span class="fw-semibold text-black one-line-text fs-14">{{ $title }}</span>
            </a>
        </div>
        <div
            class="card-footer d-flex justify-content-between py-0 px-1 align-items-center bg-transparent border-0">
            <span class="fs-13   d-flex align-items-center gap-2">

                @if($authorUrl)
                <a href="{{ $authorUrl }}" class="text-decoration-none text-black one-line-text" title="{{ $authorName }}">
                    <i class="fa-solid fa-circle-user"></i> <span itemprop="name">{{ $authorName }}</span>
                </a>
                @else
                <span class="fw-semibold small text-black fs-13 one-line-text">
                    <i class="fa-solid fa-circle-user"></i> <span itemprop="name">{{ $authorName }}</span>
                </span>
                @endif
            </span>
            <p class="fs-13 text-black d-flex align-items-center gap-2 mb-0">
                <span class="one-line-text"><i class="fa-solid fa-calendar-days"></i>
                    {{ \Carbon\Carbon::parse($publishedAt)->format('d-m-Y') }}</span>
            </p>
        </div>
    </div>
</div>
@else

<div class="row g-0 card-group  mb-3 rounded-3 overflow-hidden">
    <div class="col-lg-4 col-md-5 col-4 px-0 imagecard">
        <a href="{{ $url }}" title="{{ $title }}" itemprop="url">
            <img src="{{ asset($image) }}" class="img-fluid rounded-3" alt="{{ $imgalttitle ?: $title }}" itemprop="image" width="690" height="74">
        </a>
        <span class="d-none">{{ $title }}</span>

    </div>
    <div class="col-lg-8 col-md-7 col-8 px-0 mb-0 card flex-auto bg-transparent border-0">
        <div class="card-body text-decoration-none  border-0 py-0">
            <a href="{{ $url }}" class="text-black text-decoration-none  title=" {{ $title }}" itemprop="headline">
                <span class="fs-14 fw-semibold two-line-text">{{ $title }}</span>
            </a>
        </div>
        <div class="card-footer bg-transparent border-0 py-0">
            <div class="d-flex justify-content-between align-items-center  flex-wrap">
                @if($authorUrl)
                <a href="{{ $authorUrl }}" class="text-decoration-none text-black one-line-text fs-13" title="{{ $authorName }}">
                    <i class="fa-solid fa-circle-user"></i> <span itemprop="name">{{ $authorName }}</span>
                </a>
                @else
                <span class="fw-semibold small text-black fs-13 one-line-text">
                    <i class="fa-solid fa-circle-user"></i> <span itemprop="name">{{ $authorName }}</span>
                </span>
                @endif
                <span class="fs-13 text-black d-flex align-items-center gap-2 one-line-text"><i
                        class="fa-solid fa-calendar-days"></i> {{ \Carbon\Carbon::parse($publishedAt)->format('d-m-Y') }}</span>
            </div>
        </div>
    </div>
</div>
@endif