@extends('admin.layouts.master')

@section('headerFiles')
<title>Tabcfast | Edit Course</title>
<link href="{{ url('resources/assets/admin/css/course-style.css') }}" rel="stylesheet" type="text/css" >
<link href="{{url('resources/assets/admin/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<style>
    .cke_dialog_container{
        z-index: 10119 !important;
    }
</style>
@endsection

@section('content')
<div id="wait" style="z-index: 999999 !important;display:none;width:69px;height:89px;border:1px solid #fffff;position:absolute;top:50%;left:50%;padding:2px;"><img src="{{ url('uploads/demo_wait.gif') }}" width="64" height="64" /><br>Loading..</div>
<div class="row">
    <div class="col-md-12">
        <div class="portlet light bordered">
            <div class="portlet-title">
                @include("admin/includes/front_alerts")
                <div class="caption">
                    <span class="caption-subject font-green-sharp sbold">Edit Course</span>
                </div>
            </div>

            <div class="portlet-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#tab_1_1" data-toggle="tab"> Edit Course </a>
                    </li>
                    <li>
                        <a href="#tab_1_2" data-toggle="tab" > Chapters </a>
                    </li>
                    <li>
                        <a href="#tab_1_3" data-toggle="tab" > Slides </a>
                    </li>
                    <li>
                        <a href="#tab_1_4" data-toggle="tab" > Assessment </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade active in" id="tab_1_1">
                        {!!Form::open([ 'url' => 'admin/courses/'. $record['course_id'], 'files'=>true,'method' => 'PUT']) !!}
                        
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#en">{{__('lang.en')}}</a></li>
                            <li><a data-toggle="tab" href="#es">{{__('lang.es')}}</a></li>
                        </ul>
                        <div class="row">
                            <div class="col-md-12">
                                @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                <div id="{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group col-md-12">
                                                {!! Form::label('name','Name of Course: ') !!}
                                                @if($lang!='en')
                                                {{ Form::text('lang['.$lang.'][content][name]', old('lang['.$lang.'][content][name]',$record->lang_translations->where('lang',$lang)->first()->content['name']??'') ,['class' => 'form-control','id'=>'name']) }}
                                                @else
                                                {!! Form::text('name', old('name',$record['name']),['class' => 'form-control','placeholder' => 'Enter Name']) !!} 
                                                @endif
                                            </div>
                                            <div class="form-group col-md-12">
                                                {!! Form::label('name','Course Description(Slide 1): ') !!}
                                                @if($lang!='en')
                                                {{ Form::textarea('lang['.$lang.'][content][description]', old('lang['.$lang.'][content][description]',$record->lang_translations->where('lang',$lang)->first()->content['description']??'') ,['class' => 'form-control ck_description','id'=>'description']) }}
                                                @else
                                                {{ Form::textarea('description', $record['description'], ['class' => 'form-control ck_description','id'=>'description','placeholder' => 'Enter Description', 'rows' => '10','cols' => '18']) }} 
                                                @endif
                                            </div>
                                            <div class="form-group col-md-12">
                                                {!! Form::label('name','Course Description(Slide 2): ') !!}
                                                @if($lang!='en')
                                                {{ Form::textarea('lang['.$lang.'][content][description1]', old('lang['.$lang.'][content][description1]',$record->lang_translations->where('lang',$lang)->first()->content['description1']??'') ,['class' => 'form-control ck_description','id'=>'description1']) }}
                                                @else
                                                {{ Form::textarea('description1', $record['description1'], ['class' => 'form-control ck_description','id'=>'description1','placeholder' => 'Enter Description', 'rows' => '10','cols' => '18']) }} 
                                                 @endif
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col-md-12" style="margin-top: 8px;">Course Video</label>
                                                <div class="col-md-8">
                                                    <div class="fileinput fileinput-new" id="course-video"data-provides="fileinput">
                                                        <div class="input-group input-large">
                                                            <div class="form-control uneditable-input input-fixed input-large" data-trigger="fileinput">
                                                                <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                                                <span class="fileinput-filename" id="course-video-name"> </span>
                                                            </div>
                                                            <span class="input-group-addon btn default btn-file">
                                                                <span class="fileinput-new"> Select file </span>
                                                                <span class="fileinput-exists"> Change </span>
                                                                <input type="file" name="video" id="video-change-btn"> </span>
                                                                @if(!empty($video['video_id']))
                                                                <a href="" onclick = "deleteCourseVideo()"  class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>
                                                                @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--Course price-->
                                            <div class="form-group">
                                                <label class="control-label col-md-12" style="margin-top: 8px;">{!! Form::label('name','Course Price: ') !!}</label>
                                                <div class="col-md-8">
                                                    <div class="input-group">
                                                        <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                                        {!! Form::number('price', number_format(old('price',$record['price']),2),['class' => 'form-control','placeholder' => 'Enter Course Price','type'=>'number','min'=>'0.01','step'=>'0.01']) !!}
                                                    </div>
                                                </div>
                                            </div>    
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <div class="form-group form-md-radios">
                                                    <label>Status</label>
                                                    <div class="md-radio-inline">
                                                        <div class="md-radio">
                                                            {!! Form::radio('status' ,'1' ,(old('status',$record['status']) == '1' ? true : null),['class' => 'md-radiobtn','id' => 'active']) !!}
                                                            <label for="active">
                                                                <span></span>
                                                                <span class="check"></span>
                                                                <span class="box"></span> Active
                                                            </label>
                                                        </div>
                                                        <div class="md-radio">
                                                            {!! Form::radio('status','0',(old('status',$record['status']) == '0' ? true : null), ['class' => 'md-radiobtn','id'=>'deactive']) !!}
                                                            <label for="deactive">
                                                                <span></span>
                                                                <span class="check"></span>
                                                                <span class="box"></span> Deactive 
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-group form-md-radios">
                                                    <label>Timer</label>
                                                    <div class="md-radio-inline">
                                                        <div class="md-radio">
                                                            {{ Form::radio('timer' ,'1' ,(old('timer',$record['timer']) == '1' ? true : null),['class' => 'md-radiobtn','id' => 'on']) }}
                                                            <label for="on">
                                                                <span></span>
                                                                <span class="check"></span>
                                                                <span class="box"></span> On
                                                            </label>
                                                        </div>
                                                        <div class="md-radio">
                                                            {{ Form::radio('timer','0',(old('timer',$record['timer']) == '0' ? true : null), ['class' => 'md-radiobtn','id'=>'off']) }}
                                                            <label for="off">
                                                                <span></span>
                                                                <span class="check"></span>
                                                                <span class="box"></span> Off 
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                {{ Form::submit('Update' ,['class' => 'btn btn-primary pull-right']) }}
                                {{ Form::button('Cancel' ,['class' => 'btn btn-danger pull-right','onclick' => 'location.href ="'.url("admin/courses").'"']) }}

                            </div>
                        </div>

                        {!! Form::close() !!}
                    </div>

                    <div class="tab-pane fade" id="tab_1_2">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="portlet light portlet-fit portlet-datatable bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-settings font-dark"></i>
                                            <span class="caption-subject font-dark sbold uppercase">Chapters</span>
                                        </div>
                                        <div class="actions">
                                            <div class="btn-group">
                                                <a class="btn btn-sm green pull-right" data-toggle="modal" href="#add-responsive"><i class="fa fa-plus"></i> <b> Add</b></a>
                                            </div>
                                            <div class="btn-group">
                                                <a class="btn btn-sm red pull-right" onclick="doDelete()"><i class="fa fa-trash"></i> <b> Delete</b></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="portlet-body">
                                        {!! Form::open([ 'url' => 'admin/chapters', 'id' => 'frm_chapters' ]) !!}
                                        <div class="table-container">
                                            <div class="table-actions-wrapper"></div>
                                            <input type="hidden" name="_method" value="DELETE">
                                            <table class="table table-striped table-bordered table-hover table-checkable" id="chapters_datatable">
                                                <thead>
                                                    <tr role="row" class="heading">
                                                        <th width="10%">
                                                            &nbsp;
                                                        </th>
                                                        <th>Name </th>
                                                        <th>Created At </th>
                                                        <th>Added By</th>
                                                        <th>Modified By</th>
                                                        <th>Status </th>
                                                        <th>Actions </th>
                                                    </tr>
                                                </thead>
                                                <tbody> </tbody>
                                            </table>
                                        </div>
                                        {{ Form::close() }}
                                    </div>
                                </div>
                            </div>
                        </div>       
                    </div>

                    <div class="tab-pane fade" id="tab_1_3">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="portlet light portlet-fit portlet-datatable bordered">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="icon-settings font-dark"></i>
                                                <span class="caption-subject font-dark sbold uppercase">Slides</span>
                                            </div>
                                            <div class="actions">
                                                <div class="btn-group">
                                                    <a class="btn btn-sm green pull-right" data-toggle="modal" href="#add-new-slide"><i class="fa fa-plus"></i> <b> Add</b></a>
                                                </div>
                                            </div>
                                        </div>
    
                                        <div class="portlet-body">
                                            {!! Form::open([ 'url' => 'admin/chapters', 'id' => 'frm_chapters' ]) !!}
                                            <div class="table-container">
                                                <div class="table-actions-wrapper"></div>
                                                <input type="hidden" name="_method" value="DELETE">
                                                <table class="table table-striped table-bordered table-hover table-checkable" id="slides_datatable">
                                                    <thead>
                                                        <tr role="row" class="heading">
                                                            <th>&nbsp; </th>
                                                            <th>Slide Order </th>
                                                            <th>Slide ID </th>
                                                            <th>Chapter Name</th>
                                                            <th>Slide Title</th>
                                                            <th>Actions</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tablecontents"> </tbody>
                                                </table>
                                            </div>
                                            {{ Form::close() }}
                                        </div>
                                    </div>
                                </div>
                            </div>       
                    </div>


                    <div class="tab-pane fade" id="tab_1_4">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="portlet light portlet-fit portlet-datatable bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-settings font-dark"></i>
                                            <span class="caption-subject font-dark sbold uppercase">Assessment</span>
                                        </div>
                                        <div class="actions">
                                            <div class="btn-group">
                                                <a class="btn btn-sm green pull-right" data-toggle="modal" href="#add-assessment"><i class="fa fa-plus"></i> <b> Add</b></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="portlet-body">
                                        {!! Form::open([ 'url' => 'admin/chapters/assessment', 'id' => 'ass_chapters' ]) !!}
                                        <div class="table-container">
                                            <div class="table-actions-wrapper"></div>
                                            <input type="hidden" name="_method" value="DELETE">
                                            <table class="table table-striped table-bordered table-hover table-checkable" id="c_assessment_datatable">
                                                <thead>
                                                    <tr role="row" class="heading">
                                                        <th width="2%">
                                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                                <input type="checkbox" class="group-checkable check_all_c_assessment" data-set="#sample_4 .checkboxes" >
                                                                <span></span>
                                                            </label>
                                                        </th>
                                                        <th>Course Name </th>
                                                        <th>Chapter Name </th>
                                                        <th>Question </th>
                                                        <th>Type </th>
                                                        <th>Created At </th>
                                                        <th>Added By</th>
                                                        <th>Modified By</th>
                                                        <th>Status </th>
                                                        <th>Actions </th>
                                                    </tr>
                                                </thead>
                                                <tbody> </tbody>
                                            </table>
                                        </div>
                                        {{ Form::close() }}
                                    </div>
                                </div>
                            </div>
                        </div>       
                    </div>

                </div>

                <div class="clearfix margin-bottom-20"> </div>
            </div>
        </div>
    </div>
