@if ($category_groups)
	<div class="accordeon">
		@foreach ($category_groups as $group)
			<div class="accordeon-item">
				<h2 class="accordeon-title">
					{{ $group->name }}
				</h2>
				<div class="accordeon-contents">
					<div class="products-form">
						<ul class="nav nav-tabs mb" role="tablist">
							@php
								$i = 0;
							@endphp
							@foreach ($categories as $key => $category)
								@if (!in_array($category->id, $group->categories))
									@continue
								@endif
								<li 
									role="presentation" 
									class="@if ($i === 0) active @endif"
									data-category_id="{{ $category->id }}"
									data-url="{{ action(
										'Payment/ProductsController@secure_list.hson', 
										[
											$venue->id, 
											'query' => array_filter([
												'category_id' => $category->id, 
												'event_id' => ($event ? $event->id : null), 
											])
										]
									) }}"
								>
									<a
										href="#category-tab-{{ $category->id }}"
										aria-controls="category-tab-{{ $category->id }}"
										role="tab"
										data-toggle="tab"
									>
										{{ $category->name }}
									</a>
								</li>
								@php
									$i++;
								@endphp
							@endforeach
						</ul>

						<div class="product-categories">
							<div class="tab-content">
								@php
									$i = 0;
								@endphp
								@foreach ($categories as $key => $category)
									@if (!in_array($category->id, $group->categories))
										@continue
									@endif
									<div
										@if ($i === 0)
											default-tab
										@endif
										data-tabs=".category-tab-pane"
										role="tabpanel"
										id="category-tab-{{ $category->id }}"
										class="
											category-tab-pane tab-pane
											@if ($i === 0)
												active
											@endif
										"
									>
										@include('Plugins/Payment/Views/Elements/Product/rowProduct')
									</div>
									@php
										$i++;
									@endphp
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</div>
		@endforeach
	</div>
@else
	<div class="products-form">
		<ul class="nav nav-tabs mb" role="tablist">
			@foreach ($categories as $key => $category)
				<li 
					role="presentation" 
					class="@if ($key === 0) active @endif"
					data-category_id="{{ $category->id }}"
					data-url="{{ action(
						'Payment/ProductsController@secure_list.hson', 
						[
							$venue->id, 
							'query' => array_filter([
								'category_id' => $category->id, 
								'event_id' => ($event ? $event->id : null), 
							])
						]
					) }}"
				>
					<a
						href="#category-tab-{{ $category->id }}"
						aria-controls="category-tab-{{ $category->id }}"
						role="tab"
						data-toggle="tab"
					>
						{{ $category->name }}
					</a>
				</li>
			@endforeach
		</ul>

		<div class="product-categories">
			<div class="tab-content">
				@php
					$i = 0;
				@endphp
				@foreach ($categories as $key => $category)
					<div
						@if ($i === 0)
							default-tab
						@endif
						data-tabs=".category-tab-pane"
						role="tabpanel"
						id="category-tab-{{ $category->id }}"
						class="
							category-tab-pane tab-pane
							@if ($i === 0)
								active
							@endif
						"
					>
						@include('Plugins/Payment/Views/Elements/Product/rowProduct')
					</div>
					@php
						$i++;
					@endphp
				@endforeach
			</div>
		</div>
	</div>
@endif