@extends('master/index')

@section('content')

{{ HTML::style('static/css/createcourse/easy-responsive-tabs.css') }}
{{ HTML::style('static/css/createcourse/tab.css') }}

<style type="text/css">
#cropContaineroutput{ width:400px; height:225px; position: relative; border:1px solid #ccc;}
.cropControls i.cropControlReset{ background-position:-180px 0px;}
.cropControls i{position: relative;z-index: 9999;}
.cropControls i{display:block;float:left;margin:0;cursor:pointer;background-image:url('{{url()}}/static/img/cropperIcons.png');width:30px;height:30px;text-align:center;line-height:20px;color:#FFF;font-size:13px;font-weight: bold;font-style: normal;}
.cropControls i:hover{ background-color:rgba(0,0,0,0.7);  }
.cropControls i.cropControlZoomMuchIn{ background-position:0px 0px;}
.cropControls i.cropControlZoomIn{ background-position:-30px 0px; }
.cropControls i.cropControlZoomOut{ background-position:-60px 0px; }
.cropControls i.cropControlZoomMuchOut{ background-position:-90px 0px; }
.cropControls i.cropControlCrop{ background-position:-120px 0px;}
.cropControls i.cropControlUpload{ background-position:-150px 0px;}
.cropControls i.cropControlReset{ background-position:-180px 0px;}
.cropControls i.cropControlRemoveCroppedImage{ background-position:-180px 0px;}
.cropControls i:last-child{margin-right:none;}
.vjs-default-skin .vjs-big-play-button {background-color: rgba(7, 20, 30, 0.7);border: 0.1em solid #3b4249;border-radius: 65px;box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
    cursor: pointer;display: block;font-size: 3em;height: 88px;left: 242px;opacity: 1;position: absolute;right: 226px;
    text-align: center;top: 95px;transition: all 0.4s ease 0s;vertical-align: middle;width: 88px;z-index: 2;}
.video_align > input {min-height: 25px;margin: 10px 5px!important;}
.video_newalign > input {margin: 10px 5px;}
.fa.fa-plus {color: #FFFFFF;font-size: 20px;}
h2.newresp-accordion{display:none;margin: 0 -20px;border: 1px solid #DDD;text-align: left;font-size: 16px;padding-left: 40px;}
.progressbar-wrapper{display:none;width: 400px;height:30px;border: 1px solid #ff871a;border-radius: 5px;margin:0 auto;}
.progressbar-value{width: 0%;height:30px;background: rgb(255,215,120);
background: -moz-linear-gradient(top, rgba(255,215,120,1) 0%, rgba(255,135,26,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,215,120,1)), color-stop(100%,rgba(255,135,26,1)));
background: -webkit-linear-gradient(top, rgba(255,215,120,1) 0%,rgba(255,135,26,1) 100%);
background: -o-linear-gradient(top, rgba(255,215,120,1) 0%,rgba(255,135,26,1) 100%);
background: -ms-linear-gradient(top, rgba(255,215,120,1) 0%,rgba(255,135,26,1) 100%);
background: linear-gradient(to bottom, rgba(255,215,120,1) 0%,rgba(255,135,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd778', endColorstr='#ff871a',GradientType=0 );}
.progress-error{font-size:18px;	width:100%;	text-align:center;}
#pricetab{display:none;}
.video_text{width:360px;height:150px;margin: 0 auto;text-align:center;padding-top:114px;font-size:18px;font-family:'roboto',sans-serif;font-size: 30px;font-weight: 400;color: #333333;line-height: 30px;}
@media only screen and (max-width: 768px) {
	.category_rightoption{float:left !important;}
	#BasiceDetailes{height:750px;}
	.category_option{height:80px;}
	select.category_option{height:40px;}
	h2.newresp-accordion{display:block;}
	.growsign{display:none;}
}
video{background:#000 !important;}
</style>

<script type="text/javascript">
function areyousure()
{
    return confirm('Are you sure want to delete');
}
</script>

{{ Form::open(array('files'=> true)) }}
{{ Form::hidden('course_id',$course->course_id,array('id'=>'course_id')) }}

<div class="container">

    <div class="course_tab clsClearfix">

        <div id="verticalTab">

            <ul class="resp-tabs-list">
                <li class="main-leftmenu"><span>GETTING STARTED</span></li>
                <li class="main-leftmenu"><span class="toggletabs">COURSE CONTENT <span class="growsign">+</span></span>
                    <ul id="countrytabs" class="shadetabs" style="display:none;">
                     <li><a href="#" rel="BasiceDetailes" class="selected">&raquo; Basics</a></li>
                     <li><a href="#" rel="DetailDetailes">&raquo; Details</a></li>
                     <li><a href="#" rel="ImageDetails">&raquo; Image</a></li>
                     <li><a href="#" rel="VideoDetails">&raquo; Promo Video</a></li>
                     <li><a href="#" rel="PrivacyDetailes">&raquo; Privacy</a></li>
                     <li><a href="#" rel="PricingDetails">&raquo; Pricing</a></li>
                    </ul>
                </li>
                <li class="main-leftmenu"><span>DANGER ZONE</span></li><li class="main-leftmenu"><span>CURRICULUM</span></li>
            </ul>
            
            <div class="resp-tabs-container"> 
            <span id="errormsg" class="errorcolor"></span>   
            <input type="hidden" id="currenttab" name="currenttab" value="">
            <div>
                <div class="slider_divsblocks">
                    <h2>Getting Started</h2>
                    <h3 class="GetStartedTitle">Create Your course <span class="arr"></span></h3>

                    <div class="GetStartedContent">
                        <div class="status-tabs-content">
                            <h4 class="fxac">Prepare - Connect with Udemy and fellow instructors.</h4>
                            <p>Join the Udemy Studio on Facebook, Udemy's online instructor community where you can get help and feedback on your course from hundreds of other instructors. </p>
                            <p>Take our How-To-Create-A-Course Course; we'll walk you through every step of creating your Udemy course. </p>
                            <h4 class="fxac">Plan - Make creating your course a breeze.</h4>
                            <p> Set your learning objective and determine your audience. What are you teaching? Who are you teaching?   </p>
                            <h4 class="fxac">
                            Produce &ndash; Build the heart of your course.  </h4>
                            <p>Set the price of your course and complete your premium instructor application so we can pay you. Or skip this step to leave your course free. </p>
                        </div>
                    </div>

                    <h3 class="GetStartedTitle">Submitting your course for review <span class="arr"></span></h3>

                    <div class="GetStartedContent">
                        <div class="status-tabs-content">
                            <h4 class="fxac">Prepare - Connect with Udemy and fellow instructors.</h4>
                            <p>Join the Udemy Studio on Facebook, Udemy's online instructor community where you can get help and feedback on your course from hundreds of other instructors. </p>
                            <p>Take our How-To-Create-A-Course Course; we'll walk you through every step of creating your Udemy course. </p>
                            <h4 class="fxac"> Plan - Make creating your course a breeze.</h4>
                            <p> Set your learning objective and determine your audience. What are you teaching? Who are you teaching?   </p>
                            <h4 class="fxac"> Produce &ndash; Build the heart of your course.  </h4>
                            <p> Set the price of your course and complete your premium instructor application so we can pay you. Or skip this step to leave your course free. </p>
                        </div>
                    </div>

                    <h3 class="GetStartedTitle">After publishing your course <span class="arr"></span></h3>

                    <div class="GetStartedContent">
                        <div class="status-tabs-content">
                            <h4 class="fxac">Prepare - Connect with Udemy and fellow instructors.</h4>
                            <p>Join the Udemy Studio on Facebook, Udemy's online instructor community where you can get help and feedback on your course from hundreds of other instructors. </p>
                            <p>Take our How-To-Create-A-Course Course; we'll walk you through every step of creating your Udemy course. </p>
                            <h4 class="fxac">Plan - Make creating your course a breeze.</h4>
                            <p> Set your learning objective and determine your audience. What are you teaching? Who are you teaching?   </p>
                            <h4 class="fxac">Produce &ndash; Build the heart of your course.  </h4>
                            <p>Set the price of your course and complete your premium instructor application so we can pay you. Or skip this step to leave your course free. </p>
                        </div>
                    </div>
                </div>
            </div>  

        <!-- Course Coneten -->
        <div>
            <!--ul id="countrytabs" class="shadetabs">
                <li><a href="#" rel="BasiceDetailes" class="selected">Basics</a></li>
                <li><a href="#" rel="DetailDetailes">Details</a></li>
                <li><a href="#" rel="ImageDetails">Image</a></li>
                <li><a href="#" rel="VideoDetails">Promo Video</a></li>
                <li><a href="#" rel="PrivacyDetailes">Privacy</a></li>
                <li><a href="#" rel="PricingDetails">Pricing</a></li>
            </ul-->

            <div style="max-width:100%; margin-bottom: 1em;margin:0 20px; ">

            <!-- Basics -->
			<h2 class="newresp-accordion" role="tab" aria-controls="tab_item-2"><span class="resp-arrow"></span><span>&raquo; Basics</span></h2>
            <div id="BasiceDetailes" class="tabcontent tabconts">
                <div class="course_basic">
                <div class="course_basic course_newbasic course_basic">Basics<h5>Add and modify the basic elements of your course.</h5></div>
                <div class="course_title">Title</div>
                 <div class="title_txt">                 
                {{ Form::text('title',$course->course_title,array('class'=>'course_textbox','placeholder'=>'E.g. Learn Photoshop CS6','maxlength' => 60, 'onkeypress'=>'max_text($(this),60)')) }}
                <span class="textBoxLimit newtextBoxLimit">{{60-strlen($course->course_title)}}</span>
                </div>
                <div class="course_title">SubTitle</div>
                {{ Form::textarea('subtitle',$course->subtitle,array('class'=>'course_newsubtextbox','placeholder'=>'E.g. A-Z guide to creating amazing images and clips using the newest version of industry\'s preferred software.')) }}
                <div class="course_title">Keywords</div>
                <input type="text" autocomplete="off" value="{{$course->keywords}}" name="tags" id="tagit" placeholder="Tags" class="course_textbox tm-input tm-input-success new-input" data-original-title=""/>               
                
                    <div class="category_option clsClearfix">
                       <div class="course_ctitle new_ctitle">Category</div>
                        <select name="cat_id" class="category_option" required>
                        <option value="9">-- Select Category --</option>
                        @foreach(siteCategories() as $category)
                        @if($category->id == $course->cat_id)
                        <option value="{{ $category->id }}" selected="selected">{{ $category->name }}</option>
                        @else
                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                        @endif
                        @endforeach
                        </select>
                    </div>
              
                    <div class="category_rightoption clsClearfix">
                    
            <div class="course_ctitle new_ctitle">Language</div>
                        <select name="lang_id" class="category_option" required>
                            <option value="40">{{ t('Select Language') }}</option>
                            @foreach(siteLanguage() as $language)
                            @if($language->id == $course->lang_id)
                            <option value="{{ $language->id }}" selected="selected">{{ $language->native_name }}</option>
                            @else
                            <option value="{{ $language->id }}">{{ $language->native_name }}</option>
                            @endif
                            @endforeach
                        </select>
                    </div>
             <div class="submit_btn">
                 
                    <input type="submit" name="" value="Save" class="course_next new_save">           
                 </div>
                </div>

            </div>

            <!-- Basics -->

            <!-- Detailes -->
			<h2 class="newresp-accordion" role="tab" aria-controls="tab_item-3"><span class="resp-arrow"></span><span>&raquo; Details</span></h2>
        <div id="DetailDetailes" class="tabcontent tabconts">
            
             <div class="course_basic course_newbasic course_basic">Details<h5>Add and modify all the details about your course.</h5>
            
                    <div class="course_ctitle">Course Summary:</div>
                    {{ Form::textarea('description',$course->description,array('class'=>'ckeditor ck_mrg')) }}

                    <div class="course_ctitle">Course Goal and Objectives:</div>
                    <ul class="course_goal_ul sortable_ul sortable_scroll ui-sortable "> 
                    @php(  $key_goal = explode('--txt--', $course->course_goal) )
                        @if($key_goal[0] != '')
                           @php $i=1; @endphp
                            @foreach ($key_goal as $key => $value)
                            <li> {{$value}}<a class="pull-right course_goal{{$i}}" onclick="delete_li('course_goal','{{$i}}')" href="javascript:void(0)"><i class="fa fa-trash-o colors color_icon"></i></a>
                            <a class="pull-right" href="javascript:void(0)"><i class="fa fa-align-justify justify_color"></i></a></li>
                       @php  $i++; @endphp
                        @endforeach
                        @endif
                    </ul>
                    <input type="text" id="course_goal" class="course_textbox tm-input" />
                    <input type="button" id="course_goal_btn" onclick="common_add('course_goal')" class="button_color btn" value="Add" />
                    <textarea style="display:none" name="course_goal" id="course_goal_text">{{$course->course_goal}}</textarea>

                    <div class="course_ctitle">Intended Audience:</div>
                    <ul class="int_audience_ul sortable_ul sortable_scroll ui-sortable"> 
                    @php ( $key_goal = explode('--txt--', $course->int_audience) )
                        @if($key_goal[0] != '')
                          @php $i=1; @endphp
                           @foreach ($key_goal as $key => $value)
                            <li> {{$value}}<a class="pull-right int_audience{{$i}}" onclick="delete_li('int_audience','{{$i}}')" href="javascript:void(0)"><i class="fa fa-trash-o colors"></i></a>
                            <a class="pull-right" href="javascript:void(0)"><i class="fa fa-align-justify justify_color"></i></a></li>
                        @php $i++; @endphp
                        @endforeach
                        @endif
                    </ul>
                    <input type="text" id="int_audience" class="course_textbox tm-input"/>
                    <input type="button" id="int_audience_btn" onclick="common_add('int_audience')" class="button_color btn" value="Add" />
                    <textarea style="display:none" name="int_audience" id="int_audience_text">{{$course->int_audience}}</textarea>

                    <div class="course_ctitle">Course Requirements:</div>
                    <ul class="course_req_ul sortable_ul sortable_scroll ui-sortable"> 
                    @php( $key_goal = explode('--txt--', $course->course_req) )
                         @if($key_goal[0] != '')
                          @php $i=1; @endphp
                           @foreach ($key_goal as $key => $value)
                            <li> {{$value}}<a class="pull-right course_req{{$i}}" onclick="delete_li('course_req','{{$i}}')" href="javascript:void(0)"><i class="fa fa-trash-o colors"></i></a>
                            <a class="pull-right" href="javascript:void(0)"> <i class="fa fa-align-justify justify_color"></i></a></li>
                        @php ($i++ )
                            @endforeach
                        @endif
                    </ul>
                    <input type="text" autocomplete="off" id="course_req" class="course_textbox tm-input tm-input-large"/>
                    <input type="button" id="course_req_btn" onclick="common_add('course_req')" class="button_color btn" value="Add" />
                    <textarea style="display:none" name="course_req" id="course_req_text">{{$course->course_req}}</textarea>

                    <div class="course_ctitle">Instructional Level:</div>
                    <span class="remove_mrg">{{Form::radio('course_level', '1', ($course->course_level == 1) ? true : false, array('class'=>'')) }} <span class="opt_class">Introductory</span></span>
                    <span class="remove_mrg">       {{Form::radio('course_level', '2', ($course->course_level == 2) ? true : false, array('class'=>'')) }} <span class="opt_class">Intermediate</span></span>
                    <span class="remove_mrg">     {{Form::radio('course_level', '3', ($course->course_level == 3) ? true : false, array('class'=>'')) }}<span class="opt_class"> Advanced</span></span>
                    <span class="remove_mrg">    {{Form::radio('course_level', '4', ($course->course_level == 4) ? true : false, array('class'=>'')) }} <span class="opt_class">All Levels (Comprehensive)</span></span>
                    <input type="submit" name="" value="Save" class="course_next">  
            </div>
        </div>

            <!-- Detailes -->

            <!-- Image Details -->
			<h2 class="newresp-accordion" role="tab" aria-controls="tab_item-4"><span class="resp-arrow"></span><span>&raquo; Image</span></h2>
        <div id="ImageDetails" class="tabcontent tabconts">
            
            <div class="course_basic">
            
                <div class="course_basic course_newbasic course_basic">Image<h5>Add an image to your course.</h5></div>
                            
                <div class="video_width clearfix">
                    <div class="media-preview-wrapper span6">
                    <div class="media-preview">
                        <div class="media">
                            <div class="notes-table">
                                <div style="position:relative; height:50%;">
                                @if($course->image == '')
                                <img src="{{ url('uploads/course/default.jpg') }}">
                                @else
                                <img class="croppedImg media_img" src="{{url().'/uploads/course/'.$course->image}}">
                                @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tip">
                        <b>TIP:</b>
                        Your beautiful, clean, non-pixelated image should be at minumum 480x270. If you want it to look great an on iPad or tablet, make it 960x540. Before you get started, please check out
                        <a target="_blank" href=""> {{ siteSettings('siteName') }}'s course images guidelines and resources here</a> .
                        <br>
                        <br>
                        <b>NOTE:</b>
                        Course images are an extremely important part of telling students you have a polished, high-quality course. We want your course image to look awesome! As such, {{ siteSettings('siteName') }} reserves the right to improve or create a custom course image for you. If we do, we'll be sure to notify you!
                    </div>
                    </div>
                </div>
                <div id="cropContaineroutput"></div>
				<div class="progressbar-wrapper">
					<div class="progressbar-value"></div>
				</div>
				<div class="progress-error"></div>
                <input type="hidden" id="error_upload" name="error_upload" value="0" />
                <input type="hidden" id="cropOutput" style="width:200px; padding:5px 4%; margin:20px auto; display:block; border: 1px solid #CCC;" />
                <input type="hidden" id="file_names" name="image_name" value="{{$course->image}}" />
                <input type="submit" name="" value="Save" class="course_next">  
            </div>
        </div>

            <!-- Image Details -->

            <!-- Video Details -->
			<h2 class="newresp-accordion" role="tab" aria-controls="tab_item-5"><span class="resp-arrow"></span><span>&raquo; Video</span></h2>
        <div id="VideoDetails" class="tabcontent V_Details tabconts">
            
            <div class="course_basic course_newbasic course_basic">Promo Video<h5>Add a promotional video to your course.</h5></div>

            <div class="video_width clearfix">
                
                <div class="media-preview-wrapper span6">
                <div class="media-preview">
                    <div class="media">
                        <div class="notes-table">
                            <div style="position:relative; height:50%;width:570px;height:264px;">            
                                <div id="video_div">
								@if($course->video)
								<video id='my_video' class='video-js vjs-default-skin' controls preload='auto' width='570' height='264' data-setup='{}'>
                                <source src='{{url()."/uploads/videos/".$course->video}}' type='{{$course->video_type}}'></video>
								@else
								<div class="video_text">Your video content will be previewed here...</div>
								@endif
                                <input type='hidden' value='{{$course->video}}' id='video_name' name='video_name' />
                                <input type='hidden' value='{{$course->video_type}}' id='video_type' name='video_type' />
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="tip">
                <b>TIP:</b>Your video to be uploaded must be mp4.If it should perfectly run with clarity on iPad or Tablet, it should be in mp4 format. Before you get started, please check out
                <a target="_blank" href=""> {{ siteSettings('siteName') }}'s course videos guidelines and resources here</a>.
                <br><br>
                <b>NOTE:</b>Following the video uploading guidelines is mandatory, especially if you want presentation to exhibit your message, in the high-quality audio-visual, and in an inspiring way. We want your course video to look awesome! As such, {{ siteSettings('siteName') }} reserves the right to improve or create a custom course video for you. If we do, we'll be sure to notify you!
                </div>
                </div>
            </div>  
            <div id="video_iframe">
            </div>
            <input type="submit" name="" value="Save" class="course_next">  
        </div>

            <!-- Video Details -->

            <!-- Privacy Details -->
			<h2 class="newresp-accordion" role="tab" aria-controls="tab_item-6"><span class="resp-arrow"></span><span>&raquo; Privacy</span></h2>
            <div id="PrivacyDetailes" class="tabcontent V_Details tabconts">
            
              <div class="course_basic course_newbasic course_basic">Privacy<h5>Set the level of privacy for your course.</h5></div>
            
            <ul id="myTab" class="privacy_tabs nav nav-tabs tab_public">
                <li class="{{{$course->privacy == 1 ? 'active' : ''}}}"><a class="selected" href="#public" data-toggle="tab">Public</a></li>
                <li class="{{{$course->privacy == 1 ? '' : 'active'}}}"><a class="selected" href="#private" data-toggle="tab">Private</a></li>
            </ul> 
            <div class="tab-content">
                <div class="tab-pane fade {{{$course->privacy == 1 ? 'in active' : ''}}}" id="public">
                     {{Form::radio('privacy', '1', ($course->privacy != 2) ? true : false, array('class'=>'privacy_pub')) }}
                     <div class="space_btw">Course is available for anyone to take on tutorial site.</div>
                </div>
               
               <div class="tab-pane fade {{{$course->privacy == 1 ? '' : 'in active'}}}" id="private">
                    <ul class="tab_ul">
                        {{Form::radio('privacy', '2', ($course->privacy == 2) ? true : false, array('class'=>'privacy_inv ')) }} Invitation Only
                      
                    </ul>
               </div>
            </div>
        
            <span id="tip">
                <strong>TIP:</strong>
                A “Public” course is available for anyone to take on {{ siteSettings('siteName') }}. A “Private” course is only accessible by a direct URL. It will not show up on {{ siteSettings('siteName') }}'s search. This is great if you have a course you'd like to offer but only to a select group.
            </span>

                <input type="submit" name="" value="Save" class="course_next">  
            </div>

            <!-- Privacy Details -->
			<h2 class="newresp-accordion" role="tab" aria-controls="tab_item-7"><span class="resp-arrow"></span><span>&raquo; Price</span></h2>
            <div id="PricingDetails" class="tabcontent V_Details tabconts">
                <div class="col-md-12 V_Details">
					<div class="course_basic course_newbasic course_basic">Price<h5>Set the price of your course.</h5></div>
					<div class="des_margin">
					<label for="description">Price Settings:</label>
					<div class="price-holder">
					<span class="price-label">Currently the course is for </span>
					<span class="new_price">{{{$course->pricing == 0 ? 'Free' : '$'.$course->pricing}}}</span>
					</div>
					<p> Click <a class="toggle-price-form" href="javascript:void(0)">here</a> to change the pricing </p>
					<div id="pricetab">
						<ul id="myTab2" class="privacy_tabs nav nav-tabs tab_public">
							<li class="{{{$course->pricing == 0 ? 'active' : ''}}}"><a class="selected set_price_free" href="#free2" data-toggle="tab">Free</a></li>
							<li class="{{{$course->pricing == 0 ? '' : 'active'}}}"><a class="selected" href="#paid2" data-toggle="tab">Paid</a></li>
						</ul> 	
						<div class="tab-content">
							<div class="tab-pane fade {{{$course->pricing == 0 ? 'in active' : ''}}}" id="free2">
								 <div class="space_btw">Your course will be free and available</div>
							</div>
						   
						   <div class="tab-pane fade {{{$course->pricing == 0 ? '' : 'in active'}}}" id="paid2">
								<ul class="tab_ul">
                                    <span class="price_dollar_span">$</span> <input type="text" name="price" class="price_text form-control" onkeypress="return isNumberKey(event)" placeholder="Set a Price(Please enter numbers only)" id="box1" value="{{$course->pricing}}" />
									 <span id="price_span"></span>
                                    <!--$ <input type="text" name="price" class="price_text form-control" placeholder="Set a Price" value="{{$course->pricing}}" />-->
								</ul>
						   </div>
						</div>
					</div>
                </div>
                <input type="submit" name="" value="Save" class="course_next"> 
                </div> 
            </div>

            </div>
        </div>

        <!-- Course Coneten -->

                <!-- Manage Instructor -->

                <!-- <div>
                    <div class="col-md-12 col_space">
                    <label for="description"><h2>Manage Instructors:</h2></label>
                        <h3>Create your course outline and add your course materials.</h3>
                    <div class="table-responsive add_newspace">
                        <table class="table table-bordered table-hover">
                            <thead><tr><th>Instructor</th><th>Visible</th><th>Can Edit</th><th>Delete</th></tr></thead>
                            <tbody id="insturction_tr">
                            <tr>
                                <td>{{Auth::user()->fullname}}</td>
                                <td>{{Form::checkbox('1','TRUE', true)}}</td>
                                <td>{{Form::checkbox('2','TRUE', true,array('disabled'=>'disabled'))}}</td>
                                <td></td>
                            </tr>
                            
                                                        </tbody>
                        </table>
                    </div>
                    <input type="text" id="get_instruction" class="form-control form_text add_newspace"/> 
                    <input type="hidden" id="get_id" class="form-control"/> 
                    <input type="button" id="add_instruction " class="button_color btn add_newspace" value="Add">
                    <input type="submit" name="" value="Save" class="course_next">  
                    </div>
                </div> -->

                <!-- Manage Instructor -->

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
                <!-- Danger Zone -->

                <div>
                    <div class="col-md-12 col_space">
                    
                    
                        <label for="description"><h2>Danger Zone</h2></label>
                        <h3>Create your course outline and add your course materials.</h3>
                        
                    
                    <script>
                    function un()
                    {
                        //alert("unpublished");
                    }
                    </script>
                    <div class="col_header">
                         <h4>Unpublish Your Course</h4>

                            Your course is not published yet. In the future, you can unpublish your course here!
                                                    <h4>Remove Your Course</h4>
                            
                            When you remove your course, there is no going back!

                            Please think twice before removing it.

                           <a href="{{ url('deleteCourses/'.$course->course_id) }}" onclick="return areyousure();" class="btn btn-danger">Remove</a>
                        </div>
                </div>
                </div>

                <!-- Danger Zone -->
                
                <!--Curriculam-->

                                                                                    
                <div>
                    
                    <label for="description" class="cur_h2"><h2>Curriculum</h2></label>
                 <h3>Create your course outline and add your course materials.</h3>
                    <ul id="curriculum_ul" class="sortable_ul sortable_new">
                    @if($course->curriculum == '')
                                                                                <li class="ui-state-default curriculum_ul_li ul_main ul_padd main_li_curriculum"> 
                        <!-- <a class="pull-right glyphicon glyphicon-trash DeleteTitle" href="javascript:void(0)"></a>
                        <a class="pull-right glyphicon glyphicon-edit" onclick="return EditTitle('Section',$(this))" href="javascript:void(0)"></a>
                        <a class="pull-left glyphicon glyphicon-align-justify"><i class="fa fa-align-justify justify_color"></i></a> -->
                        <a class="pull-right" onclick="return EditTitle('Section',$(this))" href="javascript:void(0)"><i class="fa fa-pencil-square-o color_icon"></i></a>
                        <a class="pull-left justify_color"><i class="fa fa-align-justify justify_color"></i></a>
                        
                       <span class="main_title cur_h3 text_color">Section</span><span>1</span><span class="close_new"> : </span><span class="SectionPTage title_text cur_h3 text_color">My First Section</span>
                        <div class="SectionEditDiv" style="display:none">
                        <input type="text" class="SectionEditText form-control edit_title" maxlength="80" name="section[]"><span class="charCount">80</span>
                        <input type="button" class="SectionEditButton btn" value="Save">
                        </div>
                        <div class="file_div clearfix" style="display:none;"> 
                        <input type='hidden' value='' class='lectureFileName'/>
                        <input type='hidden' value='' class='lectureFileType'/>
                        <textarea class='form-control lectureDescription' style="display:none"></textarea>
                        </div>
                        </li>

                        <li class="ui-state-default curriculum_ul_li ul_main ul_padd sub_li_curriculum">  
                        <a class="pull-left justify_color"><i class="fa fa-align-justify justify_color"></i></a>
                        <a class="pull-right DeleteTitle" onclick="return DeleteTitleFunction($(this))" href="javascript:void(0)"><i class="fa fa-trash-o colors color_icon"></i></a>
                        <a class="pull-right" onclick="return EditTitle('Lecture',$(this))" href="javascript:void(0)"><i class="fa fa-pencil-square-o color_icon"></i></a>
                        <a class="pull-right AddContentClass" onclick="return AddContent('Lecture',$(this))" href="javascript:void(0)"><i class="fa fa-plus color_icon"></i></a>
                        <span class="main_title cur_h3">Lecture</span><span>1</span> : <span class="LecturePTage title_text cur_h3">My First Lecture</span>
  
                        <div class="LectureEditDiv clearfix" style="display:none">
                            <input type="text" class="LectureEditText form-control" maxlength="50" name="lecture[]">
                            <input type="button" class="LectureEditButton btn" value="Save">
                        </div>
                        
                        <div class="AddLectureContentDiv clearfix" style="display:none">
                            <div class="file_div clearfix" style="display:none">  
                                <input type='hidden' value='' class='lectureFileName'/>
                                <input type='hidden' value='' class='lectureFileType'/>
                                <textarea class='form-control lectureDescription' style="display:none"></textarea>  
                            </div>
                            <div class="add_contents clearfix"></div>                    
                        </div>
                                                
                        </li>
                        
                        @else
                        
                            @for ($j=0; $j < $curri_count; $j++)
                                                        @if($curriculum->MainTitle[$j] == 'Section')
                                                        @else
                                                        @endif

                            <li class="ui-state-default curriculum_ul_li ul_main  ul_padd {{$class}}"> 
                            <a class="pull-right DeleteTitle" onclick="return DeleteTitleFunction($(this))" href="javascript:void(0)"><i class="fa fa-trash-o colors color_icon"></i></a>
                            <a class="pull-right" onclick="return EditTitle('{{$curriculum->MainTitle[$j]}}',$(this))" href="javascript:void(0)"><i class="fa fa-pencil-square-o color_icon"></i></a>
                            @if($curriculum->MainTitle[$j] == 'Lecture' || $curriculum->MainTitle[$j] == 'Quiz' )
                            <a class="pull-right AddContentClass" onclick="return AddContent('{{$curriculum->MainTitle[$j]}}',$(this))" href="javascript:void(0)"><i class="fa fa-plus color_icon"></i></a>
                            @endif
                            <a class="pull-left"><i class="fa fa-align-justify justify_color"></i></a>
                            <span class="main_title cur_h3">{{$curriculum->MainTitle[$j]}}</span> 
                            @if($curriculum->MainTitle[$j] == 'Section')
                            <span class="cur_sec_count" id="cur_sec_count{{$jval+1}}">{{$jval+1}}</span>
                                                        @endif
                            @if($curriculum->MainTitle[$j] == 'Lecture')
                            <span class="cur_lec_count" id="cur_lec_count{{$kval+1}}">{{$kval+1}}</span>
                                                        @endif
                            @if($curriculum->MainTitle[$j] == 'Quiz' )
                            <span class="cur_quiz_count" id="cur_quiz_count{{$lval+1}}">{{$lval+1}}</span>
                                                        @endif
                            : <span class="{{$curriculum->MainTitle[$j]}}PTage title_text cur_h3">{{$curriculum->title[$j]}}</span>
                            <div class="{{$curriculum->MainTitle[$j]}}EditDiv" style="display:none">
                            <!--<input type="text"   maxlength="80" class="{{$curriculum->MainTitle[$j]}}EditText form-control edit_title" value="" /><span class="charCount">80</span>-->
                            <input type="text" id="edit_ti" name="edit_ti" maxlength="80" class="{{$curriculum->MainTitle[$j]}}EditText form-control edit_title" value="" /><span class="charCount">80</span>
                            <div class="divblock">
                                <input type="hidden" id="lectureidval" value="{{$kval+1}}">
                                <input type="button"  class="{{$curriculum->MainTitle[$j]}}EditButton btn" value="Update" >
                                <input type="button" class="btn" onclick="return CloseEdit('{{$curriculum->MainTitle[$j]}}EditDiv')" value="Cancel">
                            </div>
                            </div>
                           

                            @if($curriculum->MainTitle[$j] == 'Lecture')
                            <div class="Add{{@$curriculum->MainTitle[$j]}}ContentDiv" style="display:none">

                                <div class="file_div clearfix" style="display:none">
                                    <input type='hidden' value='' class='lectureFileName'/>
                                    <input type='hidden' value='' class='lectureFileType'/>
                                    <textarea style="display:none" class='form-control lectureDescription'></textarea>
                                </div>
                                                                    @for($k=0; $k < $file_count; $k++)
                                                                        @if($curriculum->file_type[$j][$k] != '')
                                    <input type="button" value="Save and Close" onclick="CloseDivFunction($(this))" class="btn Close_Div">
                                    <div class="file_div clearfix">
                                        <a class="pull-right DeleteContent" onclick="DeleteContentFunction($(this))" href="javascript:void(0)"><i class="fa fa-trash-o colors color_icon"></i></a>
                                        @if($curriculum->file_type[$j][$k] == 'audio/mpeg')
                                            <audio controls><source src='{{url()."/uploads/videos/".$curriculum->file_name[$j][$k]}}' type='{{$curriculum->file_type[$j][$k]}}'></audio>
                                        @elseif($curriculum->file_type[$j][$k] == 'video/mp4' || $curriculum->file_type[$j][$k] == 'video/x-flv')
                                            <video id='my_video_lecture' class='video-js vjs-default-skin' controls preload='auto' width='275' height='200' data-setup='{}'>
                                            <source src='{{url()."/uploads/videos/".$curriculum->file_name[$j][$k]}}' type='{{$curriculum->file_type[$j][$k]}}'></video>
                                        @elseif($curriculum->file_type[$j][$k] == 'text/plain')