@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-extra-2 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-listing-tabcontent bw-memberships-listing-nopadding">
						<div class="tab-pane fade  @if(!request('category_id')) active show @endif" id="nav-tab2-0">
							@foreach($memberships as $membership)
								<div class="col-md-12 bw-memberships-listing-nopadding">
									<ul class="bw-memberships-listing-result-list">
										<li class="bw-bg-1">
											<a href="{{asset('memberships/application/'.$membership->id)}}" class="bw-memberships-listing-result-image" style="background-image: url('{{asset($membership->image)}}');">
												@if($membership->featured == 'yes')
													<div class="ribbon-wrapper-red">
														<div class="ribbon-red">
															&nbsp;<span>Featured</span>
														</div>
													</div>
												@endif
											</a>
											<div class="bw-memberships-listing-result-info">
												<h4 class="bw-memberships-listing-title bw-color-a-1"><a href="{{asset('memberships/application/'.$membership->id)}}">{{$membership->name}}</a></h4>
												<p class="bw-memberships-listing-location bw-color-1-1">Membership Plans</p>
												<div class="bw-memberships-listing-desc bw-color-1">
													{!!$membership->description!!}
												</div>
												<div class="btn-row bw-memberships-listing-result-icons">
													@php
														$amenity_ids = strpos($membership->amenities,',') !== FALSE ? explode(',',$membership->amenities) : [$membership->amenities];
													@endphp
													@if(count($amenity_ids) > 0)
														@if(count($amenity_ids) > 0)
															@php
                                                                $amenities = \App\Models\Amenity::whereIn('id',$amenity_ids)->get();
															@endphp
															@if($amenities)
																<div>
																	@foreach($amenities as $amenity)
																		<a data-toggle="tooltip" data-container="body" data-title="{{ucwords($amenity->name)}}" data-original-title="" title=""><i class="{{$amenity->icon}} fa-fw"></i></a>
																	@endforeach
																</div>
															@endif
														@endif
													@endif
												</div>
											</div>
											<div class="bw-memberships-listing-result-price bw-bg-1-2 bw-color-1">
												@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 class="bw-color-1-1">VAT Inclusive</small>
													@else
														@php $price = number_format($membership->price,2,'.',','); @endphp
														{{$currency->symbol.$price}} <small class="bw-color-1-1">VAT Exclusive</small>
													@endif
												@else
													{{$currency->symbol}}0.00 <small class="bw-color-1-1">Free Membership</small>
												@endif
												<div>
													@if($membership->questionnaire == 'yes')
														<a class="btn btn-block btn-1 btn-book" href="{{asset('memberships/application/'.$membership->id)}}">APPLY NOW</a>
													@else
														<a class="btn btn-block btn-1 btn-book" href="{{asset('memberships/application/'.$membership->id)}}">BOOK NOW</a>
													@endif
												</div>
											</div>
										</li>
									</ul>
								</div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end #content -->
	@push('custom-js')
	@endpush
@endsection