@php
	use App\DashboardModel;
	$property_details = new DashboardModel();
	$session_id = session()->get('session_id');
@endphp
<!-- Include Header -->
@include('frontend.include.header'); 


<!--Breadcrumb-->
<div class="bg-white border-bottom">
	<div class="container">
		<div class="page-header">
			<h4 class="page-title">Properties</h4>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
				<li class="breadcrumb-item active" aria-current="page"><a href="{{url('/')}}/properties">Properties</a></li>
			</ol>
		</div>
	</div>
</div>
<!--Breadcrumb-->

<!--Add listing-->
<section class="sptb">
	<div class="container">
		<div class="row">
			@include('frontend.include.property_sidebar_filter')
			<div class="col-xl-9 col-lg-8 col-md-12">
				<div class="card mb-lg-0">
					<div class="card-body">
						<div class="item2-gl ">
							<div class="item2-gl-nav d-flex">
								{{-- <h6 class="mb-0 mt-2">Showing 1 to 10 of 30 entries</h6> --}}
								<ul class="nav item2-gl-menu ml-auto">
									<li class=""><a href="#tab-11" class="" data-toggle="tab"><i class="fa fa-list"></i></a></li>
									<li><a href="#tab-12" data-toggle="tab" class="active show"><i class="fa fa-th"></i></a></li>
									<li><a href="#tab-13" data-toggle="tab" class=""><i class="fa fa-map-marker mapView" style="display: inline-block;"></i></a></li>
								</ul>
								{{-- <div class="d-flex">
									<label class="mr-2 mt-1 mb-sm-1">Sort By:</label>
									<select name="item" class="form-control select-sm w-70">
										<option value="1">Latest</option>
										<option value="2">Oldest</option>
										<option value="3">Price:Low-to-High</option>
										<option value="5">Price:Hight-to-Low</option>
									</select>
								</div> --}}
							</div>
							<div class="tab-content">
								<div class="tab-pane" id="tab-11">
									@if(count($property_list)>0)	
									@foreach($property_list as $p_list)
									<div class="card overflow-hidden">
										<div class="d-md-flex">
											@php
												$pro_photo_details = $property_details->get_users_portfolio_photo($p_list->group_id);
											@endphp
											<div class="item-card9-img">
												<div class="arrow-ribbon bg-primary">{{$p_list->property_status}}</div>
												<div class="item-card9-imgs">
													<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})"></a>
													@if($pro_photo_details != NULL && @file_get_contents(url('/')."/public/uploads/main/".@$pro_photo_details->file))
													<img src="{{url('/')}}/public/uploads/main/{{$pro_photo_details->file}}" alt="img" class="cover-image" >
													@else
													<img src="{{url('/')}}/public/uploads/sample.png" alt="img" class="">
													@endif
												</div>
												<div class="item-card9-icons">
													@if($session_id == "")
													<a href="#login_modal" class="item-card9-icons1 wishlist"  data-toggle="modal"> <i class="fa fa fa-heart-o"></i></a>
													@else
													@php $like_status = $property_details->get_like_status_userPortfoliogroups($p_list->group_id) @endphp
														@if($like_status == 1)
														<a href="javascript:void(0)" class="item-card9-icons1 wishlist active" id= "like_button_{{$p_list->group_id}}" onclick="bookmarks_data({{$p_list->group_id}})"> <i class="fa fa fa-heart-o"></i></a>
														@else
														<a href="javascript:void(0)" class="item-card9-icons1 wishlist " id= "like_button_{{$p_list->group_id}}" onclick="bookmarks_data({{$p_list->group_id}})"> <i class="fa fa fa-heart-o"></i></a>
														@endif
													@endif
												</div>
											</div>
											<div class="card border-0 mb-0">
												<div class="card-body ">
													<div class="item-card9">
														<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})">{{$p_list->property_type}}</a>
														<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class="text-dark"><h4 class="font-weight-semibold mt-1">{{$p_list->group_name}}</h4></a>
														<p class="mb-0 leading-tight">@php $content = substr(strip_tags($p_list->group_desc), 0, 100); @endphp {{$content}}...</p>
													</div>
													<div class="item-card9" style="margin-top: 12px;">
														<span class=""><i class="fa fa-bed"></i> Beds:{{$p_list->property_beds}}</span>
														<span class=""><i class="fa fa-bath"></i> Baths:{{$p_list->property_baths}}</span>
														<span class=""><i class="fa fa-cube"></i> Sqft:{{$p_list->property_sqr_foot}}</span>                 
													</div>
												</div>
												<div class="card-footer pt-4 pb-4">
													<div class="item-card9-footer d-flex">
														<div class="item-card9-cost">
															<h4 class="text-dark font-weight-semibold mb-0 mt-0">${{$p_list->property_price}}</h4>
														</div>
														<div class="ml-auto">
															<a href="{{route('photo-album-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class="btn btn-primary btn-sm ">View More</a>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									@endforeach
									@else
											<div class="col-lg-12"><h1 class="text-center">No Results Found</h1></div>
									@endif
								</div>
								<div class="tab-pane active" id="tab-12">
									<div class="row">
										@if(count($property_list)>0)	
										@foreach($property_list as $p_list)
										<div class="col-lg-6 col-md-6 col-xl-4">
											<div class="card overflow-hidden">
												@php
													$pro_photo_details = $property_details->get_users_portfolio_photo($p_list->group_id);
												@endphp
												<div class="item-card9-img">
													<div class="arrow-ribbon bg-primary">{{$p_list->property_status}}</div>
													<div class="item-card9-imgs">
														<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})"></a>

														
														@if($pro_photo_details != NULL  && @file_get_contents(url('/')."/public/uploads/main/".@$pro_photo_details->file))
														<img src="{{url('/')}}/public/uploads/main/{{$pro_photo_details->file}}" alt="img" class="cover-image">
														@else
														<img src="{{url('/')}}/public/uploads/sample.png" alt="img" class="">
														@endif
													</div>
													<div class="item-card9-icons">
														@if($session_id == "")
														<a href="#login_modal" class="item-card9-icons1 wishlist"  data-toggle="modal"> <i class="fa fa fa-heart-o"></i></a>
														@else
														@php $like_status = $property_details->get_like_status_userPortfoliogroups($p_list->group_id) @endphp
															@if($like_status == 1)
															<a href="javascript:void(0)" class="item-card9-icons1 wishlist active" id= "list_like_button_{{$p_list->group_id}}" onclick="bookmarks_data({{$p_list->group_id}})"> <i class="fa fa fa-heart-o"></i></a>
															@else
															<a href="javascript:void(0)" class="item-card9-icons1 wishlist " id= "list_like_button_{{$p_list->group_id}}" onclick="bookmarks_data({{$p_list->group_id}})"> <i class="fa fa fa-heart-o"></i></a>
															@endif
														@endif
													</div>
												</div>
												<div class="card-body">
													<div class="item-card9">

														<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})">{{$p_list->property_type}}</a>
														<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class="text-dark mt-2"><h4 class="font-weight-semibold mt-1">{{$p_list->group_name}}</h4></a>
														<div class="item-card9-desc properties-margin">
															@php
																$location = substr($p_list->group_location, 0, 12);
															@endphp
															<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class="mr-4"><span class=""><i class="fa fa-map-marker text-muted mr-1"></i> {{$location}}..</span></a>
															<a href="{{route('property-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class=""><span class=""><i class="fa fa-calendar-o text-muted mr-1"></i> {{$p_list->group_date}}</span></a>
														</div>
														<div class="item-card9-desc">
															<span class="f-size"><i class="fa fa-bed"></i> Beds:{{$p_list->property_beds}}</span>
															<span class="f-size"><i class="fa fa-bath"></i> Baths:{{$p_list->property_baths}}</span>
															<span class="f-size"><i class="fa fa-cube"></i> Sqft:{{$p_list->property_sqr_foot}}</span>                 
														</div>
													</div>
												</div>
												<div class="card-footer">
													<div class="item-card9-footer d-flex">
														<div class="item-card9-cost">
															<h4 class="text-dark font-weight-semibold mb-0 mt-0">${{$p_list->property_price}}</h4>
														</div>
														<div class="ml-auto">
															<a href="{{route('photo-album-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class="btn btn-primary btn-sm ">View More</a>
														</div>
													</div>
												</div>
											</div>
										</div>
										@endforeach
										@else
											<div class="col-lg-12"><h1 class="text-center">No Results Found</h1></div>
										@endif
									</div>
								</div>
								<div class="tab-pane" id="tab-13">
									<div class="row">
										@if(count($property_list)>0)	
											
											<div class="col-lg-12 col-md-12 col-xl-12">
												<!--The div element for the map -->
												<!--Map-->
												<div>
													<div class="axgmap" data-latlng="" data-zoom="0">
														@foreach($property_list as $p_list)
														@php
															$pro_photo_details = $property_details->get_users_portfolio_photo($p_list->group_id);
														@endphp
														<div class="axgmap-img" data-latlng="{{@$p_list->lat}},{{@$p_list->lon}}" data-marker-image="" data-title="{{$p_list->group_name}}">
															<h4>{{$p_list->group_name}}</h4>
															@if($pro_photo_details !=NULL && @file_get_contents(url('/')."/public/uploads/main/".@$pro_photo_details->file))
																
																<img src="{{url('/')}}/public/uploads/main/{{$pro_photo_details->file}}" alt="img" class="w-150 h100 mb-3 mt-2">
															@else
																<img src="{{url('/')}}/public/uploads/sample.png" alt="img" class="w-150 h100 mb-3 mt-2">
															@endif
															<a href="{{route('photo-album-details', ['file_name'=> $p_list->group_filename]) }}" onclick="get_views({{$p_list->group_id}})" class="btn btn-primary btn-sm ">View More</a>
															
														</div>
														@endforeach
													</div>
												</div>
												<!--/Map-->
											</div>
											
										@else
											<div class="col-lg-12"><h1 class="text-center">No Results Found</h1></div>
										@endif
									</div>
								</div>
							</div>
						</div>
						<div class="center-block text-center">
							{{ $property_list->appends(Request::all())->links() }}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

@include('frontend.include.login_modal')

<!-- Newsletter-->
{{-- @include('frontend.include.newsletter')  --}}
<!--/Newsletter-->

@include('frontend.include.footer') 
<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
	function get_views(id){
		var group_id = id;
		var token = '{{ csrf_token() }}';
		$.ajax({
			type: "post",
			url: "{{url('/insert_view_count')}}",
			data: {'_token': token,'group_id':group_id},
			dataType: "JSON",
			success: function (response) {
				console.log(response);
			}
		});
	}
</script>
<script>
	function bookmarks_data(group_id){
  	$("#like_button_"+group_id).toggleClass('active ');
		$("#list_like_button_"+group_id).toggleClass('active ');
		var group_id = group_id;
		var token = '{{ csrf_token() }}';
		$.ajax({
			type: "post",
			url: "{{url('/insert_like_data')}}",
			data: {'_token': token,'group_id':group_id},
			dataType: "JSON",
			success: function (response) {
				console.log(response)
			}
		});
	}
</script>