@extends('layouts.master')

@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">
                       Exercise Overview <button style="float:right" ><a href="{{ url('/exercises_list')}}" ><i class="fas fa-arrow-left"></i>Back </a></button>
                    </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>
                                </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">

							   <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">
                                            
                                           <!-- <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 readonly 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 readonly 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 readonly 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="float-items1">
													<div class="floating-label">
													  <label>Author <span></span></label>
													 
													  <input class="floating-input" name="coach_name" id="coach_name" type="text" readonly
															 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>Course Category <span></span></label>
													<div class="add-authors">
													 
														@foreach($category as $cat)
														 @if ($exercisedata->category_master_id==$cat->id)
														  													    @endif
														@endforeach
													 
													</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" >
														  
															@foreach($skills as $k=>$sk)
															@if (in_array($sk->id, $selected_skills))
															 1) . 														    @endif
															@endforeach
														 
														</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 >
														<label>Course Duration(minutes) <span></span></label>
														<input readonly 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>
														
                                                    <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>
                                                           
                                                                                                                    </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="floating-label">
																<input readonly class="floating-input" name="is_practice"
                                                                    id="is_practice" type="text" 
                                                                    value=""  >
																</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 readonly 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>
						
                    </div>
                    <div class="tab-pane" id="exctabs-2" role="tabpanel">

							 <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-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 id="excelques_"> </div>

                                                </div>
                                                  <div class="addnew-exer1">
                                             

                </div>
            </div>

        </div>
    </div>
 </div>
	@endforeach
	</div>

                                </div>
                              </div>
                               
                            
                            <div class="course-setup-btn">
							 <button onclick="exercise_publish('')" >Publish<i class="fas fa-arrow-right"></i></button>
							</div>
                    </div>
                </div>
            </div>

        </div>
    </div>
   
</section>
<script>
function exercise_publish(cid)
{

	bootbox.confirm({
		message: "Are you sure you want to publish this exercise?",
		buttons: {
			confirm: {
				label: 'Yes',
				className: 'btn-success'
			},
			cancel: {
				label: 'No',
				className: 'btn-danger'
			}
		},
       callback: function (result) {
		if(result)
		{
		var token=$("#token").val();
		 $.LoadingOverlay("show");
		  $.ajax({
					type:"POST",
					url:"