@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">Edit 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">Program
                                            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="edit_course_pack" name="edit_course_pack" class="form-horizontal" method="POST"
                            action="{{ url('/add_course_pack')}}" enctype="multipart/form-data">
                            <input class="floating-input" name="pack_id" id="pack_id" type="hidden" placeholder=" "
                                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">
                                                <h3>Program Overview</h3>
                                            </div>
                                            <div class="course-overview-inputs">
                                                <div class="row">
												<input type="hidden" value="" name="save_type" id="save_type" />  
                                                    <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-6 col-md-6 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-6 col-md-6 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>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="float-items1">
                                                            <div class="floating-label">
                                                                <label>Add author <span>*</span></label>
                                                               <select class="selectpicker" name="pack_coach_id"
                                                                    id="pack_coach_id">
                                                                    @foreach($coaches as $sco)
                                                                    <option
                                                                        selected                                                                        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>Sub author <span></span></label>
                                                            <div class="add-authors">
                                                                <select class="selectpicker" 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 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 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">
                                                                <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 href="javascript:void(0)" onclick="saveas_review()" >Save as Review <i class="fas fa-arrow-right"></i></a>
										<a href="javascript:void(0)" onclick="coursepack_preview_draft()" >Preview <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" style="display:none">
                        <input type="hidden" name="cre_pack_id" id="cre_pack_id"
                            value="" />
                        <input type="hidden" name="c_pack_type" id="c_pack_type"
                            value="" />
                        <input class="floating-input" name="sechdule_id" id="sechdule_id" type="hidden" placeholder=""
                            value="">
                        <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_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>Realized Date <span>*</span></label>
                                                    <input class="floating-input" name="pack_offline_realized_date"
                                                        id="pack_offline_realized_date" type="text"
                                                        placeholder="Realized 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="edit_pack_continuous_type"
                                                                value="Weekly"><span class="ra">Weekly</span></label>
                                                    </div>
                                                    <div class="radio">
                                                        <label><input type="radio" name="edit_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="edit_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="edit_pack_continuous_week_day"
                                                            id="edit_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="edit_pack_monthly_continuous_div" style="display:none">
                                                <div class="floating-label">
                                                    <label>Monthly Continuous Date <span>*</span></label>
                                                    <input class="floating-input"
                                                        name="edit_pack_monthly_continuous_date"
                                                        id="edit_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_edit()"
                                                        class="submit_but"> Submit </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    

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

            </div>
        </div>
    </div>
    <div class="modal fade" id="update_date_mode" tabindex="-1" role="dialog" aria-labelledby="addless_video"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <form id="form_update_date" name="form_update_date" class="form-horizontal" method="POST"
                action="{{ url('/update_date') }}" enctype="multipart/form-data">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="addless_video">Select Date</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="b_id" name="b_id">

                            <div class="upload-ano">
                                <div class="upload-a-course2">
                                    <div class="upload-btn-wrapper2">
                                        <input class="floating-input" type="text" placeholder="select new date"
                                            id="bdate" name="bdate">
                                    </div>
                                </div>
                            </div>
                            <div class="floating-label1" id="addedvideo">
                            </div>

                            <div class="add_but1"><button type="submit" class="btn btn-primary">Add </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 modal-lg" 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>
<script>
function coursepack_preview_draft()
	{
		var course_id=$("#pack_id").val();
		if(course_id !='' && course_id !='null'){
		 $.LoadingOverlay("show");
			var token=$("#token").val();
			  $.ajax({
						type:"POST",
						url:"