@extends('layouts.placement')
@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('/placementcoursepacks')}}" > 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_course_pack" name="add_course_pack" class="form-horizontal" method="POST"
											action="{{ url('/add_course_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">
											<input type="hidden" value="" name="save_type" id="save_type" />  
											<input class="floating-input" name="pack_id" id="pack_id" type="hidden" placeholder=" "  value="" >
                                                <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>Course 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>Sub author <span></span></label>
														<div class="add-authors">
														  <select class="selectpicker" data-live-search="true" name="pack_sub_coach_id[]" id="pack_sub_coach_id" multiple>
															@foreach($coaches as $sco)
															<option  value=""> </option>
														    @endforeach
														  </select>
														</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 type <span>*</span></label>
													<div class="add-authors">
													  <select class="selectpicker" name="pack_course_type_id" id="pack_course_type_id">
														<option value="">Please Select Course Type </option>
														@foreach($course_type as $cot)
														  <option  value=""></option>
														@endforeach
													  </select>
													</div>
												  </div>
												  <label id="pack_course_type_id-error" class="error" for="pack_course_type_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 data-live-search="true" 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 newselect-noborder">
                                                            <label>Course Level <span>*</span></label>
                                                            <div class="add-authors">
                                                                <div class="radio">
                                                                    <input name="pack_level" id="pack_level_1"
                                                                        value="1" type="radio"    /><label
                                                                        for="pack_level_1">Beginner</label>
                                                                </div>
                                                                <div class="radio">
                                                                    <input name="pack_level" id="pack_level_2"
                                                                        value="2" type="radio"  /><label
                                                                        for="pack_level_2">Intermediate</label>
                                                                </div>
                                                                <div class="radio">
                                                                    <input name="pack_level" id="pack_level_3"
                                                                        value="3" type="radio"   /><label
                                                                        for="pack_level_3">Advanced</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <label id="pack_level-error" class="error" for="pack_level"
                                                            style="visibility: visible; color: red;">&nbsp;</label>
                                                    </div>
													<input
                                                                class="floating-input"
                                                                name="old_banner" id="old_banner" type="hidden"
                                                                placeholder=" " value="" >

													<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 course <span>*</span></label>
                                                            <div class="add-authors">
                                                                <select data-live-search="true" class="selectpicker"
                                                                    name="sel_course[]" id="sel_course" multiple>
                                                                    
                                                                    @foreach($courses_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-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">
                                        <a  href="javascript:void(0)" onclick="saveas_draft()" >Save as Draft <i class="fas fa-arrow-right"></i></a>
                                        <a class="alt_btn_set mr-10" href="javascript:void(0)" onclick="saveas_review()" >Save as Review <i class="fas fa-arrow-right"></i></a>
                                    </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>Program 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> -->
                        </div>
						</form>
                    </div>
                    <div class="tab-pane" id="tabs-2" role="tabpanel">
				<input type="hidden" name="cre_pack_id" id="cre_pack_id" value="{{ session()->get('created_course_pack_id') }}" />
                <input type="hidden" name="c_pack_type" id="c_pack_type" value="{{ session()->get('created_course_pack_type') }}" />
              <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
                  <div class="boxes mt-4 scheduledata">

                    <div id="pack_course_on" class="row" >
                      <div class="col-12 col-sm-5 col-md-5 col-xl-5 col-lg-5">
                        <div class="floating-label">
                          <label>From Date <span>*</span></label>
                          <input class="floating-input" name="pack_online_from_date" id="pack_online_from_date" type="text"
                                 placeholder="From Date *" value="">
                        </div>
                      </div>
                      <div class="col-12 col-sm-5 col-md-5 col-xl-5 col-lg-5">
                        <div class="floating-label">
                          <label>To Date <span></span></label>
                          <input class="floating-input" name="pack_online_to_date" id="pack_online_to_date" type="text"
                                 placeholder="To Date" value="">
                        </div>
                      </div>
                      <div class="col-12 col-sm-2 col-md-2 col-xl-2 col-lg-2">
                        <button type="button" onclick="coursepack_validatesechdule()" class="submit_but" style="margin-top:30px;"> Submit </button>
                      </div>

                    </div>

                    <div id="pack_course_off">
                      <div class="row">
                        <div class="col-12 col-sm-4 col-md-4 col-xl-4 col-lg-4">
                          <div class="floating-label">
                            <label>Release  Date <span>*</span></label>
                            <input class="floating-input" name="pack_offline_realized_date" id="pack_offline_realized_date"
                                   type="text" placeholder="Release Date" value="">
                          </div>
                        </div>

                        <div class="col-12 col-sm-4 col-md-4 col-xl-4 col-lg-4">
                          <div class="isconti">
                            <label> Is Continuous *</label>
                            <div class="radio">
                              <label><input type="radio" name="pack_is_continuous" value="1"><span class="ra">Yes
                                <span></label>
                            </div>
                            <div class="radio">
                              <label><input type="radio" name="pack_is_continuous" value="0"><span class="ra">No</span></label>
                            </div>
                          </div>
                        </div>
                        <div class="col-12 col-sm-4 col-md-4 col-xl-4 col-lg-4">
                          <div class="isconti">
                            <label> Is Continuous Type *</label>
                            <div class="radio">
                              <label><input type="radio" name="pack_continuous_type" value="Weekly"><span
                                        class="ra">Weekly</span></label>
                            </div>
                            <div class="radio">
                              <label><input type="radio" name="pack_continuous_type" value="Monthly"><span
                                        class="ra">Monthly</span></label>
                            </div>
                          </div>
                        </div>
						<div class="col-12 col-sm-4col-md-4 col-xl-4 col-lg-4" id="pack_continuous_week_day_div" style="display:none">
                              <div class="floating-label newselect">
                                <label>Week day <span>*</span></label>
                                <div class="add-authors">
                                  <select class="selectpicker" name="pack_continuous_week_day" id="pack_continuous_week_day">
                                    <option value="Monday">Monday</option>
                                    <option value="Tuesday">Tuesday</option>
                                    <option value="Wednesday">Wednesday</option>
                                    <option value="Thursday">Thursday</option>
                                    <option value="Friday">Friday</option>
                                    <option value="Saturday">Saturday</option>
                                    <option value="Sunday">Sunday</option>
                                  </select>
                                </div>
                              </div>
                        </div>
						<div class="col-12 col-sm-4 col-md-4 col-xl-4 col-lg-4" id="pack_monthly_continuous_div" style="display:none">
                          <div class="floating-label">
                            <label>Monthly Continuous Date <span>*</span></label>
                            <input class="floating-input" name="pack_monthly_continuous_date" id="pack_monthly_continuous_date"
                                   type="text" placeholder="Monthly Continuous Date " value="">
                          </div>
                        </div>
						<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
                          <div class="buttondata">
                            <button type="button" onclick="coursepack_validatesechdule()" class="submit_but"> Submit </button>
                          </div>
                        </div>
                      </div>



                    </div>

                  </div>
                </div>
              </div>
                    </div>
                </div>
              </div>
            </div>
        </div>
 <script>
function saveas_draft()
{
	$("#save_type").val('0');
	$( "#add_course_pack" ).submit();
}
function saveas_review()
{
	$("#save_type").val('1');
	$( "#add_course_pack" ).submit();
}
</script>   		
</section>
@endsection