@php
	use App\DashboardModel;
	$cls_details = new DashboardModel();
	$session_id = session()->get('session_id');
	use App\MasterModel;
    $master_instance = new MasterModel();
@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">SI Equipment</h4>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
				<li class="breadcrumb-item"><a href="{{url('/')}}/si-equipment">SI Equipment</a></li>
			</ol>
		</div>
	</div>
</div>
<!--/Breadcrumb-->

<!--Add listing-->
<section class="sptb">
	<div class="container">
		<div class="row">
			<!--Left Side Content-->
			@include('frontend.include.equipment_sidebar_filter')
			<!--/Left Side Content-->

			<div class="col-xl-9 col-lg-8 col-md-12">
				<!--Add Lists-->
				<div class="card mb-0">
					<div class="card-body">
						<div class="item2-gl ">
							<div class="item2-gl-nav d-flex">
								<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($classified_list)>0)	
										@foreach($classified_list as $classified)
										<div class="card overflow-hidden">
											<div class="d-md-flex">
												@php
													$cls_photo_details = $cls_details->get_users_portfolio_photo($classified->group_id);
												@endphp
												<div class="item-card9-img">
													@if($classified->property_status != NULL)
													<div class="arrow-ribbon bg-primary">{{$classified->property_status}}</div>
													@endif
													<div class="item-card9-imgs">
														<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})"></a>
														@if($cls_photo_details != NULL && @file_get_contents(url('/')."/public/uploads/main/".@$cls_photo_details->file))
															<img src="{{url('/')}}/public/uploads/display/{{$cls_photo_details->file}}" alt="img"  style="">
															
														@else
															<img src="{{url('/')}}/public/uploads/sample.png" alt="img">
														@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 = $cls_details->get_like_status_userPortfoliogroups($classified->group_id) @endphp
															@if($like_status == 1)
															<a href="javascript:void(0)" class="item-card9-icons1 wishlist active" id= "like_button_{{$classified->group_id}}" onclick="bookmarks_data({{$classified->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_{{$classified->group_id}}" onclick="bookmarks_data({{$classified->group_id}})"> <i class="fa fa fa-heart-o"></i></a>
															@endif
														@endif
													</div>
												</div>
												@php
													$profile_details = $cls_details->get_member_profile($classified->user_id);
												@endphp
												<div class="card border-0 mb-0">
													<div class="card-body ">
														<div class="item-card9">
														
															<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})" >{{$profile_details->company}}</a>

														
															<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})" class="text-dark"><h4 class="font-weight-semibold mt-1">{{$classified->group_name}} </h4></a>
															<p class="mb-0 leading-tight">@php $content = substr(strip_tags($classified->group_desc), 0, 200); @endphp {{$content}}...</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">${{$classified->property_price}}</h4>
															</div>
															<div class="ml-auto">
																<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})" class="btn btn-primary btn-sm ">View More</a>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										@endforeach
									@else
										<div><h1 class="text-center">No Results Found</h1></div>
									@endif
								</div>
								<div class="tab-pane active" id="tab-12">
									<div class="row">
											@if(count($classified_list)>0)	
												@foreach($classified_list as $classified)
												<div class="col-lg-6 col-md-12 col-xl-4">
													<div class="card overflow-hidden">
														@php
															$cls_photo_details = $cls_details->get_users_portfolio_photo($classified->group_id);
														@endphp
														<div class="item-card9-img">
															@if($classified->property_status !=NULL)
															<div class="arrow-ribbon bg-primary">{{$classified->property_status}}</div>
															@endif
															<div class="item-card9-imgs">
																<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})"></a>
																@if($cls_photo_details != NULL && @file_get_contents(url('/')."/public/uploads/main/".@$cls_photo_details->file))
																	<img src="{{url('/')}}/public/uploads/display/{{$cls_photo_details->file}}" alt="img" class="">
																	
																@else
																	<img src="{{url('/')}}/public/uploads/sample.png" alt="img" class="cover-image">
																@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 = $cls_details->get_like_status_userPortfoliogroups($classified->group_id) @endphp
																	@if($like_status == 1)
																	<a href="javascript:void(0)" class="item-card9-icons1 wishlist active" id= "list_like_button_{{$classified->group_id}}" onclick="bookmarks_data({{$classified->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_{{$classified->group_id}}" onclick="bookmarks_data({{$classified->group_id}})"> <i class="fa fa fa-heart-o"></i></a>
																	@endif
																@endif
															</div>
														</div>
														@php
																$profile_details = $cls_details->get_member_profile($classified->user_id);
														@endphp
														<div class="card-body">
															<div class="item-card9">
																@if(strlen($profile_details->company)>25)
                                                                @php $member_company =substr($profile_details->company,0,25) @endphp
                                                                <a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}"  onclick="get_views({{$classified->group_id}})">{{$member_company}}..</a>
                                                                @else
																<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}"  onclick="get_views({{$classified->group_id}})">{{$profile_details->company}}</a>
                                                                @endif
                                                                @if(strlen($classified->group_name)>25)
                                                                @php $group_name =substr($classified->group_name,0,25) @endphp
																<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})" class="text-dark mt-2"><h4 class="font-weight-semibold mt-1">{{$group_name}}.. </h4></a>
                                                                @else
                                                                <a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->group_id}})" class="text-dark mt-2"><h4 class="font-weight-semibold mt-1">{{$classified->group_name}} </h4></a>
                                                                @endif
                                                                @if(strlen($classified->group_desc)>67)
																<p>@php $content = substr(strip_tags($classified->group_desc), 0, 67); @endphp {{$content}}...</p>
                                                                @else
                                                                <p>@php eval('?>' . stripslashes($classified->group_desc));  @endphp</p>
                                                                @endif
																<div class="item-card9-desc">
                                                                    @if($classified->group_location != NULL)
                                                                        @if(strlen($classified->group_location)>8)
                                                                        @php
                                                                            $location = substr($classified->group_location, 0, 8);
                                                                        @endphp
                                                                        <a href="#" class="mr-4"><span class=""><i class="fa fa-map-marker text-muted mr-1"></i> {{$location}}...</span></a>
                                                                        @else
                                                                        <a href="#" class="mr-4"><span class=""><i class="fa fa-map-marker text-muted mr-1"></i> {{$classified->group_location}}</span></a>
                                                                        @endif
                                                                    @endif
																	<a href="#" class="" style="float:right;"><span class=""><i class="fa fa-calendar-o text-muted mr-1"></i> {{date('M-d-Y', strtotime($classified->date_updated))}}</span></a>
																</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">${{$classified->property_price}}</h4>
																</div>
																<div class="ml-auto mt-2">
																	<a href="{{route('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->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($classified_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($classified_list as $classified)
														@php
															$cls_photo_details = $cls_details->get_users_portfolio_photo($classified->group_id);
														@endphp
														<div class="axgmap-img" data-latlng="{{@$classified->lat}},{{@$classified->lon}}" data-marker-image="" data-title="{{$classified->group_name}}">
															<h4>{{$classified->group_name}}</h4>
															@if($cls_photo_details != NULL && @file_get_contents(url('/')."/public/uploads/main/".@$cls_photo_details->file))
																<img src="{{url('/')}}/public/uploads/display/{{$cls_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('equipment_list-details', ['file_name'=> $classified->group_filename]) }}" onclick="get_views({{$classified->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>
						@if(count($classified_list)>0)
						<div class="center-block text-center">
							{{ $classified_list->appends(Request::all())->links() }}
						</div>
						@endif
					</div>
				</div>
				<!--/Add Lists-->
			</div>
		</div>
	</div>
</section>

<!--/Add Listings-->
@include('frontend.include.login_modal')


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

<!-- Include Footer -->
@include('frontend.include.footer') 
<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>
	function get_views(id){
		// alert(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>