@extends('layouts.admin')
@section('styles')
<!-- BEGIN PAGE LEVEL PLUGINS --> 
<!--Start Selectize-->
<link href="{{ asset('/assets/vendors/css/forms/selects/selectize.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/vendors/css/forms/selects/selectize.default.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/plugins/forms/selectize/selectize.css')}}" rel="stylesheet" type="text/css" />
<!--End Selectize-->
<!--Start Bootstrap Switch-->
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/vendors/css/forms/toggle/bootstrap-switch.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/vendors/css/forms/toggle/switchery.min.css')}}">
<link href="{{ asset('assets/css/core/colors/palette-switch.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/vendors/css/fancybox/dist/jquery.fancybox.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('/assets/vendors/css/fancybox/dist/jquery.fancybox.min.css')}}" rel="stylesheet" type="text/css"/>
<!--End Bootstrap Switch-->
<!-- END PAGE LEVEL PLUGINS -->
@endsection
@section('content')
@php
$opt_ind = 1;
$my_index = 1;
$option_ind = 1;
$lang_ind = 1;
$course_details_fields_arr = Config::get('constants.course_details_fields_arr');
$course_media_type_extention_arr = Config::get('constants.course_media_type_extention');
$course_type = Config::get('constants.course_type');
$has_mcq_test = Config::get('constants.has_mcq_test');
$is_random_mcq_question = Config::get('constants.is_random_mcq_question');
$media_source_type_arr = Config::get('constants.media_source_type');
$image = isset($data[0]['flag'])?$data[0]['flag']:"";
$mode = isset($mode)?$mode:"Add";
$is_random_mcq_question_cls = '';
$awerness_cls = '';  
$checked_addmode = $media_video_checked = $media_video_sub_title_checked = '';
$mcq_data_arr = $status_array = array();
$status_array = Config::get('constants.status_array');
@endphp

@if($mode == 'Update')
   @if(isset($data[0]['has_mcq_test']) && $data[0]['has_mcq_test'] == 1 )
      @php 
        //has_mcq_test
        $is_random_mcq_question_cls = '';
        $awerness_cls = ''; 
      @endphp       
   @else
      @php
        $is_random_mcq_question_cls = 'd-none';
        $awerness_cls = 'd-none';
      @endphp  
   @endif
   @if(!empty($mcq_data))
     @php 
      $mcq_data_arr = $mcq_data;
     @endphp  
   @endif
  @endif
@if($mode=='Add')
  @php
    $checked_addmode = 'checked';
    $media_video_checked  = "checked";
    $media_video_sub_title_checked = "checked";
  @endphp
@endif

