@props([
    'property' => null,
    'image' => 'images/property/fp1.jpg',
    'title' => 'Renovated Apartment',
    'type' => 'Apartment',
    'location' => '1421 San Pedro St, Los Angeles, CA 90015',
    'price' => '€13,000',
    'priceUnit' => '/mo',
    'beds' => 4,
    'baths' => 2,
    'area' => 5280,
    'areaUnit' => 'Sq Ft',
    'isForRent' => false,
    'isForSale' => false,
    'isFeatured' => false,
    'url' => '#'
])

<div class="item">
    <a href="{{ $url }}">
        <div class="feat_property">
            <div class="thumb">
                <img class="img-whp" src="{{ asset($image) }}" alt="{{ $title }}">
                <div class="thmb_cntnt">
                    <ul class="tag mb0">
                        @php
                            // Use property object fields if available, otherwise fall back to props
                            $showForRent = $property 
                                ? ($property->is_for_rent === 'Y' || $property->is_for_rent === true) 
                                : ($isForRent === true || $isForRent === 'Y');
                            $showForSale = $property 
                                ? ($property->is_for_sale === 'Y' || $property->is_for_sale === true) 
                                : ($isForSale === true || $isForSale === 'Y');
                            $showFeatured = $property 
                                ? ($property->is_featured === 'Y' || $property->is_featured === true) 
                                : ($isFeatured === true || $isFeatured === 'Y');
                        @endphp
                        @if($showForRent)
                            <li class="list-inline-item"><span>For Rent</span></li>
                        @endif
                        @if($showForSale)
                            <li class="list-inline-item"><span>For Sale</span></li>
                        @endif
                        @if($showFeatured)
                            <li class="list-inline-item"><span>Featured</span></li>
                        @endif
                    </ul>
                    {{-- <ul class="icon mb0">
                        <li class="list-inline-item"><span class="flaticon-transfer-1 text-white"></span></li>
                        <li class="list-inline-item"><span class="flaticon-heart text-white"></span></li>
                    </ul> --}}
                    @php
                        // Determine price and unit from property if available, otherwise use props
                        $displayPrice = $price;
                        $displayPriceUnit = $priceUnit;
                        
                        if ($property && $property->price) {
                            $isForSale = $property->is_for_sale === 'Y' || $property->is_for_sale === true;
                            $isForRent = $property->is_for_rent === 'Y' || $property->is_for_rent === true;
                            
                            if ($isForSale && $property->price->sale_price) {
                                // Property is for sale - show sale_price
                                $displayPrice = '€' . number_format($property->price->sale_price, 0, '.', ',');
                                $displayPriceUnit = '';
                            } elseif ($isForRent && $property->price->rent_lt) {
                                // Property is for rent - show rent_lt with /pm
                                $displayPrice = '€' . number_format($property->price->rent_lt, 0, '.', ',');
                                $displayPriceUnit = '/mo';
                            }
                        }
                    @endphp
                    <span class="fp_price">{{ $displayPrice }}<small>{{ $displayPriceUnit }}</small></span>
                </div>
            </div>
            <div class="details">
                <div class="tc_content">
                    <p class="text-thm">{{ $type }}</p>
                    <h4>{{ $title }}</h4>
                    <p><span class="flaticon-placeholder"></span> {{ $location }}</p>
                    <ul class="prop_details mb0">
                        @php
                            // Determine area unit from property dimensions_type_id if available, otherwise use prop
                            $displayAreaUnit = 'Sq Ft'; // default
                            if ($property && $property->dimensions_type_id) {
                                $dimensionId = (string) $property->dimensions_type_id;
                                $displayAreaUnit = \App\Models\Property::$dimensions_labels[$dimensionId] ?? $areaUnit;
                            } else {
                                $displayAreaUnit = $areaUnit;
                            }
                        @endphp
                        <li class="list-inline-item"><span>Beds: {{ $beds }}</span></li>
                        <li class="list-inline-item"><span>Baths: {{ $baths }}</span></li>
                        <li class="list-inline-item"><span>{{ $displayAreaUnit }}: {{ $area }}</span></li>
                    </ul>
                </div>
                <div class="fp_footer">
                    <div class="fp_pdate float-left"><a href="{{ $url }}" class="btn btn-thm">See Details</a></div>
                    <div class="fp_pdate float-right"><a href="{{ route('book-a-visit') }}?property_id={{ $property ? $property->id : '' }}" class="btn btn-thm-outline">Book a Visit</a></div>
                </div>
            </div>
        </div>
    </a>
</div>