@extends('layouts.guest')


@section('content')
<div class="container mx-auto px-4 py-10">
    <h2 class="text-2xl font-bold mb-6">Search Results ({{ $properties->total() }})</h2>

    @if($properties->count())
        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
            @foreach($properties as $property)
            	@if($property->listing_type == 'rent')
            	<a href="{{ route('property.show', $property->slug) }}" class="bg-white rounded shadow hover:shadow-lg border overflow-hidden block no-underline text-inherit">
            	@else
            	<a href="{{ route('project.show', $property->slug) }}" class="bg-white rounded shadow hover:shadow-lg border overflow-hidden block no-underline text-inherit">
            	@endif
                
                    <div class="relative">
			    <img src="{{ $property->main_image_url }}" class="h-40 w-full object-cover" />

			    <!-- Badge Container -->
			    <div class="absolute top-2 left-2 flex gap-2">
			        @if($property->listing_status != "")
				<span class="bg-green-500 text-white px-2 py-0.5 rounded-full text-xs font-semibold">
				    {{ucwords(str_replace(['-', '_'], ' ', $property->listing_status))}}
				</span>
				@endif
				@if($property->listing_type != "")
				<span class="bg-blue-500 text-white px-2 py-0.5 rounded-full text-xs font-semibold">
				    {{ucfirst($property->listing_type)}}
				</span>
				@endif
				@if($property->category != "")
				<span class="bg-green-500 text-white px-2 py-0.5 rounded-full text-xs font-semibold">
				    {{ucwords(str_replace(['-', '_'], ' ', $property->category))}}
				</span>
				@endif
			    </div>
			</div>
                    <div class="p-4">
                        <div class="font-semibold text-lg truncate">{{ $property->name }}</div>
                        <div class="text-xs text-gray-500">{{ $property->location ?? $property->address ?? '' }}, {{ $property->city }}, {{ $property->state }}</div>
                        <div class="text-xs text-gray-500">{{ $property->configurations }} </div>
                        <div class="text-lg font-bold mt-1">{{ formatPrice($property->min_price) }}</div>
                    </div>
                </a>
            @endforeach
        </div>

        <div class="mt-8">
            {{ $properties->appends(request()->query())->links() }}
        </div>
    @else
        <p class="text-center text-gray-600 text-lg">No properties found matching your search criteria.</p>
    @endif
</div>
@endsection