@extends('layouts.app')

@section('content')
<!-- Banner -->

<div class="page_banner">
	<div class="page_banner_con">
		<img src="{{ asset('images/services_ban.png') }}" alt="Banner">
	</div>
</div>
<!-- Properties 3-Grid Listing -->
<div class="container mt-5 property-listing">
    <h2 class="sec_head">@lang('strings.latest')</h2>
    <div class="row property_list">
        @foreach($properties as $property)
        <div class="col-md-4 property">
            <div class="card  mb-4">
            {{-- Display the cover image --}}
                @if($property->cover_image)
                    <img class="card-img-top" src="{{ asset('storage/properties/' . $property->cover_image->image) }}" alt="{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}" class="img-fluid">
                @else
                    <img class="card-img-top" src="{{ asset('storage/properties/no-image.png') }}"  class="card-img-top" alt="{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}">
                @endif
               <!--  @if($property->images->first())
                    <img class="card-img-top" src="{{ asset('storage/properties/' . $property->images->first()->image) }}"  class="card-img-top" alt="{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}">
                @else
                    <img class="card-img-top" src="{{ asset('storage/properties/no-image.png') }}"  class="card-img-top" alt="{{ $property->title }}">
                @endif -->
                <div class="card-body">
                    <h5 class="card-title">{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}</h5>
                    <p class="card-text">{{ Str::limit(app()->getLocale() == 'en' ? $property->description_en : $property->description_jp, 150) }}</p>
					<p class="card-location"><span>@lang('strings.location') : </span>{{ app()->getLocale() == 'en' ? $property->location->name_en : $property->location->name_jp }}</p>
					<!--<p class="card-pub">
                    @if($property->repost_date)
                    {{ \Carbon\Carbon::parse($property->repost_date)->diffForHumans() }} </p>
                    @else
                    {{ \Carbon\Carbon::parse($property->published_date)->diffForHumans() }} </p>
                    @endif-->
                    
					<a href="{{ route('properties.show', $property->id) }}"  class="">@lang('strings.more')</a>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection