@props([
    'post' => null,
    'size' => 'large',
    'showExcerpt' => true,
    'showCategory' => true,
    'showAuthor' => false,
    'showDate' => true,
    'imageHeight' => null,
    'class' => '',
])

@if($post)
<article class="news-card news-card-large {{ $class }} {{ $size === 'large' ? 'size-large' : 'size-medium' }}">
    <a href="{{ route('single', $post->slug) }}" class="news-card-link" aria-label="{{ $post->title }}">
        <div class="news-card-image-wrapper">
            <img src="{{ $post->thumbnail_url }}" 
                 alt="{{ $post->title }}"
                 class="news-card-image"
                 loading="lazy"
                 width="600"
                 height="{{ $imageHeight ?? (($size === 'large') ? '340' : '200') }}"
                 style="{{ $imageHeight ? 'height: ' . $imageHeight . 'px' : '' }}">
            
            @if($post->is_video)
            <span class="news-card-badge news-card-video">
                <svg viewBox="0 0 24 24" fill="currentColor">
                    <polygon points="5 3 19 12 5 21 5 3"></polygon>
                </svg>
            </span>
            @endif
            
            @if($post->is_breaking)
            <span class="news-card-badge news-card-breaking">জরুরি</span>
            @endif
            
            @if($showCategory && $post->category)
            <span class="news-card-category">{{ $post->category->name_bn }}</span>
            @endif
        </div>
        
        <div class="news-card-content">
            <h3 class="news-card-title">
                {{ $post->title }}
            </h3>
            
            @if($showExcerpt && $post->excerpt)
            <p class="news-card-excerpt">
                {{ Str::limit(strip_tags($post->excerpt), 150) }}
            </p>
            @endif
            
            <div class="news-card-meta">
                @if($showAuthor && $post->author)
                <span class="news-card-author">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                        <circle cx="12" cy="7" r="4"></circle>
                    </svg>
                    {{ $post->author->name }}
                </span>
                @endif
                
                @if($showDate)
                <span class="news-card-date">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 6 12 12 16 14"></polyline>
                    </svg>
                    {{ $post->published_at->diffForHumans() }}
                </span>
                @endif
                
                @if($post->views_count > 0)
                <span class="news-card-views">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                        <circle cx="12" cy="12" r="3"></circle>
                    </svg>
                    {{ number_format($post->views_count) }}
                </span>
                @endif
            </div>
        </div>
    </a>
</article>
@endif