Arrange Data In Nested Table

<div class="table-responsive" style="min-height: 300px;">
		<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered">
			<thead class="{{settings('theme')}}">
				<td class="text-center font-white">#</td>
				<td class="text-center font-white">{{trans('core.name')}}</td>
				<td class="text-center font-white">{{trans('core.level')}}</td>
				<td class="text-center font-white">{{trans('core.points')}}</td>
				<td class="text-center font-white">{{trans('core.actions')}}</td>
			</thead>

			<tbody>
				@foreach($criteria sas $criteria) @foreach($criteria->level as $level)
					<tr>
						<td class="text-left">{{$loop->iteration}}</td>

						<td class="text-left">{{$criteria->criteria_name}}</td>
						<td class="text-left">
							<ol>

									<li>{{$level->name}}</li>

							</ol>
						</td>
						<td class="text-center">
							<ol>
									@foreach($level->points as $points)
									{{$points->points_value}}
									@endforeach
							</ol>
						</td>

						<td class="text-center">
							@if(auth()->user()->can('category.manage'))
								<a href="{{route('category.edit',$category)}}" class="btn btn-info btn-alt btn-xs">
									<i class="fa fa-edit"></i>
									{{trans('core.edit')}}
								</a>
								<!-- Delete modal trigger -->
								<a type="button" class="btn btn-danger btn-alt btn-xs" data-toggle="modal" data-target="#deleteModal{{$category->id}}">
									<i class="fa fa-trash"></i>
								 	{{trans('core.delete')}}
								</a>
							@endif
						</td>


					</tr>

					@endforeach
				 @endforeach
			</tbody>
		</table>
	</div>