</div>

<!--modal-->

<div id="add-responsive" class="modal fade in" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            {!! Form::open([ 'url' => 'admin/chapter/create', 'files'=>true ,'id'=>'add_chapters']) !!}

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Add New Chapter</h4>
            </div>

            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="row">

                        <div class="col-md-12">

                            <div class="form-alert"></div>
                            <div class="form-group">
                            <ul class="nav nav-tabs">
                                <li class="active"><a data-toggle="tab" href="#en">{{__('lang.en')}}</a></li>
                                <li><a data-toggle="tab" href="#es">{{__('lang.es')}}</a></li>
                            </ul>
                            @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                            <div id="{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                <label>Name</label>
                                <input type="text" id="chapter_name" class="form-control" name="name" value="{{ old('name')}}">
                                <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" >
                            </div>
                            @endforeach
                            </div>

                            <div class="row">
                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-radios">
                                        <label>Status</label>
                                        <div class="md-radio-inline">
                                            <div class="md-radio">
                                                {{ Form::radio('status' ,'1' ,null,['class' => 'md-radiobtn','id' => 'Running']) }}
                                                <label for="Running">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Active
                                                </label>
                                            </div>
                                            <div class="md-radio">
                                                {{ Form::radio('status','0', null, ['class' => 'md-radiobtn','id'=>'Stop']) }}
                                                <label for="Stop">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Deactive 
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-6 ">
                                    <div class="form-group">
                                        <label>Duration</label><br>
                                        <input type="text" class="form-control" placeholder="duration in minutes only" name="duration" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-9">
                                    <label class="pull-left">Select Video / Audio file</label>
                                </div>
                                <div class="col-md-3">
                                    <label class="pull-right">Add / Remove</label>
                                </div>
                                <div class="field_wrapper">
                                    <div class="block add_block field-container-0">

                                        <div class="col-md-10">
                                            <div class="fileinput fileinput-new pull-left" data-provides="fileinput" id="chapter-media-0">
                                                <div class="input-group input-large">
                                                    <div class="form-control uneditable-input input-fixed input-large" data-trigger="fileinput">
                                                        <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                                        <span class="fileinput-filename video-name-0"></span>
                                                    </div>

                                                    <span class="input-group-addon btn default btn-file">

                                                        <span class="fileinput-new"> Select file </span>
                                                        <span class="fileinput-exists"> Change </span>

                                                        <input type="hidden" value="" name="file[0]" > <input type="file" name="file[0]" id="file" > </span>
                                                    <a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <a href="javascript:;" onclick="addField()" class="btn green add-field"><i class="fa fa-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div><!-- col-md-12-->


                    </div><!-- row-->
                </div>
            </div> <!-- modal-body-->          
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                <button type="submit" class="btn green" id="save_chapter"  >Save</button>
            </div>

            {!! Form::close() !!}

        </div>
    </div>
