@extends(getTemplate('public'))
@section('content')
	@push('custom-css')
	@endpush
	@push('page-css')
		<link href="{{asset('assets/plugins/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css')}}" rel="stylesheet">
		<link href="{{asset('assets/plugins/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css')}}" rel="stylesheet">
	@endpush
	<!-- begin #content -->
	<div id="content" class="content module-top-fixed">
		<div class="bw-modules-top bw-modules-page-area bw-modules-page-area-bg">
			<div class="container">
				<div class="col-md-12 bw-modules-page-info">
					<h4>{{setting('memberships_placeholder_title')}}</h4>
					<div class="bw-modules-page-desc">
						<p>{!! setting('memberships_placeholder_text') !!}</p>
					</div>
				</div>
			</div>
		</div>
		<div class="container bw-modules-container">
			<div class="col-md-12 bw-memberships-listing-5-main-nopadding">
				<div class="row">
					<div class="bw-memberships-categories-1-center bw-memberships-categories-5-center">
						<div class="tab-overflow bw-memberships-categories-1-tab-overflow bw-tabscolor-1">
							<ul class="nav nav-tabs bw-memberships-categories-1-center-padcenter">
								<li class="nav-item prev-button"><a href="javascript:;" data-click="prev-tab" class="text-inverse nav-link bw-memberships-categories-1-previous"><i class="fa fa-arrow-left"></i></a></li>
								<li class="nav-item"><a href="#nav-tab2-0" data-toggle="tab" class="nav-link @if(!$this->ci->input->get('category_id')) active @endif">All</a></li>
								@if($categories->exists())
									@foreach($categories as $category)
										<li class="nav-item"><a href="#nav-tab2-{{$category->id}}" data-toggle="tab" class="nav-link @if($this->ci->input->get('category_id') && $this->ci->input->get('category_id') == $category->id) active @endif">{{ucwords($category->name)}}</a></li>
									@endforeach
								@endif
								<li class="nav-item next-button"><a href="javascript:;" data-click="next-tab" class="text-inverse nav-link bw-memberships-categories-1-next"><i class="fa fa-arrow-right"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
					<div class="tab-content bw-memberships-listing-tabcontent">
						<div class="tab-pane fade  @if(!$this->ci->input->get('category_id')) active show @endif" id="nav-tab2-0">
							<div class="row">
								@foreach($memberships as $membership)
									@php $currency = new Currency($membership->currency_id); @endphp
									<div class="col-lg-8 col-md-12 col-sm-12 bw-memberships-listing-5-col">
										<div class="bw-memberships-listing-5-card">
											<div class="bw-memberships-listing-5-img-box">
												@if($membership->files()->exists())
													<div class="owl-images owl-carousel owl-theme">
														@foreach($membership->files() as $image)
															<div class="item bw-memberships-5-img-item">
																<img class="img-responsive" src="{{asset($image->url)}}" alt="{{$membership->name}}" alt="">
																@if($membership->featured == 'yes')
																	<div class="bw-memberships-listing-5-featured bw-memberships-listing-5-featured-single">
																		<div class="bw-memberships-listing-5-featured-contain">
																			<i class="fas fa-star"></i><span> Popular</span>
																		</div>
																	</div>
																@endif
															</div>
														@endforeach
													</div>
												@else
													<img src="{{asset($membership->image)}}" class="img-fluid img-responsive bw-memberships-5-img-item-img" alt="{{$membership->name}}" />
													@if($membership->featured == 'yes')
														<div class="bw-memberships-listing-5-featured">
															<div class="bw-memberships-listing-5-featured-contain">
																<i class="fas fa-star"></i><span> Popular</span>
															</div>
														</div>
													@endif
												@endif
											</div>
											<div class="bw-memberships-listing-5-desc">
												<div class="row">
													<div class="col-md-8">
														<h4 class="bw-memberships-listing-5-title">{{$membership->name}}</h4>
													</div>
													<div class="col-md-4">
														<h5 class="bw-memberships-listing-5-description-category">
															@php $c = explode(',',$membership->categories); @endphp
															@if(count($c) > 0)
																@foreach($c as $name)
																	@php
																		$ca = new Membership_category();
																		$category = $ca->where('name', $name)->get();
																	@endphp
																	@if($category->exists())
																		{{ucwords($category->name)}}
																	@endif
																@endforeach
															@endif
														</h5>
													</div>
												</div>
												<div class="bw-memberships-listing-5-desc-details">
													{!!$membership->description!!}
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-12 col-sm-12 bw-memberships-listing-5-col bw-memberships-listing-5-col-price">
										<div class="bw-memberships-listing-5-price-table-1 bw-memberships-listing-5-price-table-1-dark">
											<header class="bw-memberships-listing-5-price-table-1-header bw-bg-2">
												<span class="bw-memberships-listing-5-price-table-1-category">{{$membership->name}}</span>
												@if($membership->price > 0)
													@if($membership->vat > 0 && $membership->show_vat === 'yes')
														@php $price = number_format(($membership->price + (($membership->price * $membership->vat) / 100)),2,'.',','); @endphp
														<h3><sup>{{$currency->symbol}}</sup>{{$price}} <sub>VAT Inclusive</sub></h3>
													@else
														@php $price = number_format($membership->price,2,'.',','); @endphp
														<h3><sup>{{$currency->symbol}}</sup>{{$price}} <sub>VAT Exclusive</sub></h3>
													@endif
												@else
													<h3><sup>{{$currency->symbol}}</sup>0.00 <sub>Free Membership</sub></h3>
												@endif
											</header>
											<div class="bw-memberships-listing-5-price-table-1-body">
												<ul class="bw-memberships-listing-5-price-table-1-list">
												@php
													$amenity_ids = strpos($membership->amenities,',') !== FALSE ? explode(',',$membership->amenities) : [$membership->amenities];
												@endphp
												@if(count($amenity_ids) > 0)
													@if(count($amenity_ids) > 0)
														@php
															$a = new Amenity();
															$amenities = $a->where_in('id',$amenity_ids)->get();
														@endphp
														@if($amenities->exists())
															@foreach($amenities as $amenity)
																<li>{{ucwords($amenity->name)}}</li>
															@endforeach
														@endif
													@endif
												@endif
												</ul>
												<div class="text-center">
													@if($membership->questionnaire == 'yes')
														<a class="btn btn-block btn-1 btn-book" href="{{url('memberships/application/'.$membership->id)}}">APPLY NOW</a>
													@else
														<a class="btn btn-block btn-1 btn-book" href="{{url('memberships/application/'.$membership->id)}}">BOOK NOW</a>
													@endif
												</div>
											</div>
										</div>
									</div>
								@endforeach
							</div>
						</div>
						@if($categories->exists())
							@foreach($categories as $category)
								<div class="tab-pane fade  @if($this->ci->input->get('category_id') && $this->ci->input->get('category_id') == $category->id) active show @endif" id="nav-tab2-{{$category->id}}">
									<div class="row">
										@foreach($memberships as $membership)
											@php $currency = new Currency($membership->currency_id); @endphp
											<div class="col-lg-8 col-md-12 col-sm-12 bw-memberships-listing-5-col">
												<div class="bw-memberships-listing-5-card">
													<div class="bw-memberships-listing-5-img-box">
														@if($membership->files()->exists())
															<div class="owl-images owl-carousel owl-theme">
																@foreach($membership->files() as $image)
																	<div class="item bw-memberships-5-img-item">
																		<img class="img-responsive" src="{{asset($image->url)}}" alt="{{$membership->name}}" alt="">
																		@if($membership->featured == 'yes')
																			<div class="bw-memberships-listing-5-featured bw-memberships-listing-5-featured-single">
																				<div class="bw-memberships-listing-5-featured-contain">
																					<i class="fas fa-star"></i><span> Popular</span>
																				</div>
																			</div>
																		@endif
																	</div>
																@endforeach
															</div>
														@else
															<img src="{{asset($membership->image)}}" class="img-fluid img-responsive bw-memberships-5-img-item-img" alt="{{$membership->name}}" />
															@if($membership->featured == 'yes')
															<div class="bw-memberships-listing-5-featured">
																<div class="bw-memberships-listing-5-featured-contain">
																	<i class="fas fa-star"></i><span> Popular</span>
																</div>
															</div>
															@endif
														@endif
													</div>
													<div class="bw-memberships-listing-5-desc">
														<div class="row">
															<div class="col-md-8">
																<h4 class="bw-memberships-listing-5-title">{{$membership->name}}</h4>
															</div>
															<div class="col-md-4">
																<h5 class="bw-memberships-listing-5-description-category">
																	{{ucwords($category->name)}}
																</h5>
															</div>
														</div>
														<div class="bw-memberships-listing-5-desc-details">
															{!!$membership->description!!}
														</div>
													</div>
												</div>
											</div>
											<div class="col-lg-4 col-md-12 col-sm-12 bw-memberships-listing-5-col bw-memberships-listing-5-col-price">
												<div class="bw-memberships-listing-5-price-table-1 bw-memberships-listing-5-price-table-1-dark">
													<header class="bw-memberships-listing-5-price-table-1-header bw-bg-2">
														<span class="bw-memberships-listing-5-price-table-1-category">{{$membership->name}}</span>
														@if($membership->price > 0)
															@if($membership->vat > 0 && $membership->show_vat === 'yes')
																@php $price = number_format(($membership->price + (($membership->price * $membership->vat) / 100)),2,'.',','); @endphp
																<h3><sup>{{$currency->symbol}}</sup>{{$price}} <sub>VAT Inclusive</sub></h3>
															@else
																@php $price = number_format($membership->price,2,'.',','); @endphp
																<h3><sup>{{$currency->symbol}}</sup>{{$price}} <sub>VAT Exclusive</sub></h3>
															@endif
														@else
															<h3><sup>{{$currency->symbol}}</sup>0.00 <sub>Free Membership</sub></h3>
														@endif
													</header>
													<div class="bw-memberships-listing-5-price-table-1-body">
														<ul class="bw-memberships-listing-5-price-table-1-list">
														@php
															$amenity_ids = strpos($membership->amenities,',') !== FALSE ? explode(',',$membership->amenities) : [$membership->amenities];
														@endphp
														@if(count($amenity_ids) > 0)
															@if(count($amenity_ids) > 0)
																@php
																	$a = new Amenity();
																	$amenities = $a->where_in('id',$amenity_ids)->get();
																@endphp
																@if($amenities->exists())
																	@foreach($amenities as $amenity)
																		<li>{{ucwords($amenity->name)}}</li>
																	@endforeach
																@endif
															@endif
														@endif
														</ul>
														<div class="text-center">
															@if($membership->questionnaire == 'yes')
																<a class="btn btn-block btn-1 btn-book" href="{{url('memberships/application/'.$membership->id)}}">APPLY NOW</a>
															@else
																<a class="btn btn-block btn-1 btn-book" href="{{url('memberships/application/'.$membership->id)}}">BOOK NOW</a>
															@endif
														</div>
													</div>
												</div>
											</div>
										@endforeach
									</div>
								</div>
							@endforeach
						@endif
					</div>
			</div>
		</div>
	</div>
	<!-- end #content -->
	@push('custom-js')
		<script src="{{asset('assets/plugins/OwlCarousel2-2.3.4/dist/owl.carousel.js')}}"></script>
		<script>
			$(document).ready(function() {
				var secondRow = $(".owl-images");
				secondRow.owlCarousel({
					loop: true,
					autoplay:true,
					autoplayHoverPause:true,
					margin:10,
					responsiveClass:true,
					smartSpeed:700,
					responsive:{
						0:{
							items:1,
							nav:false
						},
						400:{
							items:1,
							nav:false
						},
						768:{
							items:1,
							nav:false
						},
						992:{
							items:1,
							nav:false
						}
					},
					nav: true,
					dots: true,
					navText: [
						'<span aria-label="' + 'Previous' + '">&#x2039;</span>',
						'<span aria-label="' + 'Next' + '">&#x203a;</span>'
					],
				});
				$('.play').on('click',function(){
					secondRow.trigger('play.owl.autoplay',[1000])
				});
				$('.stop').on('click',function(){
					secondRow.trigger('stop.owl.autoplay')
				});
			});
		</script>
	@endpush
@endsection