@extends('frontend.layout.master')

@section('title')
FSBM | {{ucfirst($slug->title)}}
@endsection

@section('keyword')
{!!strip_tags($slug->meta_keyword)!!}
@endsection

@section('description')
{!!strip_tags($slug->meta_desc)!!}
@endsection

@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">Listings</h4>
<ol class="breadcrumb">
	<li class="breadcrumb-item">
		
		<a href="{{route('front.dashboard')}}">Home</a>
		
	</li>
	
	<li class="breadcrumb-item active" aria-current="page">Listings</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">
			@if(!$fetchRecord->isEmpty())
			@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/thumb400/'.$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> -->
							@if(Auth::user())
								@if(Auth::user()['role_id']==3)
									<a href="javascript:void(0)" class="item-card9-icons1 wishlist" data-data="{{$val->id}}" data-toggle="tooltip" data-placement="top" data-original-title="Wishlist">  
								@if(count($val->wishlist)>0)
                                 	<i class="fa fa fa-heart whishstate" style="color: #ff2b88;"></i>
                                 @else
                                   	<i class="fa fa fa-heart whishstate"></i>
                                 @endif

									</a>
								@endif
							@else
								<a href="{{route('front.login')}}" class="item-card9-icons1 wishlist" data-toggle="tooltip" data-placement="top" data-original-title="Wishlist"> <i class="fa fa fa-heart"></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>
									Open
								</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)
										{{$val->currency['curr_code']}} - Offers Invited
									@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
			@else
			<h3 class="text-center">No Listings Available</h3>
			@endif
			
		</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() }}
					 <!-- {{$fetchRecord->appends(['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($main_array as $val)
					<label class="custom-control custom-checkbox mb-3">
						<input type="checkbox" class="custom-control-input" name="checkbox1[]" value="{{$val['category']['id']}}" {{ in_array($val['category']['id'], $filter) ? 'checked' : ''}} id="checkbox1">
						<input type="hidden" class="custom-control-input" name="mot_id" value="{{$motgage_id}}">
						<span class="custom-control-label">
							{{$val['category']['name']}}

							<span class="label label-secondary float-right">{{$val['category']['count']}}</span>
						</span>
					</label>
					@endforeach
				</div>
				<span><p id="applycheck" style="color: red; display: none;"></p></span>
				<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
@section('scripts')

<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>
@endsection