@extends('frontend.layout.master')

@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')
			</div>
		</div>
		<!--/Sliders Section-->

		<!--Breadcrumb-->
		<div class="bg-white border-bottom">
			<div class="container">
				<div class="page-header">
					<h4 class="page-title">Listing List</h4>
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							@if(Auth::user())
							<a href="{{route('front.profile')}}">Home</a>
							@else
							<a href="{{route('front.dashboard')}}">Home</a>
							@endif
						</li>
						
						<li class="breadcrumb-item active" aria-current="page">Listing List</li>
					</ol>
				</div>
			</div>
		</div>
		<!--/Breadcrumb-->

		<!--Add listing-->
		<section class="sptb">
			<div class="container">
				<div class="row">
					<!--Add Lists-->
					<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">
											
										</ul>

											<input type="hidden" id="hidId" value="{{ $motgage_id }}">
										
										<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" onchange="sortBy()" id="sortBy">
												<option value="NULL">--Select--</option>
												<option value="asc">Price: Low To High</option>
												<option value="desc">Price: High To Low</option>
											</select>
										</div>

										
									</div>
									<div class="tab-content">
							<div class="tab-pane active" id="tab-11">
								@foreach($fetchRecord as $key=>$val)
								<div class="card overflow-hidden">
									<div class="d-md-flex">
										<div class="item-card9-img">
											
											<div class="item-card9-imgs">
												<a href="{{route('front.detail', base64_encode($val->id))}}"></a>
												<img src="{{ asset('upload/property/'.$val->picture) }}" alt="img" class="cover-image">
											</div>
											<div class="item-card9-icons">
												<a href="{{route('front.detail', base64_encode($val->id))}}" class="item-card9-icons1 wishlist"> <i class="fa fa fa-heart-o"></i></a>
											</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>
														Unlimited
													</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>
										
										<div class="card border-0 mb-0">
											<div class="card-body ">
												<div class="item-card9">
													<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"><h4 class="font-weight-semibold mt-1">{{$val->prop_name}}</h4></a>
													<p class="mb-0 leading-tight">{!!str_limit(strip_tags($val->prop_desc), 50)!!}</p>
												</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">@if($val->prop_price == NULL)
															N/A
														@else
															{{$val->currency['curr_code']}} {{$val->prop_price}}
														@endif
														</h4>
													</div>
													
													<div class="ml-auto">
														<i class="fa fa-map-marker text-muted mr-1"></i> {{$val->prop_city}}
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								@endforeach
								
							</div>

						</div>
								</div>
								<div class="center-block text-center">
									<ul class="pagination mb-0 pull-right">
									   <!-- <div class="pagination pull-right" style="margin-top: 10px;"> -->
										 {{$fetchRecord->appends(['keyword' => $filter, 'key' => $motgage_id])->links() }}
								       <!-- </div> -->
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!--Add Lists-->

					<!--Right Side Content-->
					<div class="col-xl-3 col-lg-4 col-md-12">
						

						<div class="card">
							<div class="card-header">
								<h3 class="card-title">Categories</h3>
							</div>
							<div class="card-body">
								<div class="" id="container">
								  <form method="post" action="{{route('front.apply')}}">
								  	@csrf
									<div class="filter-product-checkboxs">
										@foreach($category as $val)
										<label class="custom-control custom-checkbox mb-3">
											<input type="checkbox" class="custom-control-input" name="checkbox1[]" value="{{$val->id}}" {{ in_array($val->id, $filter) ? 'checked' : ''}}>
											<input type="hidden" class="custom-control-input" name="mot_id" value="{{$motgage_id}}">
											<span class="custom-control-label">
												{{$val->cat_name}}

												<span class="label label-secondary float-right">{{count($val->motgage)}}</span>
											</span>
										</label>
										@endforeach
									</div>
									<div class="card-footer">
										
										<button class="btn btn-secondary btn-block" type="submit">Apply Filter</button>
									</div>
									</form>

								</div>
							</div>
							
						</div>
						
					</div>
					<!--/Right Side Content-->

				</div>
			</div>
		</section>
		<!--/Add listing-->

@endsection

<script type="text/javascript">

	function sortBy() {
		var sortId   = $('#sortBy').val();
		var parentId = $('#hidId').val();
		var token    = $("meta[name='csrf-token']").attr("content");
		var link     = base_url + "sortBy";

		//alert(sortId);
		$.ajax({
						url     : link,
						method  : "post",
						data    : {
								'sortId'    : sortId,
								'parent_id' : parentId,
								'_token'    : token
								},
						success : function(result){
							
							$('#tab-11').html(result);
						}
					});
	}

</script>