@if ($data)
	@if (!is_null($data->sectionData))
		@foreach ($data->sectionData as $key)
			@php
				$count = 0;
			@endphp
			@foreach ($data->questions['data'] as $element)
				@if ($key['id'] == $element['sectionId'])
					@php
						$count++;
					@endphp
					@if ($count < 2)
						<div class="card mt-2">
							<div class="card-body">
								<h6>Section:{{ $key['name'] }}</h6>
							</div>
						</div>
					@endif
					@switch($element['content']['questionType'])
					    @case(1)
					    	<div class="card mt-2 mb-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<h6><input type="text" placeholder="Enter Answer" class="form-control"></h6>
								</div>
							</div>
					        @break
					    @case(2)
					    	<div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<h6><textarea name="" class="form-control" id="" placeholder="Enter Answer" cols="30" rows="10"></textarea></h6>
								</div>
							</div>
					        @break
					    @case(3)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									@foreach ($element['content']['options'] as $item)
										<ul class="nav">
											<li class="nav-item ml-2 mr-2">
												<h6><input type="radio"></h6>	
											</li>
											<li class="nav-item ml-2 mr-2">
												<h6>{{ $item['data'] }}</h6>
											</li>
										</ul>
									@endforeach
								</div>
							</div>
					        @break
					    @case(4)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									@foreach ($element['content']['options'] as $item)
										<ul class="nav">
											<li class="nav-item ml-2 mr-2">
												<h6><input type="checkbox"></h6>
											</li>
											<li class="nav-item ml-2 mr-2">
												<h6>{{ $item['data'] }}</h6>
											</li>
										</ul>
									@endforeach
								</div>
							</div>
					        @break
					    @case(5)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<table class="table table-bordered">
										<thead>
											<tr>
												<td>
													<h6>Row/Column</h6>
												</td>
												@foreach ($element['content']['options']['cols'] as $item)
													<td>
														<h6>{{ $item['colData'] }}</h6>
													</td>			
												@endforeach
											</tr>
										</thead>
										<tbody>
											@foreach ($element['content']['options']['rows'] as $key)
												<tr>
													<td>
														<h6>
															{{ $key['rowData'] }}
														</h6>
													</td>
													@foreach ($element['content']['options']['cols'] as $value)
														<td>
															<h6><input type="checkbox"></h6>
														</td>
													@endforeach
												</tr>		
											@endforeach	
										</tbody>
									</table>
									
								</div>
							</div>
					        @break
					    @case(6)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<table class="table table-bordered">
										<thead>
											<tr>
												<td>
													<h6>Row/Column</h6>
												</td>
												@foreach ($element['content']['options']['cols'] as $item)
													<td>
														<h6>{{ $item['colData'] }}</h6>
													</td>			
												@endforeach
											</tr>
										</thead>
										<tbody>
											@foreach ($element['content']['options']['rows'] as $key)
												<tr>
													<td>
														<h6>{{ $key['rowData'] }}</h6>
													</td>
													@foreach ($element['content']['options']['cols'] as $value)
														<td>
															<input type="text" class="form-control">
														</td>				
													@endforeach
												</tr>		
											@endforeach	
										</tbody>
									</table>
								</div>
							</div>
					        @break
					    @case(7)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<h6><input type="date" class="form-control" placeholder="Enter Date"></h6>
								</div>
							</div>
					        @break
					    @case(8)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<div class="row">
										<div class="col-sm-6">
											<div class="card">
												<div class="card-header">
													<h6># of Options Available:</h6>
												</div>
												<div class="card-body">
													@if (!empty($element['content']['options']['rows']))
														@foreach ($element['content']['options']['rows'] as $item)
															<ul class="nav">
																<li class="nav-item form-control mt-2 mb-2" id="div1" ondrop="drop(event)" ondragover="allowdrop(event)">
																	<h6 align="center">{{ $item['rowData'] }}</h6>
																</li>
															</ul>
														@endforeach
													@endif
												</div>
											</div>
										</div>
										<div class="col-sm-6">
											<div class="card">
												<div class="card-header">
													<h6># of Options to Order:</h6>
												</div>
												<div class="card-body">
													@php
														$count = 0;
													@endphp
													@if (!empty($element['content']['options']['rows']))
														@foreach ($element['content']['options']['rows'] as $item)
															@php
																$count++;
															@endphp
															<ul class="nav">
																<li class="nav-item form-control mt-2 mb-2">
																	<h6 id="drag1" draggable="true" ondragstart="drag(event)">
																		
																	</h6>
																</li>
															</ul>
															@if ($count > $item['rowData'])
																@break
															@endif
														@endforeach
													@endif
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
					        @break
					    @case(9)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<table class="table table-bordered">
										<thead>
											
										</thead>
										<tbody>
											<tr>
												<td>{{ $element['content']['labelStart'] }}</td>
												@for ($i = 0; $i < (int)$element['content']['numOptions']; $i++)
													<td>
														<input type="radio">
													</td>
												@endfor
												<td>{{ $element['content']['labelEnd'] }}</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
					        @break
					    @case(10)
						    <div class="card mt-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<h6>
										<input type="file" class="form-control" placeholder="Enter Image/File">
									</h6>
								</div>
							</div>
				        @break
				
					    @default
						    <div class="card mt-2 mb-2">
								<div class="card-header">
									<h6>Question({{ $element['content']['id'] }}):{{ $element['content']['question'] }}</h6>
									<br>
									<h6>{{ $element['content']['helpText'] }}</h6>
								</div>
								<div class="card-body">
									<h6><input type="text" placeholder="Enter Answer" class="form-control"></h6>
								</div>
							</div>      
					@endswitch
				@endif
			@endforeach			
		@endforeach
	@endif
@endif