<div class="content-wrapper">
  <div class="content-body">
    <section class="content-header clearfix">
      <h3>{{(isset($mode)?$mode:'') }} Topic <strong><span class="text-muted accent-3">{{((isset($data[0]['title'])?' - '.$data[0]['title']:''))}}</span></strong></h3>
      <ol class="breadcrumb">
       <li><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
       <li><a href="javascript:void(0);">Topic Mgmt</a></li>
       <li><a href="{{route('course-module-chapter-topic/grid')}}">Topic</a></li>
       <li><a href="javascript:void(0);">{{(isset($mode)?$mode:'') }} Topic</a></li>
     </ol>
   </section>
  <section class="horizontal-grid" id="horizontal-grid">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        @if(isset($mode) && $mode == "Update")
          <div class="card-head ">
            <div class="card-header">
              <div class="float-right">
                @if (per_hasModuleAccess('CourseModuleChapterTopic', 'View'))
                  {{-- <a href="{{route('course-module-chapter-topic',['mode' => 'view', 'id' => isset($data[0]['id'])?gen_generate_encoded_str($data[0]['id'], '3', '3', ''):''])}}" title="View"><span class="btn btn-icon btn-secondary btn-light waves-effect waves-light"><i class="la la-eye"></i></span></a> --}}
                @endif 
                @if (per_hasModuleAccess('CourseModuleChapterTopic', 'Delete')) 
                  {{-- <a onclick="deleteSingleRecord({{isset($data[0]['id'])?$data[0]['id']:''}},'course-module-chapter-topic');" title="Delete"><span class="btn btn-icon btn-danger waves-effect waves-light"><i class="la la-trash"></i></span></a> --}}
                @endif  
               <a href="{{route('course-module-chapter-topic/grid')}}">
                  <button type="button" class="btn mr-1 back_btn">
                    <span class="material-icons">arrow_back_ios</span> Back  </button>
               </a>
            </div>
          </div>
        </div>
      @endif
      <div class="card-content collapse show">
        <div class="card-body language-input">
          <form class="form form-horizontal" id="frmadd" name="frmadd" enctype="multipart/form-data" action="">
            <div class="row">
              <div class="col-md-12 ">
               <div class="alert alert-danger d-none">
                <span id="error-msg">You have some form errors. Please check below.</span>
                <button class="close" data-close="alert"></button>
              </div>
              <div class="alert alert-success d-none">
                <span id="success-msg">Your form validation is successful!</span>
                <button class="close" data-close="alert"></button>
              </div>
            </div>
          </div>
          <input type="hidden" name="_token" value="{{csrf_token()}}" />
          <input type="hidden" name="customActionType" value="group_action" />
          <input type="hidden" id="customActionName" name="customActionName" value="{{(isset($mode)?$mode:'') }}" />
          <input type="hidden" name="media_file_old" id="media_file_old" value="{{((isset($data[0]['media_file']) && $data[0]['media_source_type'] == 1)?$data[0]['media_file']:'')}}">
          <input type="hidden" name="thumbnail_old" id="thumbnail_old" value="{{(isset($data[0]['media_thumbnail']) ?$data[0]['media_thumbnail']:'')}}">
          <input type="hidden" id="id" name="id" value="{{(isset($id)?$id:'')}}" />
          <div class="row">
            <div class="col-xl-2 col-lg-3 col-md-12 col-12">
              <div class="sidebar-left site-setting">
                <div id="accordionWrap5" role="tablist" aria-multiselectable="true">
                  <div class="card collapse-icon accordion-icon-rotate">
                    <div id="heading51" class="card-header">
                      <a data-toggle="collapse" href="#accordion51" aria-expanded="true" aria-controls="accordion51" class="card-title lead">Topic</a>
                    </div>
                    <div id="accordion51" role="tabpanel" data-parent="#accordionWrap5" aria-labelledby="heading51" class="card-collapse collapse show" aria-expanded="true">
                      <div class="card-body">
                        <ul class="nav nav-tabs m-0">
                          <li class="nav-item">
                            <a class="nav-link   active" id="base-tab_1" data-toggle="tab" aria-controls="tab_1" href="#tab_1" aria-expanded="true">
                            General information </a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link " id="base-tab_2" data-toggle="tab" aria-controls="tab_2" href="#tab_2" aria-expanded="true">
                            Chapter Topic Details </a>
                          </li>
                           <li class="nav-item">
                            <a class="nav-link " id="base-tab_5" data-toggle="tab" aria-controls="tab_3" href="#tab_5" aria-expanded="False">Media Mgmt</a>
                          </li>
                          <li class="nav-item">
                                <a class="nav-link " id="base-tab_4" data-toggle="tab" aria-controls="tab_4" href="#tab_4" aria-expanded="true">
                                Awarness Test </a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link " id="base-tab_3" data-toggle="tab" aria-controls="tab_3" href="#tab_3" aria-expanded="False">Language</a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-10 col-lg-9 col-md-12 col-12">
              <div class="tab-content">
                <div class="tab-pane  active " aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_1"  aria-labelledby="base-tab_1">
                  <div class="row">
                   <div class="col-xl-12">
                     <h3 class="tab-content-title">General information</h3>
                   </div>
                 </div> 
                 <div class="row"> 
                  <div class="col-xl-8">
                    <div class="row">
                      <div class="form-body">
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Topic Code&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <input class="form-control" placeholder="Topic Code" type="text" id="topic_code" name="topic_code" value="{{(isset($data[0]['topic_code'])?$data[0]['topic_code']:'')}}">
                          </div>
                        </div> 
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Title&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <input class="form-control" placeholder="Title" type="text" id="title" name="title" value="{{(isset($data[0]['title'])?$data[0]['title']:'')}}">
                          </div>
                        </div>
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Course&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <select class="selectize-select" id="course_id" name="course_id" placeholder="Select Course">
                              <option value="">Select Course </option>
                              @if(!empty($course_data))
                                  @php $cnt_cou = count($course_data); @endphp
                                  @for($i=0;$i<$cnt_cou;$i++){
                                    @if(isset($data[0]['course_id']) && $data[0]['course_id'] == $course_data[$i]['id'])
                                      @php $selected = "selected"; @endphp
                                    @else
                                      @php $selected = ""; @endphp
                                    @endif
                                    <option value="{{$course_data[$i]['id']}}" {{$selected}}>{{$course_data[$i]['course_name']}}</option>
                                    @endfor
                                  @endif
                                  
                            </select>
                          </div>
                        </div>
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control"> Module&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <input type="hidden" id="selected_course_module_id" value="{{isset($data[0]['course_module_id']) ? $data[0]['course_module_id'] : '';}}">
                            <select class="selectize-select" id="course_module_id" name="course_module_id" placeholder="Select Module">
                              @if($mode == 'Update')
                                 @if(!empty($course_module_data))
                                      @foreach($course_module_data as $cmArry)
                                        @php $module_id = isset($data[0]['course_module_id']) ? $data[0]['course_module_id'] : ''; @endphp
                                          <option value="{{ $cmArry->id }}" 
                                            {{ $cmArry->id == $module_id ? 'selected' : '' }}>{{ $cmArry->module_name}}</option>
                                      @endforeach
                                  @endif 
                              @endif
                            </select>
                          </div>
                        </div>

                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control"> Chapter&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <input type="hidden" id="selected_course_module_chapter_id" value="{{isset($data[0]['course_module_chapter_id']) ? $data[0]['course_module_chapter_id'] : '';}}">
                            <select class="selectize-select" id="course_module_chapter_id" name="course_module_chapter_id" placeholder="Select Chapter">
                              @if($mode == 'Update')
                                 @if(!empty($course_module_chapter_data))
                                      @foreach($course_module_chapter_data as $cmchArry)
                                        @php $course_module_chapter_id = isset($data[0]['course_module_chapter_id']) ? $data[0]['course_module_chapter_id'] : ''; @endphp
                                          <option value="{{ $cmchArry->id }}" {{ $cmchArry->id == $course_module_chapter_id ? 'selected' : '' }}>{{ $cmchArry->chapter_name}}</option>
                                      @endforeach
                                  @endif 
                              @endif
                            </select>
                          </div>
                        </div>
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Instructor&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <select class="selectize-select" id="instructor_id" name="instructor_id" placeholder="Select Instructor">
                              <option value="">Select Instructor</option> 
                              @if(isset($instructure) && !empty($instructure))
                                @foreach($instructure as $key => $val)
                                  @php if(isset($data[0]['instructor_id']) && $data[0]['instructor_id'] == $val['id']){
                                      $selected = "selected";
                                    }else{
                                      $selected = "";
                                    }
                                  @endphp
                                    <option value="{{$val['id']}}" {{$selected}}>{{$val['name']}}</option>
                                  @endforeach
                              @endif
                            </select>
                          </div>
                        </div>
                        
                        
                        <br>
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control" for="mobile"> Type&nbsp;<span class="required">*</span></label>
                          <div class="col-md-4 position-relative has-icon-left mobile-country">
                            @if(isset($course_type) && !empty($course_type))
                                @foreach($course_type as $key => $val)
                                    <div class="d-inline-block custom-control custom-radio mr-1">
                                      <input class="custom-control-input" name="type" id="type_{{$val}}" type="radio" {{($mode=='Add' && $key =='1')?'checked':''}} value="{{$key}}" {{(isset($data[0]['type']) && ($data[0]['type'] == $key) )?'checked':''}} >
                                      <label class="custom-control-label" for="type_{{$val}}">{{$val}}</label>
                                      
                                    </div>
                                @endforeach
                                <span id='container_type'></span>
                            @endif
                          </div>
						              <label class="col-md-3 label-control">Visiable on the Day&nbsp;<span class="required">*</span></label>
                          <div class="col-md-2">
                            <input type="number" class="form-control" value="{{(isset($data[0]['visible_on_day'])?$data[0]['visible_on_day']:'')}}" placeholder="Visiable on the Day"   name="visible_on_day" id="visible_on_day">
                          </div>
                        </div>
          

                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control" for="mobile"> Has MCQ Test </label>
                          <div class="col-md-9 position-relative has-icon-left mobile-country">
                            @if(isset($has_mcq_test) && !empty($has_mcq_test))
                                @foreach($has_mcq_test as $key => $val)
                                    <div class="d-inline-block custom-control custom-radio mr-1">
                                      <input class="custom-control-input" name="has_mcq_test" id="has_mcq_test_{{$val}}" type="radio" {{($mode=='Add' && $key =='1')?'checked':''}} value="{{$key}}" {{(isset($data[0]['has_mcq_test']) && ($data[0]['has_mcq_test'] == $key) )?'checked':''}} >
                                      <label class="custom-control-label" for="has_mcq_test_{{$val}}">{{$val}}</label>
                                    </div>
                                @endforeach
                                <span id='container_type'></span>
                            @endif
                          </div>
                        </div>

                        <!-- Passing as staic -->
                        <input type="hidden" name="is_random_mcq_question" value="1">
                         
                        <div class="form-group row mx-auto {{$awerness_cls}}"  id="awareness_test_time">
                          <label class="col-md-3 label-control">Awareness test time&nbsp;<span class="required">*</span></label>
                          <div class="col-md-7">
                            <input type="number" class="form-control" placeholder="Awareness test time" name="awareness_test_time" value="{{(isset($data[0]['awareness_test_time'])?$data[0]['awareness_test_time']/60:'')}}" id="awareness_testing_time">
                          </div>
						  <label class="col-md-2 label-control">(Mins)</label>
                        </div>

                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Appreciation show after&nbsp;<span class="required">*</span></label>
                          <div class="col-md-7">
                            <input type="number" class="form-control" value="{{(isset($data[0]['appreciation_approve_after'])?$data[0]['appreciation_approve_after']:'')}}" placeholder="Appreciation approve after (%)"   name="appreciation_approve_after" id="appreciation_approve_after">
                          </div>
						            <label class="col-md-2 label-control">(%)</label>
                        </div>

                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Appreciation Format&nbsp;<span class="required">*</span></label>
                          <div class="col-md-9">
                            <select class="selectize-select" id="appreciation_id" name="appreciation_id" placeholder="Select Appreciation">
                              <option value="">Select Appreciation</option> 
                              @if(isset($appreciation) && !empty($appreciation))
                                @foreach($appreciation as $key => $val)                                   
                                    @if(isset($data[0]['appreciation_id']) && $data[0]['appreciation_id'] == $val['id'])
                                      @php $selected = "selected"; @endphp
                                    @else
                                      @php $selected = ""; @endphp
                                    @endif
                                    <option value="{{$val['id']}}" {{$selected}}>{{$val['title']}}</option>
                                  @endforeach
                              @endif
                            </select>
                          </div>
                        </div>
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Display Order&nbsp;</label>
                          <div class="col-md-9">
                            <input type="number" class="form-control" value="{{(isset($data[0]['display_order'])?$data[0]['display_order']:'')}}" placeholder="Display Order"   name="display_order" id="display_order">
                          </div>
                        </div>
                        {{--<div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Status</label>
                          <div class="col-md-9">
                            <input type="checkbox" class="switchBootstrap" id="status" name="status" data-on-text="Active" data-off-text="Inactive" data-on-color="{{Config::get('constants.switch_on_color')}}" data-off-color="{{Config::get('constants.switch_off_color')}}" value="1"
                            {{((isset($data[0]['status']) && $data[0]['status'] == 1 )?'checked':($mode == 'Add')?'checked':'')}}/>
                          </div>
                        </div>--}}
                        <div class="form-group row mx-auto">
                          <label class="col-md-3 label-control">Status  </label>
                          <div class="col-md-9">
                            <select class="selectize-select1" id="status" name="status" placeholder="Select Status">
                              <option value="">Select Status </option> 
                              @if(!empty($status_array))
                              @php $selected = ''; @endphp
                              @foreach($status_array as $tkey => $tval)
                              @if($mode == 'Update')
                              @if(isset($data[0]['status']) && $data[0]['status'] == $tkey)
                              @php $selected = 'selected'; @endphp
                              @else
                              @php $selected = ''; @endphp
                              @endif
                              @endif
                              <option value="{{$tkey}}" {{($mode == 'Add' && $tkey==1)?'selected':''}} {{$selected}}>{{$tval}}</option>
                              @endforeach
                              @endif
                            </select> 
                          </div>
                        </div>
                          </div>
                        </div>
                      </div>

                      <div class="col-xl-4 col-12">
                        @if(isset($mode) && $mode == 'Update')                    
                          <div class="form-group row mx-auto">
                            <table class="table table-bordered">
                              <tr>
                                <td><label class="label-view-control">Created </label></td>
                                <td class="table-view-control">{{(isset($data[0]['created_at'])) ? date_getFormattedDateTime($data[0]['created_at']): '---'}}</td>
                              </tr>
                              <tr>
                                <td><label class="label-view-control">Updated </label></td>
                                <td class="table-view-control">{{(isset($data[0]['updated_at'])) ? date_getFormattedDateTime($data[0]['updated_at']): '---'}}</td>
                              </tr>
                            </table>
                          </div>
                        @endif
                      </div>

                    </div>
                  </div>
                <div class="tab-pane" aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_2"  aria-labelledby="base-tab_2">
                  <div class="row">
                   <div class="col-xl-12">
                     <h3 class="tab-content-title">Chapter Topic Details</h3>
                   </div>
                  </div>
                  <div class="row" id="stock-price">
                   <div class="col-md-12">
                    <ul class="nav nav-tabs nav-top-border no-hover-bg nav-tabs-material">
                        <li class="nav-item active">
                          <a class="nav-link active waves-effect waves-dark " id="" data-toggle="tab" href="#tab_short_description" aria-controls="tab_short_description" aria-expanded="ture">Short Description/Motto</a>
                        </li>
                        <li class="nav-item ">
                          <a class="nav-link waves-effect waves-dark" id="" data-toggle="tab" href="#tab_what_will_learn" aria-controls="tab_what_will_learn" aria-expanded="ture">Understanding</a>
                        </li>
                        <li class="nav-item ">
                          <a class="nav-link waves-effect waves-dark " id="" data-toggle="tab" href="#tab_includes" aria-controls="tab_includes" aria-expanded="ture">Key Take</a>
                        </li>
                        <div class="nav-tabs-indicator" style="left: 0px; right: 834.48px;"></div>
                      </ul>
                      <div class="col-md-12 supp_stock_accord">
                          <div class="form-body">
                           <div class="row clearfix">
                            <div class="col-sm-12 p-0">
                              <div class="tab-content">
                                 <div  class="tab-pane active" id="tab_short_description"  role="tabpanel" aria-labelledby="cd" aria-expanded="true">
                                  <div class="table-responsive" id="curdet">
                                    <div class="col-md-12">
                                      <textarea class="form-control ckeditor" name="short_description" id="short_description" cols="30" rows="15"> {{(isset($data[0]['short_description'])?$data[0]['short_description']:"")}}</textarea>
                                    </div>
                                  </div>
                                </div>
                                <div  class="tab-pane" id="tab_what_will_learn"  role="tabpanel" aria-labelledby="cd" aria-expanded="true">
                                  <div class="table-responsive" id="curdet">
                                    <div class="col-md-12">
                                      <textarea class="form-control ckeditor" name="what_will_learn" id="what_will_learn" cols="30" rows="15"> {{(isset($data[0]['what_will_learn'])?$data[0]['what_will_learn']:"")}}</textarea>
                                    </div>
                                  </div>
                                </div>
                                <div  class="tab-pane" id="tab_includes"  role="tabpanel" aria-labelledby="cd" aria-expanded="true">
                                  <div class="table-responsive" id="curdet">
                                    <div class="col-md-12">
                                      <textarea class="form-control ckeditor" name="includes" id="includes" cols="30" rows="15"> {{(isset($data[0]['includes'])?$data[0]['includes']:"")}}</textarea>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane  " aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_4"  aria-labelledby="base-tab_4">
                      <div class="row">
                        <div class="col-xl-12">
                          <h3 class="tab-content-title">Awarness Test</h3>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-xl-11">
                          <div class="row">
                            <div class="form-body">
                              <div class="table-responsive">
                                <table class="table table-bordered main_awarness_test_table" cellpadding="0" cellspacing="0" rowspan="0">
                                  <thead>
                                    <th class="text-center att-option-wd-2 th_head1">#</th>
                                    <th class="text-left att-option-wd-40 th_head2">MCQ Test Question</th>
                                    <th class="text-left att-option-wd-10 th_head3">Sequence No</th>
                                    <th class="text-center att-option-wd-10 th_head4">Status</th>
                                    <th class="text-center att-option-wd-10 th_head5">Action</th>
                                  </thead>
                                  <tbody id="optn_details" class="repeater">
                                  </tbody>
                                </table>
                              </div>
                              <button type="button" class="btn btn-primary waves-effect waves-light" id="add-question">
                              <i class="ft-plus"></i> Add more question
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div> 
                <div class="tab-pane" aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_3"  aria-labelledby="base-tab_3">
                  <div class="row">
                    <div class="col-xl-12">
                      <h3 class="tab-content-title">Language</h3>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-xl-12">
                      <div class="tab-pane" aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_2"  aria-labelledby="base-tab_2">
                        <div class="row" id="stock-price">
                         <div class="col-md-12">
                            <ul class="nav nav-tabs nav-top-border no-hover-bg nav-tabs-material">
                              <li class="nav-item ">
                                  <a class="nav-link waves-effect waves-dark active" id="" data-toggle="tab" href="#tab_lang_title" aria-controls="tab_lang_title" aria-expanded="ture">Title</a>
                              </li>
                              <li class="nav-item ">
                                <a class="nav-link waves-effect waves-dark " id="" data-toggle="tab" href="#tab_lang_short_description" aria-controls="tab_lang_short_description" aria-expanded="ture">Short Description/Motto</a>
                              </li>
                              <li class="nav-item ">
                                <a class="nav-link waves-effect waves-dark" id="" data-toggle="tab" href="#tab_lang_what_will_learn" aria-controls="tab_lang_what_will_learn" aria-expanded="ture">Understanding</a>
                              </li>
                              <li class="nav-item ">
                                <a class="nav-link waves-effect waves-dark " id="" data-toggle="tab" href="#tab_lang_includes" aria-controls="tab_lang_includes" aria-expanded="ture">Key Take</a>
                              </li>
                              <div class="nav-tabs-indicator" style="left: 0px; right: 834.48px;"></div>
                            </ul>
                            <div class="col-md-12 supp_stock_accord">
                                <div class="form-body">
                                 <div class="row clearfix">
                                  <div class="col-sm-12 p-0">
                                    <div class="tab-content">
                                        <div  class="tab-pane active" id="tab_lang_title"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            @if(!empty($language))
                                              @foreach($language as $langkey => $language_fields)
                                                @php 
                                                  $direction = ($language[$langkey]['direction'] == "2")?"rtl":"ltr"; 
                                                @endphp<br> 
                                                &nbsp;&nbsp;&nbsp;{{$language[$langkey]['lang_name']}} <img class="flag" id="show-image" onerror="isImageExist(this)" noimage="80x80.jpg" src="{{$language[$langkey]['Image']}}" alt=""/> 
                                                <div class="col-md-12">
                                                   <input type="text" class="form-control" value="{{(isset($course_topic_language[$language[$langkey]['lang_code']]['title'])?$course_topic_language[$language[$langkey]['lang_code']]['title']:'')}}" placeholder="title" dir="{{$direction}}" name="course_topic_language[{{$language[$langkey]['lang_code']}}][title]" id="{{$language[$langkey]['lang_name']}}_title">
                                                </div>
                                               @endforeach
                                              @endif
                                          </div>
                                        </div>
                                        <div  class="tab-pane" id="tab_lang_short_description"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            @if(!empty($language))
                                              @foreach($language as $langkey => $language_fields)
                                                @php 
                                                  $direction = ($language[$langkey]['direction'] == "2")?"rtl":"ltr"; 
                                                @endphp<br> 
                                                &nbsp;&nbsp;&nbsp;{{$language[$langkey]['lang_name']}} <img class="flag" id="show-image" onerror="isImageExist(this)" noimage="80x80.jpg" src="{{$language[$langkey]['Image']}}" alt=""/> 
                                                <div class="col-md-12">
                                                    <textarea class="form-control ckeditor" dir="{{$direction}}" name="course_topic_language[{{$language[$langkey]['lang_code']}}][short_description]" id="{{$language[$langkey]['lang_name']}}_short_description" cols="30" rows="15">{{(isset($course_topic_language[$language[$langkey]['lang_code']]['short_description'])?$course_topic_language[$language[$langkey]['lang_code']]['short_description']:'')}}</textarea>
                                                </div>
                                               @endforeach
                                              @endif
                                          </div>
                                        </div>
                                        <div  class="tab-pane" id="tab_lang_what_will_learn"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            @if(!empty($language))
                                              @foreach($language as $langkey => $language_fields)
                                                @php 
                                                  $direction = ($language[$langkey]['direction'] == "2")?"rtl":"ltr"; 
                                                @endphp<br> 
                                                &nbsp;&nbsp;&nbsp;{{$language[$langkey]['lang_name']}} <img class="flag" id="show-image" onerror="isImageExist(this)" noimage="80x80.jpg" src="{{$language[$langkey]['Image']}}" alt=""/> 
                                                <div class="col-md-12">
                                                    <textarea class="form-control ckeditor" dir="{{$direction}}" name="course_topic_language[{{$language[$langkey]['lang_code']}}][what_will_learn]" id="{{$language[$langkey]['lang_name']}}_what_will_learn" cols="30" rows="15">{{(isset($course_topic_language[$language[$langkey]['lang_code']]['what_will_learn'])?$course_topic_language[$language[$langkey]['lang_code']]['what_will_learn']:'')}}</textarea>
                                                </div>
                                               @endforeach
                                              @endif
                                          </div>
                                        </div>
                                        <div  class="tab-pane" id="tab_lang_includes"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            @if(!empty($language))
                                              @foreach($language as $langkey => $language_fields)
                                                @php 
                                                  $direction = ($language[$langkey]['direction'] == "2")?"rtl":"ltr"; 
                                                @endphp<br> 
                                                &nbsp;&nbsp;&nbsp;{{$language[$langkey]['lang_name']}} <img class="flag" id="show-image" onerror="isImageExist(this)" noimage="80x80.jpg" src="{{$language[$langkey]['Image']}}" alt=""/> 
                                                <div class="col-md-12">
                                                    <textarea class="form-control ckeditor" dir="{{$direction}}" name="course_topic_language[{{$language[$langkey]['lang_code']}}][includes]" id="{{$language[$langkey]['lang_name']}}_includes" cols="30" rows="15">{{(isset($course_topic_language[$language[$langkey]['lang_code']]['includes'])?$course_topic_language[$language[$langkey]['lang_code']]['includes']:'')}}</textarea>
                                                </div>
                                               @endforeach
                                              @endif
                                          </div>
                                        </div>
                                      </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane" aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_5"  aria-labelledby="base-tab_5">
                  <div class="row">
                    <div class="col-xl-12">
                      <h3 class="tab-content-title">Media Mgmt</h3>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-xl-12">
                      <div class="tab-pane" aria-expanded="true" role="tabpanel" aria-expanded="true"  id="tab_2"  aria-labelledby="base-tab_2">
                        <div class="row">
                         <div class="col-md-9">
                           <div class="form-group row mx-auto">
                            <label class="col-md-3 label-control"> Thumbnail Image </label>
                            <div class="col-md-4 custom-file mb-1">
                              <input name="thumbnail_file" id="thumbnail_file" type="file" class="custom-file-input form-control">
                              <label class="custom-file-label" for="flag" aria-describedby="imageAddon">Choose Thumbnail Image</label>
                            </div>                            
                              @if(isset($mode) && $mode == 'Update') 
                               @if(isset($checkthumbnailImgArr['img_url']) && $checkthumbnailImgArr['img_url'] != '' )
                              <div class="col-md-4 position-relative has-icon-right" style="margin-top: -5px;" id="thumbnaildelete-image">
                                <a class="fancybox" rel="gallery1" href="{{$checkthumbnailImgArr['fancy_box_url']}}" title=""><img src="{{$checkthumbnailImgArr['img_url']}}" alt="" class="img-fluid img-thumbnail" style="height: 45px;width: 76px; box-shadow: none;" id="show-image" onerror="isImageExist(this)" noimage="80x80.jpg" /></a>
                                <a href="javascript:void(0);" class="btn btn-icon ml-1 btn-danger waves-effect waves-light" onclick='deleteUploadedImage(1,0,0);' ><i class="icon-close"></i></a>
                              </div>
                                @endif 
                              @endif
                              
                          </div>
                          <div class="form-group row mx-auto">
                              <label class="col-md-3 label-control">  </label>
                              @if(isset($img_ext_array) && !empty($img_ext_array) && isset($Dimention_arr[0]['W']) && !empty($Dimention_arr[0]['W']) && isset($Dimention_arr[0]['H']) && !empty($Dimention_arr[0]['H']))
                                    <div class="">                                      
                                        <p class="danger mb-1 px-2">[ Valid extentions: <code>{{!empty($img_ext_array)?$img_ext_array:''}}</code>]</p>
                                        <p class="danger mb-1 px-2">[ Recommended image size: <code>Width: {{!empty($Dimention_arr[0]['W'])?$Dimention_arr[0]['W']:''}} X Height: {{!empty($Dimention_arr[0]['H'])?$Dimention_arr[0]['H']:''}}</code>]</p>
                                      </div>    
                              @endif
                            </div>
                         </div> 

                         <!-- <div class="col-md-12">
                           <div class="form-group row mx-auto">
                            <div class="col-md-4 custom-file mb-1">
                              @if(isset($img_ext_array) && !empty($img_ext_array))
                                <div class="col-md-12">
                                  <p class="danger mb-1 px-2">[ Valid extentions: <code>{{!empty($img_ext_array)?$img_ext_array:''}}</code>]</p>
                                  <p class="danger mb-1 px-2">[ Recommended image size: <code>Width: {{!empty($Dimention_arr[0]['W'])?$Dimention_arr[0]['W']:''}} X Height: {{!empty($Dimention_arr[0]['H'])?$Dimention_arr[0]['H']:''}}</code>]</p>
                                </div>
                              @endif
                            </div> 
                          </div>
                         </div> -->
                         <div class="col-md-12">
                            <ul class="nav nav-tabs nav-top-border no-hover-bg nav-tabs-material">
                              <li class="nav-item ">
                                  <a class="nav-link waves-effect waves-dark active" id="" data-toggle="tab" href="#tab_video" aria-controls="tab_lang_title" aria-expanded="ture">Video</a>
                              </li>
                              <li class="nav-item ">
                                <a class="nav-link waves-effect waves-dark " id="" data-toggle="tab" href="#tab_subtitle" aria-controls="tab_subtitle" aria-expanded="ture">Sub title</a>
                              </li>
                              <li class="nav-item ">
                                <a class="nav-link waves-effect waves-dark " id="" data-toggle="tab" href="#disclaimer_end" aria-controls="disclaimer_end" aria-expanded="ture">Disclaimer/End</a>
                              </li>
                              <div class="nav-tabs-indicator" style="left: 0px; right: 834.48px;"></div>
                            </ul> 
                            <div class="col-md-12 supp_stock_accord">
                                <div class="form-body">
                                 <div class="row clearfix">
                                  <div class="col-sm-10  p-0">
                                    <div class="tab-content">
                                        <div  class="tab-pane active" id="tab_video"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            <table  class="table table-striped table-bordered table-hover" id="media_table" width="50%">
                                                <thead>
                                                    <tr role="row" class="heading">
                                                        <th width="1%">#</th>
                                                        <th width="19%"> Media Language </th>
                                                        <th width="60%">Video CDN URL</th>
                                                        <th width="10%"> Is Default </th>
                                                        <th width="10%"> View Media </th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                  @if(!empty($language_media))
                                                  @foreach($language_media as $langkey => $language_fields)
                                                    @php 
                                                      $index = $langkey+1;
                                                      $direction = ($language_media[$langkey]['direction'] == "2")?"rtl":"ltr"; 
                                                    @endphp
                                                    @if(isset($media_mgmt_video[$language_media[$langkey]['lang_code']]['is_default']) && $media_mgmt_video[$language_media[$langkey]['lang_code']]['is_default'] =='1' && $mode=="Update")
                                                    @php
                                                    $media_video_checked = "checked";
                                                    @endphp
                                                    @else
                                                      @if($mode=="Add" && $language_media[$langkey]['lang_code'] == 'en')  
                                                        @php
                                                        $media_video_checked = "checked";
                                                        @endphp
                                                      @else
                                                        @php
                                                        $media_video_checked = "";
                                                        @endphp
                                                      @endif
                                                    @endif  
                                                    <tr>
                                                      <td class="text-center">{{$index}}</td>
                                                      <td>
                                                        {{$language_media[$langkey]['lang_name']}}&nbsp; &nbsp;  <label style="color: #094b8c"> [ {{$language_media[$langkey]['lang_code']}} ]</label>
                                                      </td>
                                                      <td class="changeContent">
                                                          <input type="text" class="form-control" value="{{(isset($media_mgmt_video[$language_media[$langkey]['lang_code']]['media_file'])?base64_decode($media_mgmt_video[$language_media[$langkey]['lang_code']]['media_file']):'')}}" placeholder="CDN URL" dir="{{$direction}}" name="media_mgmt_video[{{$language_media[$langkey]['lang_code']}}][media_file]" id="{{$language_media[$langkey]['lang_name']}}_media_file">
                                                          <input type="hidden" value="{{(isset($media_mgmt_video[$language_media[$langkey]['lang_code']]['media_file']) && $media_mgmt_video[$language_media[$langkey]['lang_code']]['media_file'] != ''?base64_decode(generateSecureCDNMediaURLDynamicallyAdmin($media_mgmt_video[$language_media[$langkey]['lang_code']]['media_file'])):'')}}" id="{{$language_media[$langkey]['lang_name']}}_media_file1">
                                                      </td>
                                                      <td class="text-center" >
                                                          <input type="radio" {{$media_video_checked}} value="{{$language_media[$langkey]['lang_code']}}" placeholder="title" dir="{{$direction}}" name="default_media_video_lang" id="{{$language_media[$langkey]['lang_name']}}_default_video">
                                                      </td>
                                                      <td class="text-center" id="{{$language_media[$langkey]['lang_name']}}_media_file_showhide">
                                                           {{-- <a onclick="showvideo('{{$language_media[$langkey]['lang_name']}}_media_file');" title="Video"><span class="btn btn-icon btn-secondary btn-light waves-effect waves-light"><i class="la la-eye"></i></span></a> --}}
                                                           <a onclick="showvideo('{{$language_media[$langkey]['lang_name']}}_media_file1');" title="Video"><span class="btn btn-icon btn-secondary btn-light waves-effect waves-light"><i class="la la-eye"></i></span></a>
                                                      </td>
                                                    </tr>
                                                    @endforeach
                                                  @endif
                                                </tbody>
                                              </table>
                                          </div>
                                        </div>

                                        <div  class="tab-pane" id="tab_subtitle"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            <table  class="table table-striped table-bordered table-hover" id="media_table" width="50%">
                                                <thead>
                                                    <tr role="row" class="heading">
                                                        <th width="1%">#</th>
                                                        <th width="10%"> Media Language </th>
                                                        <th width="55%">Sub Title CDN URL</th>
                                                        <th width="10%"> Is Default </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                  @if(!empty($language_media))
                                                  @foreach($language_media as $langkey => $language_fields)
                                                    @php 
                                                      $index = $langkey+1;
                                                      $direction = ($language_media[$langkey]['direction'] == "2")?"rtl":"ltr"; 
                                                    @endphp
                                                    @if(isset($media_mgmt_subtitle[$language_media[$langkey]['lang_code']]['is_default']) && $media_mgmt_subtitle[$language_media[$langkey]['lang_code']]['is_default'] =='1')
                                                    @php
                                                    $media_video_sub_title_checked = "checked";
                                                    @endphp
                                                    @else
                                                      @if($mode=="Add" && $language_media[$langkey]['lang_code'] == 'en')  
                                                        @php
                                                        $media_video_sub_title_checked = "checked";
                                                        @endphp
                                                      @else
                                                        @php
                                                        $media_video_sub_title_checked = "";
                                                        @endphp
                                                      @endif
                                                    @endif  
                                                    <tr>
                                                      <td class="text-center">
                                                          {{$index}}
                                                          {{-- <input type="checkbox" class="group-checkable" name="media_mgmt_subtitle[{{$language_media[$langkey]['lang_code']}}][is_checked]"> --}}
                                                      </td>
                                                      <td>
                                                        {{$language_media[$langkey]['lang_name']}}&nbsp; &nbsp;  <label style="color: #094b8c"> [ {{$language_media[$langkey]['lang_code']}} ]</label>
                                                      </td>
                                                      <td>
                                                          <input type="text" class="form-control" value="{{(isset($media_mgmt_subtitle[$language_media[$langkey]['lang_code']]['subtitle_file'])?base64_decode($media_mgmt_subtitle[$language_media[$langkey]['lang_code']]['subtitle_file']):'')}}" placeholder="CDN URL" dir="{{$direction}}" name="media_mgmt_subtitle[{{$language_media[$langkey]['lang_code']}}][subtitle_file]" id="{{$language_media[$langkey]['lang_name']}}_subtitle_file">
                                                      </td>
                                                      <td class="text-center" >
                                                          <input type="radio" {{$media_video_sub_title_checked}} value="{{$language_media[$langkey]['lang_code']}}" placeholder="title" dir="{{$direction}}" name="default_media_subtitle_lang" id="{{$language_media[$langkey]['lang_name']}}_default_subtitle">
                                                      </td>
                                                    </tr>
                                                    @endforeach
                                                  @endif
                                                </tbody>
                                              </table>
                                          </div>
                                        </div>
                                        <div  class="tab-pane" id="disclaimer_end"  role="tabpanel" aria-labelledby="langcd" aria-expanded="true">
                                          <div class="table-responsive" id="curdet">
                                            <div class="form-group row mx-auto">
                                              <label class="col-sm-3 label-control">Media Disclaimer (Front Overlay)</label>
                                              <div class="col-sm-9">
                                                <input class="form-control" placeholder="Media disclaimer" type="text" id="media_front_overlay" name="media_front_overlay" value="{{(isset($data[0]['media_front_overlay'])?base64_decode($data[0]['media_front_overlay']):'')}}">
                                              </div>
                                            </div>
                                            <div class="form-group row mx-auto">
                                              <label class="col-sm-3 label-control">Media End (Back Overlay)</label>
                                              <div class="col-sm-9">
                                                <input class="form-control" placeholder="Media end" type="text" id="media_back_overlay" name="media_back_overlay" value="{{(isset($data[0]['media_back_overlay'])?base64_decode($data[0]['media_back_overlay']):'')}}">
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-actions text-right">
                <a href="{{route('course-module-chapter-topic/grid')}}">
                  <button type="button" class="btn mr-1">
                    <i class="ft-x"></i> Cancel 
                  </button></a>
                  <button type="submit" class="btn btn-success" id="save_record">
                    <i class="la la-check-square-o"></i> Save Changes
                  </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>
<button type="button" class="btn btn-outline-danger block btn-lg" data-toggle="modal" data-target="#del_image" style="display: none;" id="delete-image-box">Launch Modal</button>
<div class="modal fade text-left show" id="del_image" tabindex="-1" role="dialog" aria-labelledby="myModalLabel10" aria-modal="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div class="alert alert-danger" role="alert">
          <i class="la la-question"></i> Are you sure want to delete image?
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal"  id="delete-image-box_btn_close">Close</button>
        <button type="button" class="btn btn-outline-danger" onclick="deleteUploadedimage()">Ok</button>
      </div>
    </div>
  </div>
</div>
<button type="button" class="btn btn-outline-info block btn-lg d-none" id="add_modal_box" data-toggle="modal" data-target="#add_km_rate">Launch Modal</button>
<div class="modal fade text-left" id="add_km_rate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-focus-on="input:first" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-success white">
                <h3 class="modal-title white" id="myModalLabel"><span id="mode_title"></span> Topic Video</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <form name="frmadd" id="frmadd" action="">
            <input type="hidden" name="_token" value="{{csrf_token()}}" />
            <input type="hidden" name="customActionType" value="group_action" />
            <input type="hidden" id="customActionName" name="customActionName" value="" />
            <input type="hidden" id="id" name="id" value=""/>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 showeImageAddClass">
                        <div for="video" id="video">
                          
                        </div>                       
                    </div>
                </div> 
                    
            </div>
            <div class="modal-footer">
                <button type="button" id="btn_close_modal" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
                <!-- <button type="submit" class="btn btn-success" id="save_record">Save changes</button> -->
            </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('scripts')

<script>
   
   var coursemodule = "{{ route('course-topic/coursemodule') }}";
   var coursemodulechapter = "{{ route('course-topic/coursemodulechapter') }}";
   var opt_ind = '{{$opt_ind}}';
   var my_index = '{{$my_index}}';
  var option_ind = '{{$option_ind}}';
  var lang_ind = '{{$lang_ind}}';
  var language_arr = @json($language);
  var status_on_color = '{{Config::get("constants.switch_on_color")}}';
  var status_off_color = '{{Config::get("constants.switch_off_color")}}';
  var mcq_data_arr = @json($mcq_data_arr);
  var MAX_OPTION_CREATED = '{{Config::get("constants.MAX_OPTION_CREATED")}}';
</script>
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- Start FORM VALIDATION -->
<script src="{{ asset('/assets/vendors/js/jquery-validation/js/jquery.validate.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('/assets/vendors/js/jquery-validation/js/additional-methods.min.js')}}" type="text/javascript"></script>
<!-- End FORM VALIDATION -->
<!-- Start Selectize -->
<script src="{{ asset('/assets/vendors/js/forms/select/selectize.min.js') }}" type="text/javascript"></script>
<!-- End Selectize -->
<!--Start Bootstrap Switch--->
<script type="text/javascript" src="{{ asset('/assets/vendors/js/forms/toggle/bootstrap-switch.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/assets/vendors/js/forms/toggle/switchery.min.js') }}"></script>
<!--End Bootstrap Switch--->
<script src="{{ asset('/assets/js/scripts/forms/custom-file-input.js') }}"></script>
<!-- END PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="{{ asset('/assets/vendors/js/fancybox/dist/jquery.fancybox.js')}}"></script>
<script src="{{ asset('/assets/vendors/js/editors/ckeditor/ckeditor.js') }}" type="text/javascript"></script> 

<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('/assets/pages/scripts/admin/course_module_chapter_topic/course_module_chapter_topic_add.js')}}" type="text/javascript"></script>
<link href="https://vjs.zencdn.net/7.2.3/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js"></script>
<script src="https://vjs.zencdn.net/7.2.3/video.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
@endsection