@extends("app")
@section('head_title', 'All Properties | '.getcong('site_name') )
@section('head_url', Request::url())
<style>
    .list-inline>li{
        padding-bottom: 20px;
    }
    .image{
        height:250px !important;
    }    
</style>
@section("content")
 <!--Breadcrumb Section-->
  <section class="breadcrumb-box" data-parallax="scroll" data-image-src="@if(getcong('title_bg')) {{ URL::asset('upload/'.getcong('title_bg')) }} @else {{ URL::asset('site_assets/img/breadcrumb-bg.jpg') }} @endif">
    <div class="inner-container container text-center">
	   <h1>{{@$type_data->types}}{{@$location_data->location}}</h1>
    </div>
  </section>
  <!--Breadcrumb Section-->
<div class="container">
	<div class="col-xs-12 count_box">
	<span class="text-right"><span class="num">{{(!empty($count))? $count : ''}}</span> results</span>
	<div class="dropdown pull-right">
	 <span class="dropdown-toggle  " data-toggle="dropdown" aria-expanded="true">For Sale
	 <i class="fa fa-bars" aria-hidden="true"></i></span>
	 <ul class="dropdown-menu dropdown-menu2 width_small">
		<li><a href="javascript:void(0)" onclick="getPropertyType('{{ Crypt::encryptString('featured') }}' )">Featured</a></li>
		<li><a href="javascript:void(0)" onclick="getPropertyType('{{ Crypt::encryptString('latest') }}' )">Latest</a></li>
		<li><a href="javascript:void(0)" onclick="getPropertyType('{{ Crypt::encryptString('older') }}' )">Older</a></li>
		<li><a href="javascript:void(0)" onclick="getPropertyType('{{ Crypt::encryptString('high_price') }}' )">Price (High)</a></li>
		<li><a href="javascript:void(0)" onclick="getPropertyType('{{ Crypt::encryptString('low_price') }}' )">Price (Low)</a></li>
	 </ul>
	</div>
	</div>
	@if(count($property_list_type)>0)
	<ul class="list-inline cat_item">
	    @foreach($property_list_type as $property_ls_type)
	        <li><a href="javascript:void(0)" onclick="getPropertyType('{{ Crypt::encryptString($property_ls_type->id) }}')" class="tag"> {{ $property_ls_type->types}}</a></li>
	    @endforeach
	 </ul>
	@endif
	<!--<ul class="list-inline cat_item">
		<li><a href="#" class="tag">Villas</a></li>
		<li><a href="#" class="tag">Apartments</a></li>
	</ul>-->
</div>
  <!-- Recent Properties -->
  <section class="property-listing boxed-view clearfix">
    <div class="inner-container container" id="properties_ist">
    <p class="text-center">No Record Found...</p>    </div>
	  </section>
  <!-- End of Recent Properties -->
<hr />
<div class="container">
<div class="vendor_section">
<div class="col-sm-2">
	<img src="https://media.luxhabitat.ae/imagenes/1518527267.jpg" class="img-responsive img-circle">
</div>
<div class="col-sm-10">
	<h3>Andrew Cleator</h3>
	<p>Sales Director</p>
	<p>Dubai has become one of the favourite destinations for second-hand property buyers worldwide. Several people are attracted to its comfortable lifestyle, cosmopolitan environment and subtropical climate. It also offers outstanding and safe investment opportunities, with many high quality projects launching every month and a steady return on investment.
	</p>
	<a class="open-enquiry">Request information</a>
</div>
</div>
<div class="clearfix"></div>
<hr />
<div class="clearfix"></div>
<h4 id="popular_searches_title"></h4>
<ul class="list-inline cat_item" id="popular_searches">	
</ul>
</div>
@endsection
@push('scripts')
    <script>
    function getPropertyType(pid){
        //alert(pid);
        $.ajax({
               type:'POST',
               url:'{{ url('/')}}/getPropertyTypeListType',
               data:{
                   "pid" : pid,
                   "_token": "{!! csrf_token() !!}"
                   },
             beforeSend: function(){
                 $("#loading_overlay").css("display", "block");
                    },
               success:function(res) {
                  //console.log(res);
                  $('#properties_ist').html(res);
                  $("#loading_overlay").css("display", "none");
               }
            });
    }
    //cookies searches
    let searchItemsArray = $.cookie("searchItems")? JSON.parse($.cookie("searchItems")): [];
    console.log("lenght" +searchItemsArray.length);
    var i =0;
    if(searchItemsArray.length>0)
    {
        $('#popular_searches_title').text('Popular searches');
        $.each(searchItemsArray, function(key, value) {
    	    i++;
    	    $("#popular_searches").append('<li><a href="{{ url('/')}}/search-properties/'+value.property_type_id+'">'+value.property_type_name+'</a></li>');
    	    if(i==10)
    	    {
    	        return false;
    	    }
        });
    }
	$('.property-box a.img-container').on('hover', function(e){
		$(this).siblings('.bottom-sec').show(); 
	});
</script>
@endpush