@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" id="card-section">
							<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 }}">
											<input type="hidden" id="hidEncodeId" value="{{ $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" {{ ($sortBy == 'asc') ? 'selected': '' }}>Price: Low To High</option>
												<option value="desc" {{ ($sortBy == 'desc') ? 'selected': '' }}>Price: High To Low</option>
											</select>
										</div>

										
									</div>
									<div class="tab-content">
							<div class="tab-pane active" id="tab-11">
							@foreach($motgage 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">
												@if(Auth::user())
													@if(Auth::user()['role_id']==3)
														<a href="javascript:void(0)" class="item-card9-icons1 wishlist" data-data="{{$val->id}}" onclick="wishlist()"> <i class="fa fa fa-heart"></i>

														</a>
													@endif
												@else
													<a href="{{route('front.login')}}" class="item-card9-icons1 wishlist"> <i class="fa fa fa-heart-o"></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>
														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">
										@if($sortBy)
											{{$motgage->appends(['s' => $sortBy])->links() }}
										@else
										    {{ $motgage->links() }}
										@endif
										
									</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}}">
											<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() {
		
		//console.log(window.location.href);
		
		var encodeParentId = $('#hidEncodeId').val();
		var currentUrl = base_url + "property/" + encodeParentId;
		var sortId   = $('#sortBy').val();
		var parentId = $('#hidId').val();
		var token    = $("meta[name='csrf-token']").attr("content");
		var link     = base_url + "sortBy";
		window.location.href = currentUrl + "?s=" + sortId;
			/*jQuery('html,body').animate({
		          scrollTop: jQuery("#card-section").offset().top-250
		      }, 900, 'swing');*/
		/*$.ajax({
						url     : link,
						method  : "post",
						data    : {
								'sortId'    : sortId,
								'parent_id' : parentId,
								'_token'    : token
								},
						success : function(result){
							
							$('#tab-11').html(result);
						}
					});*/
	}


</script>


<script type="text/javascript">
	// $(document).ready(function(){
 //    $(".wishlist").live('click', function(evt) {
 //       var link_data = $(this).data('data');

 //       alert(link_data);
       
    //    $.ajax({
    //       type: "POST",
    //       url: 'addtowishlist.php',
    //       data: ({product_id: link_data}),
    //       success: function(data) {
    //            if(data == '1')
    //            {
    //               $('a[data-data="' + link_data + '"] > i.whishstate').css({"color":"red"})
    //            }
    //            else{
    //                $('a[data-data="' + link_data + '"] > i.whishstate').css({"color":"red"})
    //            }
    //       }   
    //    });   
//     }); 
// });

function wishlist() {
	 // var link_data = $('.wishlist').data('data');
	 // var data = $('.propid').val();

	 // alert(link_data);
	 // alert(data);
}
</script>