@props([
    'title' => __('home.featured.title'),
    'subtitle' => __('home.featured.subtitle'),
    '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)
                        @php
                            // Get property image (default image or first image) - use thumbnails for listings
                            $propertyImage = 'images/property/fp1.jpg';
                            if ($property->images && $property->images->count() > 0) {
                                $defaultImage = $property->images->where('is_default', true)->first();
                                $imagePath = $defaultImage ? $defaultImage->image : $property->images->first()->image;
                                if ($imagePath) {
                                    // Extract filename from path if it includes directory
                                    $filename = basename($imagePath);
                                    $propertyImage = asset( 'files/thumbnails/' . $filename );
                                }
                            }
                            
                            // Get property title from description
                            $propertyTitle = 'Property Title';
                            if ($property->descriptions && $property->descriptions->count() > 0) {
                                $description = $property->descriptions->first();
                                // Extract title from description (first line or first 50 chars)
                                $propertyTitle = $description->description ? (strlen($description->description) > 50 ? substr($description->description, 0, 50) . '...' : $description->description) : 'Property Title';
                            }
                            
                            // Get property type name
                            $propertyTypeName = 'Apartment';
                            if ($property->propertyType && $property->propertyType->texts && $property->propertyType->texts->count() > 0) {
                                $propertyTypeName = $property->propertyType->texts->first()->name;
                            }
                            
                            // Build address from relationships
                            $addressParts = [];
                            if ($property->area && $property->area->name) {
                                $addressParts[] = $property->area->name;
                            }
                            if ($property->city && $property->city->name) {
                                $addressParts[] = $property->city->name;
                            }
                            if ($property->state && $property->state->name) {
                                $addressParts[] = $property->state->name;
                            }
                            if ($property->country && $property->country->name) {
                                $addressParts[] = $property->country->name;
                            }
                            $propertyLocation = !empty($addressParts) ? implode(', ', $addressParts) : 'Location';
                            
                            // Get area (use area_built or area_total)
                            $propertyArea = $property->area_built ?? $property->area_total ?? 0;
                            // Format area with commas
                            $propertyArea = $propertyArea > 0 ? number_format($propertyArea, 0, '.', ',') : 0;
                            
                            // Build property URL to detail page
                            $propertyUrl = route('property.show', $property->id);
                        @endphp
                        <x-frontend.property-card 
                            :property="$property"
                            :image="$propertyImage"
                            :title="$propertyTitle"
                            :type="$propertyTypeName"
                            :location="$propertyLocation"
                            :beds="$property->beds ?? 0"
                            :baths="$property->baths ?? 0"
                            :area="$propertyArea"
                            :url="$propertyUrl"
                        />
                    @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"
                            :url="'#'"
                        />
                    @endfor
                @endif
            </div>
        </div>
    </div>
</section>