@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>Dashboard</li>
                            <li>/</li>
                            <li class="active"><a href="{{ url('/exercise/')}}"> Exercises </a> </li>
                            <li>/</li>
                            <li class="active">Create 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" style="min-height:250px;">
                    <div class="tab-pane active" id="exctabs-1" role="tabpanel">

                        <form id="add_exercise_setup" name="add_exercise_setup" class="form-horizontal" method="POST"
                            action="{{ url('/add_exercise_setup')}}" enctype="multipart/form-data">
                            <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>
                                            </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>Exercise 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>
                                                                    <option value="">Please Select Skills </option>
                                                                    @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>Exercise 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>Exercise 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 Exercise 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_banner" id="exe_banner" 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"
                                                                    style="min-height:60px;height:auto;" value="" />

                                                            </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>
                            <!--  <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                                <div class="boxes mt-4">
                                    <div class="course-setup">
                                        <div class="course-overview">
                                            <h4>Course 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-12 col-md-12 col-xl-12 col-lg-12">
                                                    <div class="create-cur">
                                                        <img src="{{ asset('images/create-cur.png') }}">
                                                    </div>
                                                    <div class="course-setup-btn">
                                                        <button>Create Curriculum<i
                                                                class="fas fa-arrow-right"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </form>

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

                        <div class="row">
                           <!-- <form id="add_newexercise_questions" name="add_newexercise_questions"
                                class="form-horizontal" method="POST" action="{{ url('/add_newexercise_questions')}}"
                                enctype="multipart/form-data"> -->
                                <!-- <input type="hidden" name="addedexercise_id" id="addedexercise_id" value="70" />   -->
                                <input type="hidden" name="addedexercise_id" id="addedexercise_id"
                                    value="{{ session()->get('created_exercise_id') }}" />

                                <input type="hidden" name="exc_qus_count" id="exc_qus_count" value="1" />
                                <input type="hidden" name="exc_lesson_count" id="exc_lesson_count" value="1" />
                                <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-11 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-1 col-lg-1 col-xl-1">
                           <div class="newbuts" style="display:block;justify-content:None">
											   <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: 18px;" 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;" 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>
	<div class="course-setup-btn">
							<button onclick="save_exercise_as_review()" >Save as Review<i class="fas fa-arrow-right"></i></button>
                                <button onclick="save_exercise_as_draft()" >Save as Draft<i class="fas fa-arrow-right"></i></button> 
                              <button class="qz_bt_set mr-20" onclick="addexercise_lesson()" ><i class="fas fa-plus"></i> Add New Quiz</button>
							  
                              <button class="alt_btn_set qz_bt_set" onclick="exercise_preview()" ><i class="far fa-file"></i> Preview</button>
								
                            </div>
	  <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">
                        <div class="addmodule">
                            <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" 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>
							<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-question">
                                        <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 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;">Quiz Name</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">ADD </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" id="ex_category">
                                                                <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;font-family:'CerebriSans-Regular';">&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';">&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';">&nbsp;</label>
											</div>
										</div>
</div>


									</div>

								<div id="questionsdiv" >


								</div>
								<a onclick="add_option_question_popup()"  id="add_opt" class="addoption">+ Add Option </a>
                                <div class="add_but"><button type="submit" class="btn btn-primary">Add </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" 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">+ Add Option </a>
                                <div class="add_but"><button type="submit" class="btn btn-primary">Update </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 Name</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;">Quiz Name</label>
                                    <input class="floating-input" type="hidden" readonly id="lessid"
                                        name="lessid">
                                    <input class="floating-input" type="text" placeholder="Quiz Name"
                                        id="exce_lesson_name_edit" name="exce_lesson_name_edit" autocomplete="off" />
                                    <label id="exce_lesson_name_edit-error" class="error" for="exce_lesson_name_edit" 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="Quiz Time"
                                        id="exce_lesson_time_edit" name="exce_lesson_time_edit" autocomplete="off">
                                    <label id="exce_lesson_time_edit-error" class="error" for="exce_lesson_time_edit" style="visibility: visible; color: red;">&nbsp;</label>
                                </div>
                                <div class="add_but"><button type="submit" class="btn btn-primary">Update </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=$("#addedexercise_id").val();
		if(exercise_id !='' && exercise_id !='null'){
		 $.LoadingOverlay("show");
			var token=$("#token").val();
			  $.ajax({
						type:"POST",
						url:"