@php
    $purposeIsRent = $property->listing_purpose === 'for_rent';
    $purposeLabel = $purposeIsRent ? 'For Rent' : 'For Sale';
    $purposeBadgeClass = $purposeIsRent ? 'badge-rent' : 'badge-sale';
    $typeLabel = $propertyTypes[$property->type] ?? ucfirst(str_replace('-', ' ', $property->type));
    $detailUrl = $property->public_slug
        ? route('public.properties.show', ['slug' => $property->public_slug, 'id' => $property->id])
        : '#';
    // Never `location` (the free-text "Full Address" field) — exact
    // address must never reach a public page (PUB-12); it's excluded at
    // the query level too (see PublicPropertySearchService::PUBLIC_COLUMNS).
    $localityCity = (string) $property->city;
    $isNew = $property->created_at && $property->created_at->gt(now()->subDays(7));

    $bhk = \App\Models\Property::bhkDisplayNumber($property->type_details['bhk'] ?? null);
    $areaLabel = rtrim(rtrim(number_format((float) $property->area, 2, '.', ''), '0'), '.') . ' ' . $property->area_unit;
    $specStrip = $bhk ? "{$bhk} BHK · {$areaLabel}" : ($property->type === 'plot' ? "{$areaLabel} plot" : $areaLabel);

    $chipTags = ($property->tags ?? collect())->take(3);
@endphp
<div class="col-12 col-sm-6 col-lg-4">
    <article class="prop-card">
        <div class="prop-media">
            @if ($property->coverImage)
                <a href="{{ $detailUrl }}" style="position:absolute;inset:0;">
                    <img src="{{ route('public.properties.photo', $property->coverImage) }}" alt="{{ $property->title }}" style="width:100%;height:100%;object-fit:cover;">
                </a>
            @else
                <a href="{{ $detailUrl }}" class="ph" style="position:absolute;inset:0;display:grid;place-items:center;" aria-label="View {{ $property->title }}">Property photo</a>
            @endif
            <div class="tl">
                <span class="badge-pill {{ $purposeBadgeClass }}">{{ $purposeLabel }}</span>
                @if ($isNew)
                    <span class="badge-pill badge-new">New</span>
                @endif
            </div>
            @if (($property->images_count ?? 0) > 0)
                <span class="img-count">{{ $property->images_count }} {{ Str::plural('photo', $property->images_count) }}</span>
            @endif
        </div>
        <div class="prop-body">
            <div class="d-flex justify-content-between align-items-center">
                <span class="prop-type">{{ $typeLabel }}</span>
                <span class="small text-muted-2">Posted {{ $property->created_at->format('d M Y') }}</span>
            </div>
            <a href="{{ $detailUrl }}" class="text-reset"><h3 class="prop-title">{{ $property->title }}</h3></a>
            @if ($localityCity)
                <div class="d-flex align-items-center gap-1 text-muted-2" style="font-size:13.5px;"><span class="text-green">◉</span>{{ $localityCity }}</div>
            @endif
            <div class="d-flex justify-content-between align-items-baseline flex-wrap gap-2 mt-1">
                <span class="prop-price">{{ $property->formattedPrice() }}</span>
            </div>
            <div class="spec-strip">{{ $specStrip }}</div>
            @if ($chipTags->isNotEmpty())
                <div class="d-flex flex-wrap gap-1">
                    @foreach ($chipTags as $tag)
                        <span class="chip">{{ $tag->name }}</span>
                    @endforeach
                </div>
            @endif
            <div class="flex-grow-1"></div>
            <button type="button" class="btn btn-soft w-100 mt-2 py-2" data-contact="{{ $property->title }}" data-property-id="{{ $property->id }}">Contact about this property</button>
        </div>
    </article>
</div>