@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('/coursepacks')}}" > Course Packs </a></li>
                            <li>/</li>
                            <li class="active">Create a Course Pack</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="ptab1" href="#tabs-1" role="tab">Pack Setup</a>
                                    </li>

                                   <!-- <li>
                                        <a  id="ptab2" onclick="goto_pack_sechdule()" >Schedule</a>
                                    </li> -->

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-main-cont">
                <div class="tab-content">
                    <div class="tab-pane  active" id="tabs-1" role="tabpanel">
					<form id="add_exercise_pack" name="add_exercise_pack" class="form-horizontal" method="POST"
											action="{{ url('/add_exercise_pack')}}" 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">
                                            <h3>Pack Overview</h3>
                                      </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>Course pack title <span>*</span></label>
                                                            <input class="floating-input" name="pack_title" id="pack_title" type="text" placeholder="Course pack title"  value="" >
                                                        </div>
                                                      </div>
                                                    </div>
                                                    <div class="col-12 col-sm-12 col-md-12 col-xl-6 col-lg-6">
                                                      <div class="float-items1">
                                                        <div class="floating-label">
                                                          <label>Course pack subtitle <span>*</span></label>
                                                            <input class="floating-input" name="pack_subtitle" id="pack_subtitle" type="text" placeholder="Course pack subtitle" value="">
                                                        </div>
                                                    </div></div>
													 <div class="col-12 col-sm-12 col-md-12 col-xl-6 col-lg-6">
                              <div class="float-items1">
                                          <div class="floating-label">
                                            <label>Exercise pack Price <span>*</span></label>
                                              <input class="floating-input" name="pack_price" id="pack_price" type="text" placeholder="Course pack 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="pack_coach_id" id="pack_coach_id" >
															<option value="">Please select author </option>
															@foreach($coaches as $co)
															  <option  value=""></option>
															@endforeach
														  </select>
														</div></div>
													  <label id="pack_coach_id-error" class="error" for="pack_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="pack_category_id" id="pack_category_id">
																						<option value="">Select Category</option>
																						@foreach($category as $cat)
																						  <option value=""></option>
																						@endforeach
																					  </select>
																					</div>

																				</div>
													  <label id="pack_category_id-error" class="error" for="pack_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 newfile">
                                                            <label>Pack Image <span>* </span></label>
                                                            <input
                                                                class="floating-input"
                                                                name="pack_banner" id="pack_banner" type="file"
                                                                placeholder=" " accept="image/png,image/jpeg">
                                                            
                                                        </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 Exercise <span>*</span></label>
                                                            <div class="add-authors">
                                                                <select data-live-search="true" class="selectpicker"
                                                                    name="sel_course[]" id="sel_course" multiple>
                                                                    
                                                                    @foreach($exercises_list as $cl)
                                                                    <option value="">
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <label id="sel_course-error" class="error" for="sel_course"
                                                            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-noborder">
                                                            <label>Is 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-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="float-items1">
                                                            <div class="floating-label">
                                                             <div>
                                                                    <label>Pack Duration(minutes)
                                                                        <span>*</span></label>
                                                                    <input class="floating-input"
                                                                        style="width:100%;float:left;"
                                                                        name="pack_duration_minutes"
                                                                        id="pack_duration_minutes" type="text"
                                                                        placeholder="Enter Pack Duration (minutes)"
                                                                        value="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </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 custom_width">
                                                          <label>Program overview <span>*</span></label>
                                                            <textarea class="floating-input" type="text"
                                                                placeholder="Program overview" name="pack_overview" id="pack_overview" rows="3"  style="height:auto;"> </textarea>

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

                                                </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12" id="before_learn_points">
 												  <div class="course-setup-btn">
 													<button type="submit" id="packsubmit" >Submit <i class="fas fa-arrow-right"></i></button>
 												  </div>
 												</div>
                          
                        </div>
						</form>
                    </div>
                  
                </div>
              </div>
            </div>
        </div>
    		
</section>
@endsection

<script>

</script>