@props([
    'href' => '#',
    // Accepts a committed asset path OR an already-resolved absolute URL
    // (what PropertyImage::$url returns for an uploaded file).
    'image' => 'assets/img/properties/prop-1.jpg',
    'title' => '',
    'status' => 'To Let',
    'price' => '',
    'period' => 'PCM',
    'type' => '',
    'beds' => null,
    'baths' => null,
    'text' => '',
    // h2 on the listing page, h3 in featured / similar grids
    'heading' => 'h3',
])

<article {{ $attributes->class(['property-card', 'pl-card']) }}>
	<a class="property-card-hit" href="{{ $href }}">
		<div class="property-card-media">
			<img src="{{ \App\Support\MediaUrl::resolve($image) ?? asset('assets/img/properties/prop-1.jpg') }}" alt="" loading="lazy" decoding="async">
			<div class="property-card-media-shade" aria-hidden="true"></div>
			<span class="property-card-go" aria-hidden="true"><i class="bx bx-arrow-up-right-stroke"></i></span>
			<span class="property-card-status">{{ $status }}</span>
			<span class="property-card-price">{{ $price }} <span class="pcm">{{ $period }}</span></span>
		</div>
		<div class="property-card-body">
			<{{ $heading }} class="property-card-title">{{ $title }}</{{ $heading }}>
			<ul class="property-card-facts" aria-label="Key facts">
				@if ($type)
					<li><i class="bx bx-home-alt-2" aria-hidden="true"></i><span>{{ $type }}</span></li>
				@endif
				@if (! is_null($beds))
					<li><i class="bx bx-bed-alt" aria-hidden="true"></i><span>{{ $beds }} bed</span></li>
				@endif
				@if (! is_null($baths))
					<li><i class="bx bx-bath" aria-hidden="true"></i><span>{{ $baths }} bath</span></li>
				@endif
			</ul>
			@if ($text !== '')
				<p class="property-card-text">{{ $text }}</p>
			@endif
		</div>
	</a>
</article>