@if(\Request::get('offers') == 1)
<div class="container pt-4">
    <div class="row">
    @if($result->count()) 
        @foreach ($result as $key=> $pr) 
            @if($pr->deals_of_month == 1)
            <div class="col-lg-4 col-md-6 mb-4">
                <a href="{{ property_url($pr->property_id) }}" class="custom-listing-link">
                    <div class="custom-listing-row">
                        @php 
                            $db_image = App\Models\PropertyImage::where(["file_type"=>"jpg","property_id"=> $pr->property_id])->where('property_images_name' ,'!=',null)->orderBy('sort_order', 'asc')->first();
                        @endphp
                        <!-- id="listing-slider" class="listing-slider owl-carousel owl-theme"-->
                        <div id="listing-slider" >
                            <div class="item">
                                @if(isset($db_image->property_images_name))
                                    <img src="{{ public_url() . $db_image->property_images_name }}">
                                @endif
                            </div>
                            {{--
                            @if($db_image->count() > 0)
                                @foreach($db_image as $key => $db_img)
                                @endforeach
                            @else
                                <div class="item">
                                </div>
                            @endif
                            --}}
                        </div>
                        <style>
                            .custom-listi-pricing{
                                    display: block;
                                    position: absolute;
                                    right: 0;
                                    top: 39%;
                                    z-index: 1;
                                    background: linear-gradient(350deg, #CDD5DD, transparent);
                                    padding: 10px;
                                    color: #fff;
                                    width: 100%;
                                    text-align: right;
                            }
                            .custom-listi-pricing .custom-listing-price-old{
                                text-decoration: line-through;
                                color: #000;
                                font-size: 16px;
                            }
                            .custom-listi-pricing .custom-listing-price-new{
                                color: #000;
                                font-size: 20px;
                            }
                            .custom-listing-content p{
                                overflow: hidden;
                               text-overflow: ellipsis;
                               display: -webkit-box;
                               -webkit-line-clamp: 3; 
                                       line-clamp: 3; 
                               -webkit-box-orient: vertical;
                               font-size: 14px;
                               color: #222;
                            }
                            @media(max-width:1199.98px){
                                .custom-listi-pricing{
                                    top: 37%;
                                }
                            }
                             @media(max-width:991.98px){
                                .custom-listi-pricing{
                                    top: 39%;
                                }
                            }
                            @media(max-width:767.98px){
                                #listing-slider .item{
                                     width: 100% !important;
                                    height: 350px !important;
                                    overflow: hidden;
                                }
                                #listing-slider img {
                                    width: 100% !important;
                                    height: 350px !important;
                                    object-fit: cover;
                                }
                                .custom-listi-pricing{
                                    top: 47.33%;
                                }
                            }
                            
                            @media(max-width:450px){
                                .custom-listi-pricing{
                                    top: 43%;
                                }
                            }
                        </style>
                        
                        <div class="custom-listi-pricing">
                            @if($pr->property_price > 0 && $pr->offer_price > $pr->property_price)
                                <h4 class="custom-listing-price-old"> 
                                    {{  amount_currency($pr->property_price)}}  <small>/{{ $pr->deals_of_month == 1 ? 'Month' : 'Day'}}</small>
                                </h4>
                            @endif
                            @if($pr->offer_price > 0)
                                <h4 class="custom-listing-price-new"> 
                                    {{ amount_currency($pr->offer_price)}} <small>/{{ $pr->deals_of_month == 1 ? 'Month' : 'Day'}}</small>
                                </h4>
                            @endif
                        </div>
                        <!--<button class="custom-listing-wishlist">-->
                        <!--    <i class="fa fa-heart-o"></i>-->
                        <!--</button>-->
                        
                        <div class="custom-listing-content">
                            <h4 class="custom-listing-property-name">{{ $pr->property_name }}</h4>
                            <h6 class="custom-listing-property-type">Property Type: {{ $pr->propertytype ? $pr->propertytype->name_en : '' }}</h6>
                            <h6 class="custom-listing-location">{{ $pr->property_location }}</h6>
                            <p>
                                {!! short_description($pr->property_desc,15) !!}
                            </p>
                            <h6 class="custom-listing-property-details"> <span><i class="fa fa-bed"></i> {{ $pr->property_bedroom == 0 ? 'Studio' : $pr->property_bedroom .' Bed' }}</span> | <span><i class="fa fa-bath"></i> {{ $pr->property_bathroom }}</span> | <span><i class="fa fa-table"></i> {{ $pr->property_sqft }}</span></h6>
                            <div class="custom-listing-btn">
                                <a href="tel:{{ contact_details()->mobile }}" class="call"><i class="fa fa-phone"></i> Call</a>  <a href="{{ property_url($pr->property_id) }}" class="email"><i class="fa fa-envelope"></i> Email</a>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif
        @endforeach
    @else
        No record Found
    @endif
    </div>
    <div class="pagination-container">
    <nav>
        {!! $result->links('frontend.partials.user_pagination') !!}
    </nav>
</div>
</div>
@else
<div class="row portfolio-items">
    @if($result->count()) 
    
    @foreach ($result as $key=> $pr) 
   
    @php 
        $db_image = App\Models\PropertyImage::where(["file_type"=>"jpg","property_id"=> $pr->property_id])->orderBy('sort_order', 'asc')->first();
        $image = isset($db_image->property_images_name) ? $db_image->property_images_name : '';
    @endphp
    
    <div class="item col-lg-4 col-md-6 col-xs-12 landscapes">
        <div class="project-single mb-0">
            <a href="{{ property_url($pr->property_id) }}" class="recent-16">

                @if($db_image && $db_image->is_rms_image == 1)
                    <div class="recent-img16 img-center" style="background-image: url({{ rms_image_url($image) }});"></div>
                @else
                    <div class="recent-img16 img-center" style="background-image: url({{ public_url('uploads/property/') . $image }});"></div>
                @endif

                <div class="recent-content"></div>
                <div class="recent-details">
                    <div class="recent-title">{{ $pr->property_name }}</div>
                    <div class="recent-price">
                        @if($pr->offer_price > 0)
                            {{ amount_currency($pr->offer_price)}} <small>/{{ $pr->deals_of_month == 1 ? 'Month' : 'Day'}}</small>
                        @endif
                    </div>
                    @if($pr->discount_percentage>0)<div class="recent-price">{{ round($pr->discount_percentage) }} <small>% OFF</small></div>@endif
                    @if($pr->discount_percentage>0)<div class="recent-price"><strike>{{  amount_currency($pr->property_price)}} <small>/{{ $pr->deals_of_month == 1 ? 'Month' : 'Day'}}</small></strike></div>@endif
                   
                    <div class="house-details">{{ $pr->property_bedroom == 0 ? 'Studio' : $pr->property_bedroom .' Bed' }}   <span>|</span> {{ $pr->property_bathroom }}  Bath <span>|</span> {{ $pr->property_sqft }} sq ft</div>
                </div>
                <div class="view-proper">View Details</div>
            </a>
        </div>
    </div>
    @endforeach
    
    @else
    No record Found
    @endif
</div>
<div class="pagination-container">
    <nav>
        {!! $result->links('frontend.partials.user_pagination') !!}
    </nav>
</div>
@endif
<input type="hidden" id="total_count"  value="{{ $result->total() }}" >




<script>
    $('.listing-slider').owlCarousel({
        loop:true,
        margin:10,
        dots:false,
        nav:false,
        autoplay:false,   
        smartSpeed: 2000,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
});
</script>