@extends('layouts.course1')
@section('content')
<section class="newpage">
    <div class="innermenu">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <div class="link-path">
                        <ul>
                            <li><a href="{{ url('/coachingdashboard')}}" >Dashboard</a></li>
                            <li>/</li>
                            <li class="active"  ><a href="{{ url('/exercise/')}}" >Exercises </a></li>
                            <li>/</li>
                            <li class="active">Edit a Exercise</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="course-setup-tab">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <div class="jobs-list">
                        <div class="boxes">
                            <div class="jobslist">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li>
                                        <a class="active" data-toggle="tab" id="extab1" href="#exctabs-1" role="tab">Exercise Setup</a>
                                    </li>
                                    <li>
                                        <a   id="extab2" onclick="gotoquestions()" >Questions</a>
                                    </li>
                                   <!--  <li>
                                        <a data-toggle="tab" id="extab3" href="#exctabs-3" role="tab">Schedule</a>
                                    </li>
                                   <li>
                                        <a data-toggle="tab" href="#tabs-4" role="tab">Pricing</a>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-main-cont">
                <div class="tab-content">
                    <div class="tab-pane active" id="exctabs-1" role="tabpanel">

						  <form id="update_exercise_setup" name="update_exercise_setup" class="form-horizontal" method="POST"
                              action="{{ url('/update_exercise_setup')}}" enctype="multipart/form-data">
							   <input type="hidden" name="e_exercise_id" id="e_exercise_id" value="" />
							   <input type="hidden" name="exercise_id_live" id="exercise_id_live" value="" />
                 <div class="row">
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <div class="boxes mt-4">
                                    <div class="course-setup">
                                        <div class="course-overview">
                                            <h4>Exercise Overview</h4>
                                           <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, est?
                                            </p> -->
                                        </div>
                                        <div class="course-overview-inputs">

                                                <div class="row">
                                                    <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                      <div class="float-items1">
                                                        <div class="floating-label">
                                                          <label>Exercise Title <span>*</span></label>
                                                            <input class="floating-input" name="exc_title" id="exc_title" type="text" placeholder="Enter Exercise Title" value="" >

                                                        </div>
                                                    </div></div>
                                                    <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                      <div class="float-items1">
                                                        <div class="floating-label">
                                                          <label>Exercise Subtitle <span>*</span></label>
                                                            <input class="floating-input" name="exc_sub_title" id="exc_sub_title" type="text" placeholder="Enter Exercise Subtitle " value="" >

                                                        </div>
                                                    </div></div>
													                            <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="float-items1">
                                                        <div class="floating-label">
                                                          <label>Exercise Price <span>*</span></label>
                                                            <input class="floating-input" name="exc_price" id="exc_price" type="text"  placeholder="Enter Exercise Price" value="" >

                                                        </div>
                                                    </div></div>
													
													 <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
												  <div class="floating-label newselect">
													<label>Add Author  <span>*</span></label>
													<div class="add-authors">
													  <select class="selectpicker" name="exc_coach_id" id="exc_coach_id" >
														<option value="">Please Select Author </option>
														@foreach($coaches as $co)
														  <option  value=""></option>
														@endforeach
													  </select>
													</div>

												  </div>
												  <label id="exc_coach_id-error" class="error" for="exc_coach_id"
														 style="visibility: visible; color: red;">&nbsp;</label>
												</div>
											
                                                   <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
												  <div class="floating-label  newselect">
													<label>Course Category <span>* </span></label>
													<div class="add-authors">
													  <select class="selectpicker" name="exc_category_id" id="exc_category_id" onchange="change_excategory()"   >
														
														 
														<option value="">Select Category</option>
														@foreach($category as $cat)
														  <option  value=""></option>
														@endforeach
															
													  </select>
													</div>
												  </div>
												  <label id="exc_category_id-error" class="error" for="exc_category_id"
														 style="visibility: visible; color: red;">&nbsp;</label>
												</div>
																								<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
													  <div class="floating-label newselect">
														<label>Skills <span>*</span></label>
														<div class="add-authors" id="exskills">
														  <select class="selectpicker" name="exc_skill_id[]" id="exc_skill_id" multiple  >
															@foreach($skills as $sk)
															  <option   value=""> </option>
															@endforeach
															
														  </select>
														</div>
													  </div>
													  <label id="exc_skill_id-error" class="error" for="exc_skill_id"
															 style="visibility: visible; color: red;">&nbsp;</label>
												</div>
																								 												 <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
												  <div class="float-items1">
													<div class="floating-label">
													  <!--<div style="float:left;width:48%;">
														<label>Course Duration(hrs) <span>*</span></label>
														<input class="floating-input" style="width:100%;float:left;" name="exc_duration"
															   id="exc_duration" type="text" placeholder="Enter Course Duration (hrs)"
															   value="" >
													  </div> -->

													  <div >
														<label>Course Duration(minutes) <span>*</span></label>
														<input class="floating-input" style="width:100%;float:left;" name="exc_duration_minutes"
															   id="exc_duration_minutes" type="text" placeholder="Enter Course Duration (minutes)"
															   value="" >
													  </div>
													</div>
												  </div>
												</div>
														<input
                                                                class="floating-input"
                                                                name="old_excebanner" id="old_excebanner" type="hidden"
                                                                placeholder=" " value=""
                                                                >
                                                    <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="float-items1">
                                                        <div class="floating-label">
                                                            <label>Exercise Image <span>*</span></label>
                                                            <input
                                                                class="floating-input"
                                                                name="exe_banner1" id="exe_banner1" type="file"
                                                                placeholder=" "
                                                                accept="image/x-png,image/jpeg,image/png">
                                                                                                                    </div>
													 </div>
                                                    </div>
												   <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="floating-label newselect-noborder">
                                                            <label>Is it for Practice? <span>*</span></label>
                                                            <div class="add-authors">
                                                                <div class="radio">
                                                                    <input name="is_practice" id="is_practice_1"
                                                                        value="0" type="radio"
                                                                         /><label
                                                                        for="is_practice_1">No</label>
                                                                </div>
                                                                <div class="radio">
                                                                    <input name="is_practice" id="is_practice_2"
                                                                        value="1" type="radio"
                                                                         /><label
                                                                        for="is_practice_2">Yes</label>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <label id="is_practice-error" class="error"
                                                            for="is_practice"
                                                            style="visibility: visible; color: red;"></label>
                                                    </div>

                                                <div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
                                                      <div class="float-items1">
                                                        <div class="floating-label">
                                                          <label>Exercise Overview <span>*</span></label>
                                                            <input class="floating-input" type="text" name="exc_description" id="exc_description" placeholder="Enter Exercise Overview"  value="" style="min-height:60px;height:auto;">
                                                          </div>
                                                    </div></div>

                                                </div>

                                        </div>
                                    </div>
                                </div></div>
                                <div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
                                    <div class="course-setup-btn">
                                        <button type="submit" >Questions Setup <i
                                                class="fas fa-arrow-right"></i></button>
                                    </div>
                                </div>
                          </div>
							</form>

                    </div>
                    <div class="tab-pane" id="exctabs-2" role="tabpanel">

							  <!-- <input type="hidden" name="edit_exercise_id" id="edit_exercise_id" value="70" />   -->
							 <input type="hidden" name="edit_exercise_id" id="edit_exercise_id" value="" />

							  <input type="hidden" name="exc_qus_count" id="exc_qus_count" value="0" />
                <div class="row">
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" >
                            <div id="reload_exce" >
							<input type="hidden" name="lesson_count" value="0" id="lesson_count" />
                               @foreach($lessondata as $ls=>$less)
								<div class="boxes mt-4" id="qiz_" >
                                        <div class="course-curriculum">
                                            <div class="course-overview">
                                                <h4>Quiz Name  {{$ls+1}} </h4>
                                            </div>

                                            <div class="enter-exercise">
                                                <div class="enter-exercise-con1"
                                                    style="margin-top:0px;min-height:200px;">
												<div class="row">
											   <div class="col-12 col-sm-12 col-md-10 col-lg-11 col-xl-11">
                                                            <div class="exercise-name">
                                                                <div class="form-group" style="margin-bottom:10px;">
                                                                    <input readonly placeholder="Quiz Name" value="{{$less->lesson_name}}"
                                                                        name="lesson_name_" id="lesson_name_"
                                                                        type="text" class="form-control"
                                                                        aria-describedby="emailHelp">
																		 <input type="hidden" value=""
                                                                        name="lesson_id_" id="lesson_id_"
                                                                        type="text" class="form-control"
                                                                        aria-describedby="emailHelp">
                                                                </div>
                                                            </div>

                                               </div>

											   <div class="col-12 col-sm-12 col-md-2 col-lg-1 col-xl-1">
                        <div class="newbuts" style="display:inline-block;">
											   <a style="margin-top:13px;" class="edit_points" href="javascript:void(0)" onClick="edit_lesson_name('')" ><i class="fas fa-pencil-alt"></i></a>

											   <a style="margin-top:17px;" class="delete_points" href="javascript:void(0)" onClick="remove_qiez('')" ><i class="fas fa-trash-alt"></i></a>
                       </div>                     </div>

											   
                                                <div id="excelques_"> </div>

                                                </div>
                                                  <div class="addnew-exer1">
                                                <div class="addnew-exercise">
                                                    <a style="margin-bottom:0px;" class="addques" href="javascript:void(0)" onclick="add_question_popup_exercise('','')"><i
                                                            class="fas fa-plus-circle"></i>Add
                                                        Question</a>
													<a style="margin-bottom:0px;right:0px;" class="nw_ml_set" href="javascript:void(0)" onclick="open_question_bank('','')"><i
                                                            class="fas fa-plus-circle"></i>
                                                        Question Bank</a>
                                                      </div>

                </div>
            </div>

        </div>
    </div>
 </div>
	@endforeach
	</div>
	<div class="upload-course" id="nlessons" >
 <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
            role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel" style="font-size:18px;">Question Bank</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" style="padding:0px;">
                        <div class="uploaded-exer">
                            <div class="row">
                                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                                    <div class="floating-label newselect">
                                      <label>Course Category <span></span></label>
                                      <div class="add-authors">
                                         <select data-live-search="true"
                                                                    class="selectpicker" name="bank_category_id"
                                                                    id="bank_category_id" onchange="changecategory_question_bank()">
																	<option value="" > Please select category </option>
                                                                    @foreach($categorylist as $cat)
                                                                    <option
                                                                        value="">
                                                                        </option>
                                                                    @endforeach
                                        </select>
                                      </div>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                                    <div class="floating-label newselect">
                                      <label>Skills <span></span></label>
                                      <div class="add-authors">
                                        <div id="category_skillsexc_bank">
                                        <select data-live-search="true" class="selectpicker"
                                                                    name="qus_skill_id_bank" id="qus_skill_id_bank">
                                                                    <option value="">Please Select Skills </option>

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

                                    </div>
                                </div>

                            </div>
							<input type="hidden" name="lesson_id_bank" id="lesson_id_bank" value="" />
							<input type="hidden" name="exercise_id_bank" id="exercise_id_bank" value="" />
                            <div class="row" id="change_category_skill">
                                 <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                    <div class="lesson-select-all">
                                        <input type="checkbox" id="accountaaa_all" name="accountaaa_all" /><label for="accountaaa_all">Select
                                            All</label>
                                    </div>
                                </div>

								@foreach($bank_questions as $b=>$bank)
								<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                                    <div class="untitled-question1">
                                        <input type="checkbox" class="checked_all" id="accountaa_" name="bank_qus[]" value="" /><label for="accountaa_"   >{{$bank->title}}</label>
                                        <p> 0 Options</p>
                                    </div>
                                </div>
								@endforeach
                               <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="color:red"> Don't have any questions to add. </div>                                
                               <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                    <div class="upload-exer-btn">
                                        <button onclick="add_questions_bank()" >Upload Questions<i class="fas fa-arrow-right"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
                                </div>
                              </div>
                               
                            
                            <div class="course-setup-btn">
							 <button onclick="save_exercise_as_review()" >Save as Review<i class="fas fa-arrow-right"></i></button>
               <button onclick="exercise_preview()" >Preview<i class="fas fa-arrow-right"></i></button>
                                <button class="alt_btn_set" onclick="save_exercise_as_draft()" >Save as Draft<i class="fas fa-arrow-right"></i></button> 
                                <button class="qz_bt_set" onclick="addexercise_lesson()" > <i class="fas fa-plus"></i> Add New Quiz</button>
                                
                            </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
   <div class="modal fade" id="add_exce_lesson_name" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form id="add_excercise_lesson_name" name="add_excercise_lesson_name" class="form-horizontal" method="POST"
                    action="{{ url('/add_excercise_lesson_name') }}" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Add Quiz</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="addmodule">
                                <div class="floating-label1">
                                    <label style="top:-15px;left:0px;">Add Quiz</label>
                                    <input class="floating-input" type="hidden" readonly id="ecercise_lessid"
                                        name="ecercise_lessid">
                                    <input class="floating-input" type="text" placeholder="Enter Quiz Name"
                                        id="exce_lesson_name" name="exce_lesson_name" autocomplete="off" />
                                    <label id="exce_lesson_name-error" class="error" for="exce_lesson_name" style="visibility: visible; color: red;">&nbsp;</label>
                                </div>
								<div class="floating-label1">
                                    <label style="top:-15px;left:0px;">Quiz Time</label>
                                    <input class="floating-input" type="text" placeholder="Lesson Time"
                                        id="exce_lesson_time" name="exce_lesson_time" autocomplete="off" />
                                    <label id="exce_lesson_time-error" class="error" for="exce_lesson_time" style="visibility: visible; color: red;">&nbsp;</label>
                                </div>
                                <div class="add_but"><button type="submit" class="btn btn-primary fawsm-mlset">Add <i class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
		   <div class="modal fade" id="excquestion_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form id="add_new_question_lessonexercise" name="add_new_question_lessonexercise" class="form-horizontal" method="POST"
                    action="{{ url('/add_new_question_lessonexercise') }}" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Add Question</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="addmodule">
                                  <input class="floating-input" type="hidden" readonly id="q_lesson_id" name="q_lesson_id">
                                  <input class="floating-input" type="hidden" readonly id="q_exce_id" name="q_exce_id">

									<input class="floating-input" type="hidden" readonly id="option_count" name="option_count" value="0">
                                     <div class="row">
									   <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="floating-label  newselect">
                                                            <label>Course Category <span></span></label>
                                                            <div class="add-authors">
                                                                <select data-live-search="true"
                                                                    class="selectpicker" name="qus_category_id"
                                                                    id="qus_category_id" onchange="changecategory_question()">
																	<option value="" > Please select category </option>
                                                                    @foreach($categorylist as $cat)
																	                                                                    <option
                                                                        value="">
                                                                        </option>
																	                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <label id="qus_category_id-error" class="error" for="qus_category_id"
                                                            style="visibility: visible; color: red;">&nbsp;</label>
                                                          </div>
										                              <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="floating-label newselect">
                                                            <label>Skills <span></span></label>
                                                            <div class="add-authors" id="category_skillsexc" >
                                                                <select data-live-search="true" class="selectpicker"
                                                                    name="qus_skill_id" id="qus_skill_id">
                                                                    <option value="">Please Select Skills </option>

                                                                </select>
                                                            </div>
                                                        </div>
                                                        <label id="qus_skill_id-error" class="error" for="qus_skill_id"
                                                            style="visibility: visible; color: red;">&nbsp;</label>
                                        </div>

										<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
											<div class="exercise-name">
												<div class="form-group" style="margin-bottom:0px;">
													<input placeholder="Enter Question"
														name="l_question_name"
														id="l_question_name" type="text"
														class="form-control" aria-describedby="emailHelp"
														value="">
                            <label id="l_question_name-error" class="error" for="l_question_name" style="visibility: visible; color: red;font-family:'CerebriSans-Regular';padding-bottom:0px;">&nbsp;</label>
												</div>
											</div>
										</div>
										<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
											<div class="exercise-name">
												<!-- <label>Question type <span></span></label> -->
												<div class="form-group" style="margin-bottom:0px;">
													<select class="selectpicker"
														id="l_question_type" name="l_question_type" value=""
														onchange="change_question_type_popup()">
														<option value=""> Please select question type</option>
														<option value="1" >
															Check box</option>
														<option value="2" >
															Short Answer</option>
														<option value="3" >
															Radio Button</option>
													</select>

                        <label id="l_question_type-error" class="error" for="l_question_type" style="visibility: visible; color: red;font-family:'CerebriSans-Regular';padding-bottom:0px;">&nbsp;</label>
											</div>
                      </div>
										</div>



									</div>

								<div id="questionsdiv" >


								</div>
								<a onclick="add_option_question_popup()"  id="add_opt" class="addoption fawsm-mrset"><i class="fas fa-plus"></i> Add Option </a>
                                <div class="add_but"><button type="submit" class="btn btn-primary  fawsm-mlset"> Add <i class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
		<div class="modal fade" id="edit_question_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form id="edit_question_lesson1" name="edit_question_lesson1" class="form-horizontal" method="POST"
                    action="{{ url('/update_question_lesson') }}" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Edit Question</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="addmodule">
							                      <input class="floating-input" type="hidden" readonly id="edit_q_id" name="edit_q_id">
                                <div class="" id="editques" >



                                </div>

								<div id="questionsdiv_edit" >


								</div>
								<a onclick="edit_option_question_popup()" class="addoption fawsm-mrset"><i class="fas fa-plus"></i> Add Option </a>
                                <div class="add_but"><button type="submit" class="btn btn-primary fawsm-mlset">Update <i class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
	 <div class="modal fade" id="edit_exce_lesson_name" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form id="update_excercise_lesson_name" name="update_excercise_lesson_name" class="form-horizontal" method="POST"
                    action="{{ url('/update_excercise_lesson_name') }}" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Edit Quiz</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="addmodule">
                                <div class="floating-label1">
                                    <label style="top:-15px;">Quiz Name</label>
                                    <input class="floating-input" type="hidden" readonly id="lessid"
                                        name="lessid">
                                    <input class="floating-input" type="text" placeholder="Enter Quiz Name"
                                        id="exce_lesson_name_edit" name="exce_lesson_name_edit" autocomplete="off">
                                </div>
								<div class="floating-label1">
                                    <label style="top:-15px;left:0px;">Quiz Time</label>
                                    <input class="floating-input" type="text" placeholder="Lesson Time"
                                        id="exce_lesson_time_edit" name="exce_lesson_time_edit" autocomplete="off">
                                </div>
                                <div class="add_but"><button type="submit" class="btn btn-primary fawsm-mlset">Update <i class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
			<div class="modal fade previewtext" id="preview" tabindex="-1" role="dialog" aria-labelledby="previewTitle" aria-hidden="true">
		  <div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
			  <div class="modal-header">
				<h5 class="modal-title" id="previewTitle">Preview</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
				</button>
			  </div>
			  <div class="modal-body" id="coursepreiewmodal">
			   
			  </div>

			</div>
		  </div>
		</div>
</section>
<script>
function exercise_preview()
	{
		var exercise_id=$("#edit_exercise_id").val();
		if(exercise_id !='' && exercise_id !='null'){
		 $.LoadingOverlay("show");
			var token=$("#token").val();
			  $.ajax({
						type:"POST",
						url:"