@props([
    'title' => 'Featured Properties',
    'subtitle' => 'Handpicked properties by our team.',
    'properties' => [],
    'sliderClass' => 'feature_property_slider'
])

<!-- Feature Properties -->
<section id="feature-property" class="feature-property bgc-f7">
    <div class="container ovh">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <x-frontend.section-title :title="$title" :subtitle="$subtitle" />
            </div>
        </div>
        <div class="col-lg-12">
            <div class="{{ $sliderClass }}">
                @if(count($properties) > 0)
                    @foreach($properties as $property)
                        <x-frontend.property-card 
                            :property="$property"
                            :image="$property['image'] ?? 'images/property/fp1.jpg'"
                            :title="$property['title'] ?? 'Property Title'"
                            :type="$property['type'] ?? 'Apartment'"
                            :location="$property['location'] ?? 'Location'"
                            :price="$property['price'] ?? '$0'"
                            :priceUnit="$property['price_unit'] ?? '/mo'"
                            :beds="$property['beds'] ?? 0"
                            :baths="$property['baths'] ?? 0"
                            :area="$property['area'] ?? 0"
                            :areaUnit="$property['area_unit'] ?? 'Sq Ft'"
                            :isForRent="$property['is_for_rent'] ?? false"
                            :isForSale="$property['is_for_sale'] ?? false"
                            :isFeatured="$property['is_featured'] ?? false"
                            :agentName="$property['agent_name'] ?? 'Agent'"
                            :agentImage="$property['agent_image'] ?? 'images/property/pposter1.png'"
                            :postedDate="$property['posted_date'] ?? 'Recently'"
                            :url="$property['url'] ?? '#'"
                        />
                    @endforeach
                @else
                    {{-- Default placeholder properties if none provided --}}
                    @for($i = 0; $i < 3; $i++)
                        <x-frontend.property-card 
                            :image="'images/property/fp' . ($i % 3 + 1) . '.jpg'"
                            :title="'Renovated Apartment ' . ($i + 1)"
                            :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="true"
                            :isForSale="false"
                            :isFeatured="$i === 0"
                            :agentName="'Ali Tufan'"
                            :agentImage="'images/property/pposter1.png'"
                            :postedDate="'4 years ago'"
                            :url="'#'"
                        />
                    @endfor
                @endif
            </div>
        </div>
    </div>
</section>