@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">FAQ</li>
			</ol>
		</div>
		<!-- MAIN BODY CONTENT -->
		<h1>FAQ</h1>					
		@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>Section Name</h3>
								<div class="action-btn-area">
									<Button class="btn btn-primary add-btn exam_faq_type_add" data-toggle="modal" data-target="#addNewExamType"><i	class="fa fa-plus-circle"></i> Add New Section</Button>
								</div>
							</div>
							
							@if($examMainType)
							<ul class="resp-tabs-list hor_1 examTypeUl" data-type="examname">
								@foreach($examMainType as $val)
									<li class="exam_type_li" data-id="{{$val->id}}"> 
										<span>{{$val->section_name}}
										@if($val->section_exam_type == 2)
											<img src="{{asset('admin/images/info.svg')}}" width="13" class="fa fa-info" data-toggle="tooltip" data-placement="left" title="{{$val->exam_type}}"/> 
										@endif
										</span> 
										
										<a href="{{route('admin.delete_exam_faqtype',['id' => base64_encode($val->id), 'uri'=>base64_encode('admin.faq.list')])}}" onclick="return deleteconfirm(event)" class="delete"><img src="{{asset('admin/images/bin.svg')}}"  alt=""></a>
									</li>
								@endforeach
							</ul>
							@endif
						</div>
						<div class="resp-tabs-container hor_1">
						@if($examMainType)
						@foreach($examMainType as $key => $type)	
							<div>
								<div class="tab-header">
									<h3>Section Details</h3>
									<a href="{{route('admin.faq.section_add', base64_encode($type->id))}}" class="btn btn-primary add-btn"><i class="fa fa-plus-circle"></i> Add New FAQ Section Details</a>

								</div>
								<div class="list-items examFaqUl" data-id="{{$type->id}}">
									
									<ul id="@if($key==0){{'sortable'}}@endif" class="sortable">
									@if(isset($type->faqDetails))
			                        @if(count($type->faqDetails)>0)
									@foreach($type->faqDetails as $faq)
										<li data-id="{{$faq->id}}" id="item-{{$faq->id}}">
											<div class="list-content">
											<div class="list">
												<span>{{$faq->details_name}}</span>
												@if(isset($type->faqExamType))     
												@foreach($type->faqExamType as $faqType)
												<a href="#" class="btn btn-outline-warning btn-pill btn-sm">
													@if($faqType->exam_type_id == 999999)
													  All Exam Type
													@else
													  {{$faqType->examFaqTypes->exam_type}}
													@endif
												</a>
												@endforeach
												@endif
											</div>
											<span class="switchToggle">
				                                <input type="checkbox" id="switch{{$faq->id}}" data-id="{{$faq->id}}" class= "faqStatus" value="1" @if($faq->status == 1){{'checked'}}@endif >
				                                <label for="switch{{$faq->id}}">Toggle</label>
				                            </span>
				                            <a href="{{route('admin.section_edit', base64_encode($faq->id))}}" class="action-btn" ><img src="{{asset('admin/images/pen.svg')}}" alt=""></a>
				                            <a class="action-btn" href="{{route('admin.delete_exam_faq', base64_encode($faq->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 examFaqOrder">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/manage_faq.js?v='.time())}}"></script>
<script type="text/javascript">
	@if(Session::has('error'))
	  alertify.error("{{ Session::get('error') }}");
	@endif
</script>
@endsection