@props([
    'post' => null,
    'layout' => 'vertical',
    'showImage' => true,
    'showCategory' => true,
    'showDate' => true,
    'imageSize' => 'medium',
    'class' => '',
])

@if($post)
<article class="news-card news-card-small {{ $class }} layout-{{ $layout }}">
    <a href="{{ route('single', $post->slug) }}" class="news-card-link" aria-label="{{ $post->title }}">
        @if($showImage)
        <div class="news-card-image-wrapper">
            <img src="{{ $post->thumbnail_url }}" 
                 alt="{{ $post->title }}"
                 class="news-card-image"
                 loading="lazy"
                 width="{{ $imageSize === 'small' ? '120' : '200' }}"
                 height="{{ $imageSize === 'small' ? '80' : '133' }}">
            
            @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
        </div>
        @endif
        
        <div class="news-card-content">
            @if($showCategory && $post->category)
            <span class="news-card-category">{{ $post->category->name_bn }}</span>
            @endif
            
            <h4 class="news-card-title">
                {{ $post->title }}
            </h4>
            
            <div class="news-card-meta">
                @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