@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" 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">
		@if(!$motgage->isEmpty())
	@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/thumb400/'.$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}}" 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 Listing Available</h3>
		@endif
	
		
	</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($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']}}" 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>
@endsection
<!--/Add listing-->
@section('scripts')
<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>



@endsection