@extends("app")

@section('head_title', 'Properties For Sale | '.getcong('site_name') )
@section('head_url', Request::url())

@section("content")

   
  <!--Breadcrumb Section-->
     <div class="inner-container container text-center">
      <div class="breadcrumb">
        <ul class="list-inline">
          <li class="home"><a href="{{ URL::to('/') }}">Home</a> <span class="mrg-left-5 mrg-right-5 tw">></span></li>
          <li><a href="#">Properties For Sale</a></li>
        </ul>
      </div>
	  <h1>Properties For Sale</h1>
    </div>
	<!--Breadcrumb Section-->
	<div class="container">
		 <div class="location-block tablet cf-group col-sm-12 brd ps-0">

			<div class="col-sm-6 pdg-20 light-bg text-left">
				<h2 class="white uppercase mrg-top-auto">The City of the Future</h2>
				<p class="f14 lh16">LUXHABITAT features many excellent luxury Dubai properties for sale. These homes are designed and created with some of the best materials sourced from all around the world. <br>
				<br>
				The properties for sale that are available in the Dubai market are beautifully made and emphasise the luxury lifestyle that Dubai exudes. Our expert luxury sales specialists can guide you through the whole process from start to finish.</p>
				<a class="btn compact btn-white mrg-top-10 open-enquiry">Send Enquiry</a>
			</div>
			<div class="col-sm-6 brd-left" style="height: 214px; background-image: url('https://media.luxhabitat.ae/imagenes/1505799299.jpg'); background-size: cover;"></div>

		</div>
  </div>

 <section class="main-container container">
    <div class="content-box col-sm-8">
      <!-- Properties -->
      <section class="property-listing boxed-view clearfix" style="margin-top: 0px;padding: 0px;">
        <div class="inner-container clearfix">
          @foreach($properties as $i => $property)
          <div class="property-box col-xs-12 col-sm-6 wow fadeInUp">
            <div class="inner-box">
          <a href="{{ url('properties/'.$property->property_slug.'/'.Crypt::encryptString($property->id)) }}" class="img-container">
            @if($property->featured_property==1)<span class="tag-label hot-offer">Featured</span>@endif 
            <img src="{{ URL::asset('upload/properties/'.$property->featured_image.'-s.jpg') }}" alt="Image of Property">
            <span class="price">{{getcong('currency_sign').' '.$property->price}}</span>
          </a>
          <div class="bottom-sec">
            <a href="{{ url('properties/'.$property->property_slug.'/'.Crypt::encryptString($property->id)) }}" class="title">{{ str_limit($property->property_name,35) }}</a>
            <div class="location">{{ str_limit($property->address,40) }}</div>
            <div class="desc">
              {!! str_limit($property->description,100) !!}
            </div>
            <div class="extra-info clearfix">
              <div class="area col-xs-4">
                <div class="value">{{$property->land_area}}</div>
                m2
              </div>
              <div class="bedroom col-xs-4">
                <div class="value">{{$property->bedrooms}}</div>
                bed
              </div>
              <div class="bathroom col-xs-4">
                <div class="value">{{$property->bathrooms}}</div>
                bath
              </div>
            </div>
          </div>
          <a href="{{ url('properties/'.$property->property_slug.'/'.Crypt::encryptString($property->id)) }}" class="btn more-link">More</a>
        </div>
          </div>
          @endforeach
        </div>
        <!-- Pagination -->
        @include('_particles.pagination', ['paginator' => $properties]) 
        <!-- End of Pagination -->
      </section>
      <!-- End of Properties -->
    </div>
    <aside class="col-sm-4">
     @include("_particles.sidebar") 
    </aside>
  </section>

 
 
@endsection