@props([
    'property',
    'showBadge' => true,
    'showFeatures' => true,
    'cardClass' => 'property-card-modern'
])

<div class="card border-0 shadow-modern overflow-hidden rounded-lg position-relative h-100 {{ $cardClass }}">
    {{-- Price Badge --}}
    @if($showBadge && isset($property['operations'][0]['prices'][0]))
        <div class="property-price position-absolute top-0 start-0 text-white px-3 py-2 font-weight-semibold z-index-2">
            @if($property['operations'][0]['prices'][0]['currency'] == 'USD')
                US$ {{ number_format($property['operations'][0]['prices'][0]['price'], 0, ',', '.') }}
            @else
                $ {{ number_format($property['operations'][0]['prices'][0]['price'], 0, ',', '.') }}
                {{ strtoupper($property['operations'][0]['prices'][0]['currency']) }}
            @endif
        </div>
    @elseif($showBadge)
        {{-- <div class="property-price position-absolute top-0 start-0 text-white px-3 py-2 font-weight-semibold z-index-2">
            <i class="fas fa-phone me-1"></i>Consultar
        </div> --}}
    @endif

    {{-- Property Image --}}
    <div class="property-image position-relative overflow-hidden">
        <a href="{{ route('properties_details', ['id' => $property['id']]) }}">
            <img src="{{ $property['photos'][0]['image'] ?? asset('img/products/placeholder.jpg') }}"
                 alt="{{ $property['publication_title'] }}"
                 class="property-img img-fluid w-100 h-100"
                 loading="lazy">
        </a>
    </div>

    {{-- Property Content --}}
    <div class="card-body p-4">
        <h5 class="font-weight-semibold mb-2 text-color-dark">
            <a href="{{ route('properties_details', ['id' => $property['id']]) }}"
               class="property-title-link text-decoration-none text-color-dark">
                {{ Str::limit($property['publication_title'], 35) }}
            </a>
        </h5>

        <p class="text-color-grey text-3 mb-3">
            <i class="fas fa-map-marker-alt me-2 text-primary"></i>
            {{ $property['real_address'] ?? 'Ubicación no disponible' }}
            @if(isset($property['location']['name']))
                <br><small class="text-color-primary">{{ $property['location']['name'] }}</small>
            @endif
        </p>

        {{-- Property Features --}}
        @if($showFeatures)
            <div class="property-features d-flex justify-content-between mb-3 text-2 flex-wrap gap-2">
                @if(isset($property['suite_amount']) && $property['suite_amount'] > 0)
                    <span class="text-color-default">
                        <i class="fas fa-bed me-1 text-primary"></i> {{ $property['suite_amount'] }} dorm
                    </span>
                @endif
                @if(isset($property['bathroom_amount']) && $property['bathroom_amount'] > 0)
                    <span class="text-color-default">
                        <i class="fas fa-bath me-1 text-primary"></i> {{ $property['bathroom_amount'] }} baños
                    </span>
                @endif
                @if(isset($property['parking_lot_amount']) && $property['parking_lot_amount'] > 0)
                    <span class="text-color-default">
                        <i class="fas fa-car me-1 text-primary"></i> {{ $property['parking_lot_amount'] }} coch
                    </span>
                @endif
                @if(isset($property['surface']) && $property['surface'] > 0)
                    <span class="text-color-default">
                        <i class="fas fa-ruler-combined me-1 text-primary"></i> {{ number_format($property['surface']) }} m²
                    </span>
                @endif
            </div>
        @endif

        {{-- Operation Badge and Action Button --}}
        <div class="d-flex justify-content-between align-items-center">
            {{-- <span class="operation-badge text-white px-3 py-2
                @if(isset($property['operations'][0]['operation_type']))
                    @if($property['operations'][0]['operation_type'] == 1) operation-venta
                    @elseif($property['operations'][0]['operation_type'] == 2) operation-alquiler
                    @elseif($property['operations'][0]['operation_type'] == 3) operation-temporal
                    @else operation-default
                    @endif
                @else operation-default
                @endif">
                @if(isset($property['operations'][0]['operation_type']))
                    @if($property['operations'][0]['operation_type'] == 1) Venta
                    @elseif($property['operations'][0]['operation_type'] == 2) Alquiler
                    @elseif($property['operations'][0]['operation_type'] == 3) Alq. Temporal
                    @else Consultar
                    @endif
                @else
                @endif
            </span> --}}
            <a href="{{ route('properties_details', ['id' => $property['id']]) }}"
               class="property-details-btn btn btn-outline-primary btn-sm btn-modern">
                <i class="fas fa-eye me-1"></i>Ver detalles
            </a>
        </div>
    </div>
</div>