@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"><a href="{{route('admin.exam_info.list')}}">Exam Info</a></li>
							<li class="breadcrumb-item active" aria-current="page">Exam Cateogry</li> 
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
					<h1>Edit Exam Info</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
					@if(Session::has('error'))
						<div class="alert alert-danger" style="background: none; border: none;">
							<p style="color: #f00">{{ Session::get('error') }}</p>
						</div>
					@endif
				    <h3 class="font-medium font-20">Title: {{$examInfoDetails->title_info}}</h3>
					<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_category_add"  data-id="{{$examInfoDetails->id}}" data-toggle="modal" data-target="#addNewExamType"><i	class="fa fa-plus-circle"></i> Add New Category</Button>
											</div>
										</div>
										<ul class="resp-tabs-list hor_1 examTypeUl">
											@foreach($examInfoCategories as $infocat)
												<li class="exam_type_li" data-id="{{$infocat->id}}">
													<span>{{$infocat->category_name}}</span> 
													<a class="action-btn edit_exm_info_cat" href="javascript:void(0)"><img src="{{asset('admin/images/pen.svg')}}" alt=""></a> 
													<a href="{{route('admin.delete_exam_infocategory',['id' => base64_encode($infocat->id), 'uri'=>base64_encode('admin.exam_info.list')])}}" onclick="return deleteconfirm(event)" class="delete"><img src="{{asset('admin/images/bin.svg')}}"  alt=""></a>
												</li>
											@endforeach
									</div>
									<div class="resp-tabs-container hor_1">
										@foreach($examInfoCategories as $key => $infocat)
										<div data-id="{{$infocat->id}}">
						                    <div class="tab-header">
						                        <h3>Information List</h3>                        
						                    </div>
						                    <div class="card-body pt-0">
						                        <textarea class="content{{$infocat->id}}" name="exam_details{{$infocat->id}}" id="content{{$infocat->id}}">@if(isset($infocat->examDetailsByCategory[0])){{$infocat->examDetailsByCategory[0]->details}}@endif</textarea>
						                        
						                        <button type="button" class="btn btn-primary btn-streach mt-7 examDetailsSave">Save</button>
						                    </div>
						                </div>
						                
										@endforeach
									</div>
								</div>
							</div>

						</div>
					</div>
					<!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/exam_info_category.js?v='.time())}}"></script>
<script type="text/javascript">
	$(function(e) {
		@foreach($examInfoCategories as $key => $infocat)
		/*var id = "{{$infocat->id}}";
  		$('.content'+id).richText();*/
  		@endforeach
	});
</script>
<script>
	@foreach($examInfoCategories as $key => $infocat)
		var id = "{{$infocat->id}}"; 
   		CKEDITOR.replace( 'exam_details'+id);
    @endforeach
</script> 
@endsection