@extends(getTemplate('public'))
@section('content')
	@push('custom-css')

	@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('placeholder_title','memberships')}}</h4>
					<div class="bw-modules-page-desc">
						<p>{!! setting('placeholder_text','memberships') !!}</p>
					</div>
				</div>
			</div>
		</div>
		<div class="container bw-modules-container">
			<div class="col-md-12">
				<div class="row">
					<div class="bw-memberships-categories-1-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(!request('category_id')) active @endif">All</a></li>
								@if($categories)
									@foreach($categories as $category)
										<li class="nav-item"><a href="#nav-tab2-{{$category->id}}" data-toggle="tab" class="nav-link @if(request('category_id') && request('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(!request('category_id')) active show @endif" id="nav-tab2-0">
						<div class="row">
							@foreach($memberships as $membership)
								<div class="col-lg-6 col-md-12 col-sm-12 bw-memberships-listing-3-col">
								<div class="bw-memberships-listing-3-card">
									<div class="bw-memberships-listing-3-img-box">
										<a href="{{url('memberships/application/'.$membership->id)}}"><img class="img-fluid bw-memberships-listing-2-img" src="{{asset($membership->image)}}" alt="">
											@if($membership->featured == 'yes')
												<div class="bw-memberships-listing-3-featured">
													<div class="bw-memberships-listing-3-featured-contain">
														<i class="fas fa-star"></i><span> Popular</span>
													</div>
												</div>
											@endif
										</a>
										<div class="bw-memberships-listing-3-price">
											@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
                                           			 {{$currency->symbol.$price}} <small>VAT Inclusive</small>
												@else
													@php $price = number_format($membership->price,2,'.',','); @endphp
													{{$currency->symbol.$price}} <small>VAT Exclusive</small>
												@endif
											@else
												{{$currency->symbol}}0.00 <small>Free Membership</small>
											@endif
										</div>
									</div>
									<div class="bw-memberships-listing-3-desc">
										<h5 class="bw-memberships-listing-3-title">{{$membership->name}}</h5>
										<div class="bw-memberships-listing-2-desc-details">
											{!!$membership->description!!}
										</div>
										<p class="bw-memberships-listing-3-button">
											@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
										</p>
									</div>
								</div>
							</div>
							@endforeach
						</div>
					</div>
					@if($categories)
						@foreach($categories as $category)
							<div class="tab-pane fade  @if(request('category_id') && request('category_id') == $category->id) active show @endif" id="nav-tab2-{{$category->id}}">
								<div class="row">
									@foreach($memberships as $membership)
										<div class="col-lg-6 col-md-12 col-sm-12 bw-memberships-listing-3-col">
											<div class="bw-memberships-listing-3-card">
											<div class="bw-memberships-listing-3-img-box">
												<a href="{{url('memberships/application/'.$membership->id)}}"><img class="img-fluid bw-memberships-listing-2-img" src="{{asset($membership->image)}}" alt="">
													@if($membership->featured == 'yes')
														<div class="bw-memberships-listing-3-featured">
															<div class="bw-memberships-listing-3-featured-contain">
																<i class="fas fa-star"></i><span> Popular</span>
															</div>
														</div>
													@endif
												</a>
												<div class="bw-memberships-listing-3-price">
													@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
															{{$currency->symbol.$price}} <small>VAT Inclusive</small>
														@else
															@php $price = number_format($membership->price,2,'.',','); @endphp
															{{$currency->symbol.$price}} <small>VAT Exclusive</small>
														@endif
													@else
														{{$currency->symbol}}0.00 <small>Free Membership</small>
													@endif
												</div>
											</div>
											<div class="bw-memberships-listing-3-desc">
												<h5 class="bw-memberships-listing-3-title">{{$membership->name}}</h5>
												<div class="bw-memberships-listing-2-desc-details">
													{!!$membership->description!!}
												</div>
												<p class="bw-memberships-listing-3-button">
													@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
												</p>
											</div>
										</div>
										</div>
									@endforeach
								</div>
							</div>
						@endforeach
					@endif
				</div>
			</div>
		</div>
	</div>
	<!-- end #content -->
	@push('custom-js')
	@endpush
@endsection