@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" aria-current="page"><a href="javascript:void()">Package Management</a></li>
							<li class="breadcrumb-item" aria-current="page"><a href="{{route('admin.package_data.list')}}">Package Data</a></li>
							<li class="breadcrumb-item active" aria-current="page">Edit  Package Details</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
            <div class="header-group">
              <h1>Edit Package Details </h1>
        
            </div>

            <div class="card">
              <div class="card-body">
                <form action="" id="package_data_submit">
                  <input type="hidden" class="edit_id" name="edit_id" value="{{base64_encode($packageDetails->id)}}" >  
                <!-- switch toggle -->
                <div class="switch-handler">
                  <label class="switch-light" onclick="">
                    <input type="checkbox" disabled="disabled" name="coaching_company" value="1" @if($packageDetails->type == 2){{'checked'}}@endif/>

                    <span class="alert alert-light">
                      <span class="off">Coaching</span>
                      <span class="on">Company</span>
                      <a class="btn btn-primary"></a>
                    </span>
                  </label>
                </div>
                <!-- //switch toggle -->

                <h3 class="font-medium"> Package Details</h3>
                
                  <div class="option-group mb-4">
                  <!----step 1 --->
                  <div class="form-group step_1"  style="display: none;">
                    <select name="exam_type_id" id="exam_type_id" class="form-control">
                      <option value="" selected>Select Exam Type</option>
                      @if($examTypes)
                      		@foreach($examTypes as $type)
            								<option value="{{$type->id}}" @if(isset($packageDetails->examTypeByPackageData))   @if($packageDetails->examTypeByPackageData->id == $type->id){{'selected'}}@endif @endif>{{$type->exam_type}}</option>
            							@endforeach
                      @endif
                    </select>
                  </div>
                  <!----step 1 --->

                  <!----step 2 --->
                  
                  <div class="step_2 steps" style="">
                    <div class="option-top ">
                      <span class="option-label exam_type_name">@if(isset($packageDetails->examTypeByPackageData)){{$packageDetails->examTypeByPackageData->exam_type}}@endif</span>
                      <div class="option-btns">
                        <button type="button" class="btn btn-outline-primary btn-pill add-btn-round add-btn-round-sm add_test"><i class="fa fa-plus-circle"></i> Add Test Type
                        </button>
                        <button type="button" class="btn btn-outline-primary btn-pill add-btn-round add-btn-round-sm add_subject"><i class="fa fa-plus-circle"></i> Add Subject
                        </button>
                        <!-- <a class="action-btn exam_type_edit" href="javascript:void(0)" ><img src="{{asset('admin/images/pen.svg')}}" alt=""></a> -->
                        
                      </div>
                    </div>
                    @if(isset($packageDetails->testTypeByPackageData))
                      @foreach($packageDetails->testTypeByPackageData as $key => $test_type)
                          <div class="option-buttom mt-3 add_test_div" style="display: none;">            
                            <input type="hidden" class="form-control mb-3 " name="test_type_id[]" value="{{base64_encode($test_type->id)}}" placeholder="Mock Test">            
                            <input type="text" class="form-control mb-3 inputs_text" name="test_type[]" value="{{$test_type->test_type_name}}" placeholder="Mock Test">            
                          </div>            
                          <div class="option-buttom mt-3" style="">                      
                            <div class="form-control  mb-3">                        
                              <div class="option-top">                          
                                <span class="option-label">{{$test_type->test_type_name}}</span>     
                                <span class="badge badge-light badge-pill fs-10">Test Type</span>                     
                                <div class="option-btns">                                                              
                                  <a class="action-btn test_type_edit" href="javascript:void(0)"><img src="{{asset('admin/images/pen.svg')}}" alt=""></a> 
                                  <a class="action-btn delete_data" href="javascript:void(0)" data-id="{{base64_encode($test_type->id)}}" data-type="4">
                                      <img src="{{asset('admin/images/bin.svg')}}" alt=""></a>
                                    <div class="switch-handler">
                                      <label class="switch-light" onclick="">
                                        <input type="checkbox"  name="date_enabled[]" value="1" @if($test_type->date_enabled == 1){{'checked'}}@endif/>
                                        <span class="alert alert-light">
                                          <span class="off">Disabled</span>
                                          <span class="on">Enabled</span>
                                          <a class="btn btn-primary"></a>
                                        </span>
                                      </label>
                                    </div>
                                  </div>                        
                                </div>                      
                            </div>                    
                          </div>
                        @endforeach
                      @endif
                      @if(isset($packageDetails->sujectByPackageData))
                        @foreach($packageDetails->sujectByPackageData as $subjectkey => $subject)
                          <div class="option-buttom mt-3 add_subject_div" style="display: none;">            
                            <input type="hidden" class="form-control mb-3 " name="subject_id[]" value="{{base64_encode($subject->id)}}" placeholder="Mock Subject">            
                            <input type="text" class="form-control mb-3 inputs_text" name="subject[]" value="{{$subject->subject}}" placeholder="Mock Subject">            
                          </div>
                          <div class="option-buttom mt-3" style="">                    
                            <div class="mb-3">                      
                              <div class="mb-3 option-group">                        
                                <div class="option-top">                          
                                  <span class="option-label pack_subjects">{{$subject->subject}}</span>                          
                                  <div class="option-btns">                            
                                    <button type="button" class="btn btn-outline-primary btn-pill add-btn-round add-btn-round-sm add_chapter" data-id="{{$subjectkey}}"><i class="fa fa-plus-circle"></i> Add Chapter</button>                              
                                    <a class="action-btn subject_type_edit" href="javascript:void(0)">
                                      <img src="{{asset('admin/images/pen.svg')}}" alt=""></a>    
                                    <a class="action-btn delete_data" href="javascript:void(0)" data-id="{{base64_encode($subject->id)}}" data-type="1">
                                      <img src="{{asset('admin/images/bin.svg')}}" alt=""></a>                          
                                    </div>                        
                                  </div>  
                                  @if(isset($subject->packchapterBySubject))
                                    @foreach($subject->packchapterBySubject as $chapterkey => $chapter)                    
                                      <div class="option-buttom mt-3 add_chapter_div" style="display: none;">            
                                        <input type="hidden" class="form-control mb-3  chapter_text" name="chapter_id_{{$subjectkey}}[]" value="{{base64_encode($chapter->id)}}" placeholder="Mock Chapter">            
                                        <input type="text" class="form-control mb-3 inputs_text chapter_text" name="chapter_{{$subjectkey}}[]" value="{{$chapter->chapter}}" placeholder="Mock Chapter">            
                                      </div>
                                      <div class="option-buttom mt-3 pack_sub_chapters" style="display: none;">                    
                                        <div class="mb-3">                      
                                          <div class="mb-3 option-group option-group-chapter">                        
                                            <div class="option-top">                          
                                              <span class="option-label pack_chapters">{{$chapter->chapter}}</span>                          
                                              <div class="option-btns">                            
                                                <button type="button" class="btn btn-outline-primary btn-pill add-btn-round add-btn-round-sm add_topic topic_add{{$subjectkey}}" data-id="{{$subjectkey}}{{$chapterkey}}"><i class="fa fa-plus-circle"></i> Add Topic</button>                              
                                                <a class="action-btn subject_type_edit" href="javascript:void(0)">
                                                  <img src="{{asset('admin/images/pen.svg')}}" alt=""></a>   
                                                <a class="action-btn delete_data" href="javascript:void(0)" data-id="{{base64_encode($chapter->id)}}" data-type="2">
                                                  <img src="{{asset('admin/images/bin.svg')}}" alt=""></a>                       
                                                </div>                        
                                              </div>  
                                              @if(isset($chapter->topicByChapter))
                                                @foreach($chapter->topicByChapter as $key => $topic)                    
                                                  <div class="option-buttom mt-3 add_topic_div" style="display:none">            
                                                    <input type="hidden" class="form-control mb-3  topic_text" name="topic_id_{{$subjectkey}}{{$chapterkey}}[]" value="{{base64_encode($topic->id)}}" placeholder="Mock Topic">            
                                                    <input type="text" class="form-control mb-3 topic_text" name="topic_{{$subjectkey}}{{$chapterkey}}[]" value="{{$topic->topic}}" placeholder="Mock Topic">
                                                  </div>
                                                  <div class="option-buttom mt-3 pack_topics" style="display: none;">                    
                                                    <div class="form-control  mb-3">                      
                                                      <div class="mb-3">                        
                                                        <div class="option-top">                          
                                                          <span class="option-label">{{$topic->topic}}</span>                          
                                                          <div class="option-btns">                            
                                                            <a class="action-btn subject_type_edit" href="javascript:void(0)"><img src="{{asset('admin/images/pen.svg')}}" alt=""></a>   
                                                            <a class="action-btn delete_data" href="javascript:void(0)" data-id="{{base64_encode($topic->id)}}" data-type="3">
                                                              <img src="{{asset('admin/images/bin.svg')}}" alt=""></a>                         
                                                          </div>                        
                                                        </div>                     
                                                      </div>                
                                                    </div>
                                                  </div>
                                                @endforeach
                                              @endif
                                            </div>                
                                          </div>
                                        </div>
                                      @endforeach
                                    @endif
                                  </div>                    
                                </div>                
                              </div>
                            @endforeach
                          @endif
                    </div>
                  <!----step 2 --->
                  <a href="{{route('admin.package_data.list')}}" class="btn btn-outline-primary btn-pill btn-streach mt-7 float-left">Back</a>
                  <button type="button" class="btn btn-primary btn-streach mt-7 ml-2 float-left formSubmit" data-id="1">Save</button>
                  <button type="button" class="btn btn-primary btn-streach mt-7 float-right step_1_btn" data-id="1">Add</button>


                </div>

                </form>
              
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/package_data.js?v='.time())}}"></script>
<script type="text/javascript">
  var package_data_edit_page = "{{route('admin.package_data.edit', base64_encode($packageDetails->id))}}"; 
</script>
<style type="text/css">
  .subject_active{
    border: 1px solid #fe5d6f;
  }
  .subject_inactive, .chapter_inactive{
    border: 1px solid #DBDBDB;
  }
  .chapter_active{
    border: 1px solid #278bed;
  }
</style>
@endsection