@extends('frontend.layout.master')

@section('title')
FSBM | {{ucfirst($slug->title)}}
@endsection

@section('keyword')
{!!strip_tags($slug->meta_keyword)!!}
@endsection

@section('description')
{!!strip_tags($slug->meta_desc)!!}
@endsection

@section('content')

<!--Sliders Section-->
      <div>
         <div class="banner-1 cover-image sptb-2 bg-background" data-image-src="{{ asset('images/banners/banner_new.png') }}">
            @include('frontend.partial.banner')
            <!-- /header-text -->
         </div>
      </div>
<!--/Sliders Section-->

<!--Add listing-->
      <section class="sptb">
         <div class="container">
            <div class="section-title center-block text-center">
                  <h1>Latest 4 Properties</h1>
                  <!-- <p>Mauris ut cursus nunc. Morbi eleifend, ligula at consectetur vehicula</p> -->
            </div>
            
               <div class="row">
                  @if(!$property->isEmpty())
                  @foreach($property as $key=>$val)
                  <div class="col-lg-6 col-md-12 col-xl-3">
                     <div class="card overflow-hidden">
                        <div class="item-card2-img">
                           
                           <a href="{{route('front.detail', base64_encode($val->id))}}"></a>
                           <img src="{{ asset('upload/property/thumb400/'.$val->picture) }}" alt="img" class="cover-image">
                        </div>
                        <div class="item-card2-icons">
                           @if(Auth::user())
                              @if(Auth::user()['role_id']==3)
                              <a href="javascript:void(0)" class="item-card9-icons1 wishlist" data-data="{{$val->id}}" data-toggle="tooltip" data-placement="top" data-original-title="Watchlist"> 
                                 @if(count($val->wishlist)>0)
                                 <i class="fa fa fa-heart whishstate" style="color: #ff2b88;"></i>
                                 @else
                                   <i class="fa fa fa-heart whishstate"></i>
                                 @endif
                              @endif
                           @else
                              <a href="{{route('front.login')}}" class="item-card9-icons1 wishlist" data-toggle="tooltip" data-placement="top" data-original-title="Watchlist"> <i class="fa fa fa-heart"></i></a>
                           @endif
                           
                        </div>
                        <div class="item-card7-overlaytext">
                           @if($val->endDate == '')
                              <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-white badge badge-warning"><span>
                                    Open
                              </span></a>
                           @else
                               @if($carbon<=($val->endDate.' '.$val->endTime))
                                 <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-white badge badge-warning">
                                    <span class="2minute" id="2minute{{$key}}">
                                       {{$carbon->diffInSeconds($val->endDate.' '.$val->endTime) }}
                              
                                    </span>
                                 </a>
                              @else
                                 <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-white badge badge-warning"><span>
                                    00 Days 00:00:00
                                 </span></a>
                              @endif
                           @endif
                          
                           
                        </div>
                        <div class="card-body">
                           <div class="item-card2">
                              <div class="item-card2-desc">
                                 <a href="{{route('front.detail', base64_encode($val->id))}}">{{$val->category['cat_name']}}</a>
                                 <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-dark mt-2">
                                    <h4 class="font-weight-semibold mt-1">{{$val->prop_name}}</h4>
                                 </a>
                                 <p class="mb-0">{!!str_limit(strip_tags($val->prop_desc), 25)!!}
                                 </p>
                              </div>
                           </div>
                        </div>
                        <div class="card-footer">
                           <div class="item-card2-footer">
                              <i class="fa fa-map-marker text-muted mr-1"></i> {{$val->prop_city}}
                              
                           </div>
                        </div>
                     </div>
                  </div>
                  @endforeach
                  
                  @endif
                  
               </div>
            

            <hr>

            <div class="section-title center-block text-center">
                  <h1>Latest 4 Vehicles</h1>
                  <!-- <p>Mauris ut cursus nunc. Morbi eleifend, ligula at consectetur vehicula</p> -->
            </div>
            
               <div class="row">
                  @if(!$vehicle->isEmpty())
                  @foreach($vehicle as $keys=>$val)
                  <div class="col-lg-6 col-md-12 col-xl-3">
                     <div class="card overflow-hidden">
                        <div class="item-card2-img">
                           
                           <a href="{{route('front.detail', base64_encode($val->id))}}"></a>
                           <img src="{{ asset('upload/property/thumb400/'.$val->picture) }}" alt="img" class="cover-image">
                        </div>
                        <div class="item-card2-icons">
                           
                           @if(Auth::user())
                              @if(Auth::user()['role_id']==3)
                                 <a href="javascript:void(0)" class="item-card9-icons1 wishlist" data-data="{{$val->id}}" data-toggle="tooltip" data-placement="top" data-original-title="Watchlist"> 
                                 @if(count($val->wishlist)>0)
                                 <i class="fa fa fa-heart whishstate" style="color: #ff2b88;"></i>
                                 @else
                                   <i class="fa fa fa-heart whishstate"></i>
                                 @endif 
                              @endif
                           @else
                              <a href="{{route('front.login')}}" class="item-card9-icons1 wishlist" data-toggle="tooltip" data-placement="top" data-original-title="Watchlist"> <i class="fa fa fa-heart"></i></a>
                           @endif
                           
                        </div>
                        <div class="item-card7-overlaytext">
                           @if($val->endDate == '')
                              <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-white badge badge-warning"><span>
                                    Open
                              </span></a>
                           @else
                               @if($carbon<=($val->endDate.' '.$val->endTime))
                                 <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-white badge badge-warning">
                                    <span class="2minute" id="2minute{{$keys.$keys}}">
                                       {{$carbon->diffInSeconds($val->endDate.' '.$val->endTime) }}
                              
                                    </span>
                                 </a>
                              @else
                                 <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-white badge badge-warning"><span>
                                    00 Days 00:00:00
                                 </span></a>
                              @endif
                           @endif
                        </div>
                        <div class="card-body">
                           <div class="item-card2">
                              <div class="item-card2-desc">
                                 <a href="{{route('front.detail', base64_encode($val->id))}}">{{$val->category['cat_name']}}</a>
                                 <a href="{{route('front.detail', base64_encode($val->id))}}" class="text-dark mt-2">
                                    <h4 class="font-weight-semibold mt-1">{{$val->prop_name}}</h4>
                                 </a>
                                 <p class="mb-0">{!!str_limit(strip_tags($val->prop_desc), 25)!!}</p>
                              </div>
                           </div>
                        </div>
                        <div class="card-footer">
                           <div class="item-card2-footer">
                              <i class="fa fa-map-marker text-muted mr-1"></i> {{$val->prop_city}}
                              
                           </div>
                        </div>
                     </div>
                  </div>
                  @endforeach
                  @endif
                  
               </div>
            
         </div>
      </section>
      <!--Add Listing-->
      
      <!-- Categories-->
      <div class="banner-1 parallex cover-image sptb-2 bg-background" data-image-src="{{ asset('images/banners/banner_new-2.png') }}">
			<div class="container">
				<div class="section-title center-block text-center">
					<h1 id="categoryHome">Categories</h1>
					<!-- <p>Mauris ut cursus nunc. Morbi eleifend, ligula at consectetur vehicula</p> -->
				</div>
				<div class="item-all-cat center-block text-center education-categories">
					<div class="row">
                  @if(!$category->isEmpty())
                  @foreach($category as $val)
						<div class="col-lg-6 col-md-6 col-sm-6">
							<div class="item-all-card text-dark text-center">
								<a href="{{route('front.property', base64_encode($val->id))}}"></a>
								<div class="iteam-all-icon">
                           @if($val->id == 1)
									<i class="fa fa-building fa-3x"></i>
                           @else
                           <i class="fa fa-bus fa-3x"></i>
                           @endif
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0 text-body">{{$val->cat_name}}</h5>
								</div>
							</div>
						</div>
                  @endforeach
                  @endif												
					</div>					
				</div>
			</div>
		</div>
      <!--/Categories-->

@endsection
@section('scripts')
@endsection