<div class="item" style="cursor: pointer;" onclick="window.location.href='{{ route('property.'.$locale, ['alias' => $property->alias]) }}'">
    <div class="position-re o-hidden">
        <img src="{{ getMainImage($property->company_id, $property->id) }}" alt="{{ $property->title }}"
            style="height: 500px;object-fit: cover;">
    </div>
    <div class="con">
        <h6><a href="{{ route('property.'.$locale, ['alias' => $property->alias]) }}">{{ $property->area }}
                m<sup>2</sup></a></h6>
        <h5><a href="{{route('property.'.$locale, ['alias' => $property->alias]) }}">{{ $property->title }}</a> </h5>
        <div class="line"></div>
        <div class="row facilities">
            <div class="col col-md-7">
                <ul>
                    <li><span>{{ $property->bedrooms ?? 0 }} </span><i class="flaticon-bed"></i></li>
                    <li><span>{{ $property->bathrooms ?? 0 }} </span><i class="flaticon-bath"></i></li>
                    <li><span>{{ $property->parking ?? 0 }} </span><i class="flaticon-breakfast"></i></li>
                </ul>
            </div>
            <div class="col col-md-5 text-end">
                <div class="permalink"><a href="{{ route('property.'.$locale, ['alias' => $property->alias]) }}">{{
                        __('home.details') }} <i class="ti-arrow-right"></i></a></div>
            </div>
        </div>
    </div>
</div>