@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item active" aria-current="page">Exam Information</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
					<h1>Exam Information</h1>					
					@if(Session::has('error'))
						<div class="alert alert-danger" style="background: none; border: none;">
							<p style="color: #f00">{{ Session::get('error') }}</p>
						</div>
					@endif
					@if(Session::has('errors'))
						<div class="alert alert-danger" style="background: none; border: none;">
							<p style="color: #f00">{{ Session::get('errors') }}</p>
						</div>
					@endif
					<div class="card">
						<div class="card-body">
							<div class="tab-content-wrapper">
								<div id="parentVerticalTab">
									<div class="left-panel">
										<div class="tab-left-panel">
											<h3>Exam Type</h3>
											<div class="action-btn-area">
												<Button class="btn btn-primary add-btn exam_info_type_add" data-toggle="modal" data-target="#addNewExamType"><i	class="fa fa-plus-circle"></i> Choose Exam Type</Button>
											</div>
										</div>
										
										@if($examInfoType)
										<ul class="resp-tabs-list hor_1 examTypeUl" data-type="examname">
											@foreach($examInfoType as $infotype)
												@if(isset($infotype->examInfoTypes))
												<li class="exam_type_li" data-id="{{$infotype->id}}">
													<img src="{{asset('storage/exam_type_logo/'.$infotype->examInfoTypes->logo)}}" width="30"> 
													<span>{{$infotype->examInfoTypes->exam_type}}</span>  
													<a href="{{route('admin.delete_exam_infotype',['id' => base64_encode($infotype->id), 'uri'=>base64_encode('admin.exam_info.list')])}}" onclick="return deleteconfirm(event)" class="delete"><img src="{{asset('admin/images/bin.svg')}}"  alt=""></a>
												</li>
												@endif
											@endforeach
										</ul>
										@endif
									</div>
									<div class="resp-tabs-container hor_1">
									@if($examInfoType)
										@foreach($examInfoType as $key => $type)
											
												<div>
													<div class="tab-header">
														<h3>Exam Information</h3>
														<Button class="btn btn-primary add-btn exam_info_add" data-id="@if(isset($type->examInfoTypes)){{$type->examInfoTypes->id}}@endif" data-toggle="modal" data-target="#addNewExamName"><i class="fa fa-plus-circle"></i> Add New Exam Info</Button>
													</div>
													<div class="list-items examInfoUl" data-id="@if(isset($type->examInfoTypes)){{$type->examInfoTypes->id}}@endif">
														<select class="form-control list-dropdown list_tab_sel">
							                          		<option value="">--All Exam--</option>
								                          	@if(isset($type->examInfoTypes))
								                          		@if(isset($type->examInfoTypes->examTypeInfos))
																	@foreach($type->examInfoTypes->examTypeNames as $names)
																		<option value="{{$names->id}}">{{$names->exam_name}}</option>
																	@endforeach
																@endif
															@endif
							                        	</select>
														<ul id="@if($key==0){{'sortable'}}@endif" class="sortable">
															
														@if(isset($type->examInfoTypes))
								                          	@if(count($type->examInfoTypes->examTypeInfos)>0)
																@foreach($type->examInfoTypes->examTypeInfos as $info)
																	<li data-id="{{$info->id}}" id="item-{{$info->id}}">
																		<div class="list-content">
																		<div class="list">
																			<span>{{$info->title_info}}</span>
																			<button class="btn btn-outline-warning btn-pill btn-sm">{{$info->examInfoNames->exam_name}}</button>
																		</div>
																		<span class="switchToggle">
											                                <input type="checkbox" id="switch{{$info->id}}" data-id="{{$info->id}}" class= "infoStatus" value="1" @if($info->status == 1){{'checked'}}@endif >
											                                <label for="switch{{$info->id}}">Toggle</label>
											                            </span>
											                            <a class="action-btn" href="{{route('admin.exam_info_category.list', base64_encode($info->id))}}"><img src="{{asset('admin/images/pen.svg')}}" alt=""></a>
											                            <a class="action-btn" href="{{route('admin.delete_exam_info', base64_encode($info->id))}}" onclick="return deleteconfirm(event)"><img src="{{asset('admin/images/bin.svg')}}" alt=""></a>
																		
																		</div>
																	</li>
																@endforeach
															@else
																<li >
																	<div class="list-content">
																		<div class="list">No data found.</div>
																	</div>
																</li>
															@endif
														@else
															<li >
																<div class="list-content">
																	<div class="list">No data found.</div>
																</div>
															</li>
														@endif
														</ul>
														<button type="button" class="btn btn-primary btn-streach mt-5 font-book fs-13 examInfoOrder">Save</button>
													</div>
												</div>
											
										@endforeach
									@endif
									</div>
								</div>
							</div>

						</div>
					</div>
					<!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/exam_type.js?v='.time())}}"></script>
<script type="text/javascript" src="{{asset('js/exam_info.js?v='.time())}}"></script>
@endsection