</div>

<!--modal assessment-->

<div id="add-assessment" class="modal fade in" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
        {!! Form::open([ 'url' => 'admin/chapters/assessment/create', 'files'=>true ,'id'=>'assignment_add']) !!}
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Add New Question</h4>
            </div>
            <div class="modal-body">
                <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" id="q_course_id" >
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="col-md-12">
                            <div class="row">
                                <div class="form-group">
                                        <div class="form-alert"></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="form-group">
                                                    <label for="single1" class="control-label">Select Chapter</label>
                                                    <select id="single1" class="form-control select2" name="chapter_id" value="{{ old('chapter_id')}}">
                                                            @foreach($chapter as $c)
                                                                <option value="{{$c->chapter_id}}" name="chapter_id">{{$c->name}}</option>
                                                            @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div> 
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="row">
                                <div class="form-group">
                            
                                    <label class="col-md-2 control-label"><label for="question">Question: </label></label>

                                    <div class="form-group col-md-10">
                                        <textarea class="form-control" placeholder="Enter Question" rows="5" cols="40" name="question" id="question"></textarea> 
                                    </div>

                                </div>
                            </div>
                        </div> 
                        
                        <div class="form-group col-md-5">
                            <div class="form-group form-md-radios">
                                <label>Question Status</label>
                                <div class="md-radio-inline">
                                    <div class="md-radio">
                                        <input class="md-radiobtn" id="Running1" name="status" type="radio" value="1">
                                        <label for="Running1">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Active
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        <input class="md-radiobtn" id="Stop1" name="status" type="radio" value="0">
                                        <label for="Stop1">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Deactive 
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-group col-md-5">
                            <div class="form-group form-md-radios">
                                <label>Question Set</label>
                                <div class="md-radio-inline">
                                    <div class="md-radio">
                                        <input class="md-radiobtn" id="Sheet1" name="type" type="radio" value="A">
                                        <label for="Sheet1">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Sheet A
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        <input class="md-radiobtn" id="Sheet2" name="type" type="radio" value="B">
                                        <label for="Sheet2">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Sheet B 
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-offset-1 col-md-2 col-md-offset-2">
                                    <label>Answer</label>
                                </div>

                                <div class="col-md-offset-2 col-md-3">
                                    <label>Correct Options</label>
                                </div>
                                <div class="col-md-1">
                                    <label>Add/Remove</label>
                                </div>
                            </div>
                        </div>
                        <div class="field_wrapper">
                            <div class="block add_block">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6 form-group">
                                            <input type="text" class="form-control answer" name="answer[0]" required="">
                                        </div>
                                        <div class="col-md-offset-1 col-md-2 form-group">
                                            <label class="mt-checkbox">
                                                <input type="checkbox" name="is_correct[0]" value="1" class="correct_ans"> 
                                                <span></span>
                                            </label>
                                        </div>
                                        <div class="col-md-1 form-group">
                                            <a onclick="addAnswer()" class="add-field"><i class="fa fa-fw fa-plus-square fa-lg"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer footer-adj">
                <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                <button type="submit" class="btn green">Submit</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<!-- modal 2-->

