@props([
    'property' => null,
    'image' => 'images/property/fp1.jpg',
    'title' => 'Renovated Apartment',
    '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' => false,
    'agentName' => 'Ali Tufan',
    'agentImage' => 'images/property/pposter1.png',
    'postedDate' => '4 years ago',
    'url' => '#'
])

<div class="item">
    <a href="{{ $url }}">
        <div class="feat_property">
            <div class="thumb">
                <img class="img-whp" src="{{ asset($image) }}" alt="{{ $title }}">
                <div class="thmb_cntnt">
                    <ul class="tag mb0">
                        @if($isForRent)
                            <li class="list-inline-item"><span>For Rent</span></li>
                        @endif
                        @if($isForSale)
                            <li class="list-inline-item"><span>For Sale</span></li>
                        @endif
                        @if($isFeatured)
                            <li class="list-inline-item"><span>Featured</span></li>
                        @endif
                    </ul>
                    <ul class="icon mb0">
                        <li class="list-inline-item"><span class="flaticon-transfer-1 text-white"></span></li>
                        <li class="list-inline-item"><span class="flaticon-heart text-white"></span></li>
                    </ul>
                    <span class="fp_price">{{ $price }}<small>{{ $priceUnit }}</small></span>
                </div>
            </div>
            <div class="details">
                <div class="tc_content">
                    <p class="text-thm">{{ $type }}</p>
                    <h4>{{ $title }}</h4>
                    <p><span class="flaticon-placeholder"></span> {{ $location }}</p>
                    <ul class="prop_details mb0">
                        <li class="list-inline-item"><span>Beds: {{ $beds }}</span></li>
                        <li class="list-inline-item"><span>Baths: {{ $baths }}</span></li>
                        <li class="list-inline-item"><span>{{ $areaUnit }}: {{ $area }}</span></li>
                    </ul>
                </div>
                <div class="fp_footer">
                    <ul class="fp_meta float-left mb0">
                        <li class="list-inline-item"><span href="#"><img src="{{ asset($agentImage) }}" alt="{{ $agentName }}"></span></li>
                        <li class="list-inline-item"><span href="#">{{ $agentName }}</span></li>
                    </ul>
                    <div class="fp_pdate float-right">{{ $postedDate }}</div>
                </div>
            </div>
        </div>
    </a>
</div>