@props([
    'post',
    'board',
    'variant' => 'tenant',
    'href' => null,
    'showImage' => true,
    'excerptLimit' => 80,
])

@php
    $href = $href
        ?? (method_exists($post, 'resolvePostUrl') ? $post->resolvePostUrl() : '');
    $thumbnailUrl = $showImage
        ? (method_exists($post, 'thumbnailUrl') ? $post->thumbnailUrl() : ($post->thumbnail_url ?? null))
        : null;
    $tenantName = data_get($post, 'tenant.name') ?: ($post->tenant_key ?? null);
    $description = trim((string) ($post->meta_description ?? ''));
@endphp
<a
    href="{{ $href }}"
    class="group grid grid-cols-[minmax(0,2fr)_minmax(0,clamp(110px,18vw,190px))] gap-4 transition-colors hover:bg-surface1 md:gap-6"
>
    <div class="min-w-0">
        <div class="space-y-3">
            <div class="space-y-2">
                <div class="line-clamp-2 text-base font-bold leading-tight tracking-[-0.03em] c-main group-hover:underline group-hover:decoration-current group-hover:underline-offset-4 sm:text-lg">
                    {{ $post->title }}
                </div>

                @if ($description !== '')
                    <p class="line-clamp-1 lg:line-clamp-2 text-sm leading-5 c-muted">
                        {{ $description }}
                    </p>
                @endif
            </div>
        </div>
    </div>

    <div class="relative aspect-[16/9] overflow-hidden rounded-[0.75rem] bg-surface">
        @if ($thumbnailUrl)
            <img
                src="{{ $thumbnailUrl }}"
                alt=""
                class="absolute inset-0 h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.035]"
            >
        @else
            <div class="absolute inset-0 flex items-center justify-center bg-brand-gradient px-6 text-center text-white">
                <div class="space-y-3">
                    @if ($tenantName)
                        <div class="text-xs font-semibold uppercase tracking-[0.22em] text-white/70">
                            {{ $tenantName }}
                        </div>
                    @endif
                    <div class="text-lg font-semibold leading-tight tracking-[-0.03em]">
                        {{ $post->title }}
                    </div>
                </div>
            </div>
        @endif
    </div>
</a>