<div class="modal fade" id="edit-responsive" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
            {{ Form::open([ 'url' => 'admin/chapter/edit"', 'files'=>true ,'id'=>'edit_chapters']) }}
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Modify Chapter</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="row">
                        <div class="form-alert-edit"></div>
                        <div class="col-md-6">
                            <ul class="nav nav-tabs">
                                <li class="active"><a data-toggle="tab" href="#chapter-en">{{__('lang.en')}}</a></li>
                                <li><a data-toggle="tab" href="#chapter-es">{{__('lang.es')}}</a></li>
                            </ul>
                            <div class="form-group col-md-12">
                                <label>Name</label>
                                @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                <div id="chapter-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                    @if($lang!='en')
                                    {{ Form::text('lang['.$lang.'][content][name]', old('lang['.$lang.'][content][name]') ,['class' => 'form-control','id'=>'name']) }}
                                    @else
                                    <input type="text" id="chapter_name" class="form-control" name="name" value="{{ old('name')}}">
                                    @endif
                                </div>
                                @endforeach
                                <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" >
                                <input type="hidden"  id="chapter_id"  name="chapter_id" value="" >
                            </div>
                        
                            <div class="form-group col-md-12">
                                    <label>Duration</label><br>
                                    <input type="text" class="form-control" placeholder="duration in minutes only" name="duration" value="">
                            </div>
                            
                            
                            <div class="form-group col-md-12">
                                <div class="row">
                                    <div class="col-md-9">
                                        <label class="pull-left">Select Video / Audio file</label>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="pull-right">Add / Remove</label>
                                    </div>
                                    <div class="field_wrapper">
                                        <div class="block add_block field-container-0">
                                            <div class="col-md-10">
                                                <div class="fileinput fileinput-new pull-left" data-provides="fileinput" id="chapter-media-0">
                                                    <div class="input-group input-large">
                                                        <div class="form-control uneditable-input input-fixed input-large" data-trigger="fileinput">
                                                            <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                                            <span class="fileinput-filename video-name-0"></span>
                                                        </div>
                                                        <span class="input-group-addon btn default btn-file">
                                                        <span class="fileinput-new"> Select file </span>
                                                        <span class="fileinput-exists"> Change </span>
                                                        <input type="hidden" value="" name="file[0]" > 
                                                        <input type="file" name="file[0]" id="fle_blk" > </span>
                                                    <a href="javascript:;" class="input-group-addon btn red fileinput-exists delete-video" data-dismiss="fileinput" id="file-block" > Remove </a>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-1">
                                                <a href="javascript:;" onclick="addField()" class="btn green add-field"><i class="fa fa-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                            </div>


                        </div> <!--col-md-6-->
                        <div class="col-md-6">
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <div class="form-group form-md-radios">
                                        <label>Status</label>
                                        <div class="md-radio-inline">
                                            <div class="md-radio">
                                                {{ Form::radio('status' ,'1' ,null,['class' => 'md-radiobtn','id' => 'Active']) }}
                                                <label for="Active">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Active
                                                </label>
                                            </div>
                                            <div class="md-radio">
                                                {{ Form::radio('status','0', null, ['class' => 'md-radiobtn','id'=>'Disable']) }}
                                                <label for="Disable">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Deactive 
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{--<div class="textareabox">
                                    <div class="form-group col-md-12">
                                        <label for="editor2" class="control-label">Reading material</label>
                                        <textarea name="abc" id="editor2" class="ckeditor form-control ck_description" value="" rows="15" required></textarea>
                                    </div>
                                </div>
                                
                                 <div class="form-group col-md-12">
                                    <a href="javascript:;" onclick="addTextarea()"  class="btn green add-field pull-right"><i class="fa fa-plus"></i></a>
                                </div> --}}
                            </div>
                        </div>
