@php($cover = method_exists($property, 'getFirstMedia') ? $property->getFirstMedia('gallery') : null)
@php($site = \App\Support\SiteSettings::class)

<div class="card h-100 shadow-sm property-card border-0">
    <div class="position-relative">
        @if($cover)
            <img
                src="{{ $cover->hasGeneratedConversion('thumb') ? $cover->getUrl('thumb') : $cover->getUrl() }}"
                class="card-img-top property-card-img"
                alt="{{ $cover->getCustomProperty('alt', $property->title) }}"
                loading="lazy"
                decoding="async"
                sizes="(min-width: 1200px) 33vw, (min-width: 768px) 50vw, 100vw"
            >
        @else
            <div class="property-card-img bg-soft d-flex align-items-center justify-content-center text-primary fw-bold">
                HomesInKerala
            </div>
        @endif
        <div class="position-absolute top-0 start-0 m-3 d-flex gap-2">
            @if($property->is_premium)
                <span class="badge text-bg-warning">Premium</span>
            @endif
            @if($property->is_verified)
                <span class="badge text-bg-success">Verified</span>
            @endif
        </div>
        <span class="badge bg-primary position-absolute bottom-0 start-0 m-3 text-uppercase">{{ $property->purpose ?? $property->type?->name }}</span>
    </div>
    <div class="card-body">
        <div class="small fw-semibold text-primary mb-2">
            {{ $property->category?->name }} · {!! $site::currencySymbol() !!}{{ number_format((float) $property->price) }}
        </div>
        <h5 class="card-title">
            <a class="text-decoration-none text-dark" href="{{ route('properties.show', $property) }}">
                {{ $property->title }}
            </a>
        </h5>
        <p class="text-muted mb-3">{{ $property->city?->name }}, {{ $property->district?->name }}</p>
        <div class="d-flex flex-wrap gap-2 small">
            @if($property->bedrooms)<span class="badge text-bg-light">{{ $property->bedrooms }} beds</span>@endif
            @if($property->bathrooms)<span class="badge text-bg-light">{{ $property->bathrooms }} baths</span>@endif
            @if($property->built_area_sqft)<span class="badge text-bg-light">{{ number_format((float) $property->built_area_sqft) }} sqft</span>@endif
        </div>
        @auth
            <form method="POST" action="{{ route('user.wishlist.store', $property) }}" class="mt-3">
                @csrf
                <button class="btn btn-sm property-wishlist-btn w-100">Add to Wishlist</button>
            </form>
        @endauth
    </div>
</div>