<!--                        <div class="col-md-12">
                            <div class="row total_fields">
                                <div class="video-block video-block-0">
                                    <div class="video-area-0 col-md-3">
                                        <video width="320" height="240" controls>
                                            <source class="media-url-0" src="" type="video/mp4">
                                            Your browser does not support the video tag.
                                        </video>
                                        <p class="video-name-0"></p>
                                    </div>
                                </div>

                            </div>
                        </div>-->

                    </div> <!--row-->
                </div>

            </div>
            <div class="modal-footer footer-spacing">
                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                <button type="submit" class="btn green" id="save_chapter">Update</button>
            </div>

            {!! Form::close() !!}
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- modal assessment edit -->
<div class="modal fade" id="edit-assessment-responsive" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
        {{ Form::open([ 'url' => 'admin/chapter/assessment/edit', 'files'=>true ,'id'=>'edit_assessments']) }}
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Modify Assessment</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                        <div class="col-md-offset-2 col-md-8">
                            <div class="row">
                                <div class="form-alert-edit"></div>
                                <div class="form-group">
                                        <div class="form-alert"></div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="form-group">
                                                    <label for="assessment" class="control-label">Select Chapter</label>
                                                    <!-- <input type="text" id="old_chapter_name" class="form-control" readonly value=""> -->
                                                    <select id="assessment" class="form-control select2" name="chapter_id" value="{{ $record['chapter_id'] }}" >
                                                            @foreach($chapter as $c)
                                                                <option value="{{$c->chapter_id}}" name="chapter_id">{{$c->name}}</option>
                                                            @endforeach

                                                    </select>
                                                    <input type="hidden" id="question_id" class="form-control" readonly name="question_id" value="">
                                                </div>
                                            </div>
                                        </div> 
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" id="q_course_id" >
                        <div class="col-md-offset-2 col-md-8">
                            <div class="row">
                                <div class="form-group">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a data-toggle="tab" href="#assessment-q-en">{{__('lang.en')}}</a></li>
                                        <li><a data-toggle="tab" href="#assessment-q-es">{{__('lang.es')}}</a></li>
                                    </ul>
                                    <label class="col-md-2 control-label"><label for="question1">Question: </label></label>
                                    @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                    <div id="assessment-q-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                        <div class="form-group col-md-10">
                                            @if($lang!='en')
                                            {{ Form::textarea('lang['.$lang.'][question][content][question]', old('lang['.$lang.'][question][content][question]') ,['class' => 'form-control','id'=>'name','rows'=>5,'cols'=>40]) }}
                                            @else
                                            <textarea class="form-control" placeholder="Enter Question" rows="5" cols="40" name="question1" id="question1" value="{{ $record['question'] }}" ></textarea> 
                                            @endif
                                        </div>
                                    </div>
                                    @endforeach

                                </div>
                            </div>
                        </div> 
                        <div class="row">
                            <div class="col-md-offset-2 col-md-4">
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <div class="form-group form-md-radios">
                                            <label>Status</label>
                                            <div class="md-radio-inline">
                                                <div class="md-radio">
                                                    {{ Form::radio('status' ,'1' ,null,['class' => 'md-radiobtn','id' => 'Enable']) }}
                                                    <label for="Enable">
                                                        <span></span>
                                                        <span class="check"></span>
                                                        <span class="box"></span> Active
                                                    </label>
                                                </div>
                                                <div class="md-radio">
                                                    {{ Form::radio('status','0', null, ['class' => 'md-radiobtn','id'=>'Dis_able']) }}
                                                    <label for="Dis_able">
                                                        <span></span>
                                                        <span class="check"></span>
                                                        <span class="box"></span> Deactive 
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-offset-2 col-md-4">
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <div class="form-group form-md-radios">
                                            <label>Question Set</label>
                                            <div class="md-radio-inline">
                                                <div class="md-radio">
                                                    {{ Form::radio('type' ,'A' ,null,['class' => 'md-radiobtn','id' => 'SetA']) }}
                                                    <label for="SetA">
                                                        <span></span>
                                                        <span class="check"></span>
                                                        <span class="box"></span> Sheet A
                                                    </label>
                                                </div>
                                                <div class="md-radio">
                                                    {{ Form::radio('type','B', null, ['class' => 'md-radiobtn','id'=>'SetB']) }}
                                                    <label for="SetB">
                                                        <span></span>
                                                        <span class="check"></span>
                                                        <span class="box"></span> Sheet B 
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#assessment-ans-en">{{__('lang.en')}}</a></li>
                            <li><a data-toggle="tab" href="#assessment-ans-es">{{__('lang.es')}}</a></li>
                        </ul>
                        @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                        <div id="assessment-ans-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                            <div class="row">
                                <div class="col-md-offset-2 col-md-8">
                                    <div class="row">
                                        <div class="col-md-offset-1 col-md-2 col-md-offset-2">
                                            <label>Answer</label>
                                        </div>

                                        <div class="col-md-offset-2 col-md-3">
                                            <label>Correct Options</label>
                                        </div>
                                        <div class="col-md-1">
                                            <label>Add/Remove</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-offset-2 col-md-8">
                                    @if($lang!='en')
                                    <div class="{{$lang}} field_wrapper_lang" data-lang="{{$lang}}">
                                        
                                    </div>
                                    @else
                                    <div class="field_wrapper">
                                        
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endforeach
                </div>
     
              
            </div>
            <div class="modal-footer footer-spacing">
                <div class="col-md-12">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn green" id="save_chapter">Update</button>
                </div>
            </div>

            {!! Form::close() !!}
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="edit-slide-responsive" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-full">
            <div class="modal-content">
                {{ Form::open([ 'url' => 'admin/courses/slides/edit', 'files'=>true ,'id'=>'edit_slides']) }}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Modify Slides</h4>
                </div>
                <div class="modal-body">
                    <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                        <div class="row">
                            <div class="form-alert-edit"></div>
                            <div class="col-md-6">
                                <div class="form-group col-md-12">
                                        <label>Chapter Name</label>
                                        <input type="text" id="old_chapter_name" class="form-control" readonly value="">
                                        <!-- <select id="old_chapter_name" class="form-control select2" readonly value="">
                                            <optgroup label="Chapter">
                                                @foreach($chapter as $c)
                                                    <option value="{{$c->chapters}}" {{ ($c->id == $record->course_id ?'selected':'disabled' ) }}>{{$c->name}}</option>
                                                @endforeach
                                            </optgroup>
                                        </select> -->
                                        <input type="hidden" id="slide_id" class="form-control" readonly name="section_id" value="">
                                </div>
                                <ul class="nav nav-tabs">
                                    <li class="active"><a data-toggle="tab" href="#slide-en">{{__('lang.en')}}</a></li>
                                    <li><a data-toggle="tab" href="#slide-es">{{__('lang.es')}}</a></li>
                                </ul>
                                @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                <div id="slide-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                    <div class="form-group col-md-12">
                                            <label>Slide Title</label>
                                            @if($lang!='en')
                                            {{ Form::text('lang['.$lang.'][content][title]', old('lang['.$lang.'][content][title]') ,['class' => 'form-control slider-title','id'=>'name']) }}
                                            @else
                                            <input type="text" id="slide_title" class="form-control" name="title" value="">
                                            @endif
                                    </div>
                                </div>
                                @endforeach
                            
                                <div class="form-group col-md-12">
                                    <input type="hidden" class="form-control" readonly name="chapter_id" value="">
                                </div>
                            </div> <!--col-md-6-->
                            <div class="col-md-6">
                                <div class="row">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a data-toggle="tab" href="#slide-des-en">{{__('lang.en')}}</a></li>
                                        <li><a data-toggle="tab" href="#slide-des-es">{{__('lang.es')}}</a></li>
                                    </ul>
                                    @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                    <div id="slide-des-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                        <div class="form-group col-md-12">
                                            <label for="editor3" class="control-label">Reading material</label>
                                            @if($lang!='en')
                                            {{ Form::textarea('lang['.$lang.'][content][description]', old('lang['.$lang.'][content][description]') ,['class' => 'form-control lang_ck_description slider-descr','id'=>$lang.'-description','rows'=>15]) }}
                                            @else
                                            <textarea name="description"  id="editor3" class="ckeditor form-control" value="" rows="15" required></textarea>
                                            @endif
                                        </div>
                                    </div>
                                    @endforeach
                            </div>
    
                        </div> <!--row-->
                    </div>
    
                </div>
                <div class="modal-footer footer-spacing">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn green" id="save_chapter">Update</button>
                </div>
    
                {!! Form::close() !!}
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div id="add-responsive" class="modal fade in" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            {!! Form::open([ 'url' => 'admin/chapter/create', 'files'=>true ,'id'=>'add_chapters']) !!}

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Add New Chapter</h4>
            </div>

            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="row">

                    <div class="form-alert-edit"></div>
                        <div class="col-md-12">
                            <div class="form-alert"></div>
                            <div class="form-group">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a data-toggle="tab" href="#en">{{__('lang.en')}}</a></li>
                                    <li><a data-toggle="tab" href="#es">{{__('lang.es')}}</a></li>
                                </ul>
                                <label>Name</label>
                                <input type="text" id="chapter_name" class="form-control" name="name" value="{{ old('name')}}">
                                <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" >
                            </div>

                            {{-- <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group row last">
                                        <label class="control-label col-md-3">Reading material</label>
                                        <div class="col-md-12">
                                            <textarea id="editor1" class="ckeditor form-control ck_description" name="editor1" rows="6" required></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}

                            <div class="row">
                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-radios">
                                        <label>Status</label>
                                        <div class="md-radio-inline">
                                            <div class="md-radio">
                                                {{ Form::radio('status' ,'1' ,null,['class' => 'md-radiobtn','id' => 'Running']) }}
                                                <label for="Running">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Active
                                                </label>
                                            </div>
                                            <div class="md-radio">
                                                {{ Form::radio('status','0', null, ['class' => 'md-radiobtn','id'=>'Stop']) }}
                                                <label for="Stop">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Deactive 
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-6 ">
                                    <div class="form-group">
                                        <label>Duration</label><br>
                                        <input type="text" class="form-control" placeholder="duration in minutes only" name="duration" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-9">
                                    <label class="pull-left">Select Video / Audio file</label>
                                </div>
                                <div class="col-md-3">
                                    <label class="pull-right">Add / Remove</label>
                                </div>
                                <div class="field_wrapper">
                                    <div class="block add_block field-container-0">

                                        <div class="col-md-10">
                                            <div class="fileinput fileinput-new pull-left" data-provides="fileinput" id="chapter-media-0">
                                                <div class="input-group input-large">
                                                    <div class="form-control uneditable-input input-fixed input-large" data-trigger="fileinput">
                                                        <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                                        <span class="fileinput-filename video-name-0"></span>
                                                    </div>

                                                    <span class="input-group-addon btn default btn-file">

                                                        <span class="fileinput-new"> Select file </span>
                                                        <span class="fileinput-exists"> Change </span>

                                                        <input type="hidden" value="" name="file[0]" > <input type="file" name="file[0]" id="file" > </span>
                                                    <a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <a href="javascript:;" onclick="addField()" class="btn green add-field"><i class="fa fa-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div><!-- col-md-12-->


                    </div><!-- row-->
                </div>
            </div> <!-- modal-body-->          
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                <button type="submit" class="btn green" id="save_chapter"  >Save</button>
            </div>

            {!! Form::close() !!}

        </div>
    </div>
</div>

<div id="add-new-slide" class="modal fade in" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            {!! Form::open([ 'url' => 'admin/chapter/create', 'files'=>true ,'id'=>'add_new_slides', 'class' => 'clear_slide_form']) !!}

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Add New Slides</h4>
            </div>

            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="row">

                        <div class="col-md-12">

                            <div class="form-alert"></div>
                            <div class="form-group">
                                <label>Slide Title</label>
                                <input type="text" id="add_slide_title" class="form-control" name="slide_title" value="">
                                {{-- <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" > --}}
                            </div>
                            <div class="form-group">
                                <label>Chapter #</label>
                                <!-- <input type="text" id="chapter_number" class="form-control" name="slide_title" value=""> -->
                                <input type="hidden" name="course_id" value="{{ $record['course_id'] }}" >
                                <select id="chapter_number" class="form-control select2" id="chapter_number" name="chapter_id">
                                    <option></option>
                                    <optgroup label="Chapter">
                                        @foreach($chapter as $c)
                                            <option value="{{$c->chapter_id}}" {{ ($c->chapter_id == $record->course_id ?'selected':'' ) }}>{{$c->name}}</option>
                                        @endforeach
                                    </optgroup>
                                </select>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group row last">
                                        <label class="control-label col-md-3">Reading material</label>
                                        <div class="col-md-12">
                                            <textarea id="editor1" class="ckeditor form-control" name="editor1 ck_description" rows="6" required></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- col-md-12-->
                    </div><!-- row-->
                </div>
            </div> <!-- modal-body-->          
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                <button type="submit" class="btn green" id="save_chapter"  >Save</button>
            </div>

            {!! Form::close() !!}

        </div>
    </div>
</div>

@endsection

@section('footerScripts')

@if (!empty($video) && $video['name'] != '')
<script>
    
    $("#course-video").removeClass("fileinput-new");
    $("#course-video").addClass("fileinput-exists");
    $('#course-video-name').text("");
    $('#video-change-btn').attr('disabled' ,true);
    
    function deleteCourseVideo(courseVideoId) {
//        alert(courseVideoId);
        $.ajax({
            type: 'DELETE',
            dataType: "JSON",
            url:  Globals.url +'/admin/courses/'+ courseVideoId+'/deleteVideo',
            cache: false,
            success: function (response) {
//                console.log(response);
                if (response.error == true) {
//                    alert("error");
//                    alert(response.message);
                } else {
//                    alert("no error");
                    $('#video-change-btn').attr('disabled' ,false);
//                        alert(response.message);
                        
            }
            },
        });
    }
    
    
    
</script>
@endif


<script>
    var Globals =