@extends('layouts.course')
@section('content')
	<!--
<div class="coaching-head">
	<div class="container">
		<div class="subheader-content">
			<div class="left-content-header">
				<ul>
					<a href="#">
						<li class="ml-0 ">Dashboard</li>
					</a>
					<a href="#">
						<li>Course Packs</li>
					</a>
					<a href="#">
						<li>Courses</li>
					</a>
					<a href="#">
						<li >Exercises</li>
					</a>
					<a href="#">
						<li>Students</li>
					</a>
					<a href="#">
						<li>Reports</li>
					</a>
					<a href="#">
						<li class="active">Admin</li>
					</a>
				</ul>
			</div>
			<div class="right-content-header">
				<ul>
					<a href="#">
						<li class="cal-btn"><i class="fa fa-calendar"></i> Schedule</li>
					</a>
					<a href="#">
						<li><i class="fa fa-plus"></i> Create New</li>
					</a>
				</ul>
			</div>
		</div>
	</div>
</div>
-->
	<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">Course Packs</li>

							</ul>
						</div>
						<div class="managecourse-section">
							<div class="exercise-main">
								<div class="row">
									<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
										<div class="jobs-tabs">
											<div class="tab-content">

												<div class="tab-pane active" id="tabs-3" role="tabpanel">
													<div class="boxes">
														<div class="user-access">
															<div class="user-access-tlt inst-course">
																<h1>Course Packs</h1>
																<div class="institute-filter">
																<select class="selectpicker" name="type" onchange="Get_Tb_Data('coursepacks',this.value);">
																	<option value="0">Select</option>
																																	</select>
																</div>
															</div>
															<div class="user-access-tab">
																<div class="user-access-table-list">
																	<table id="myTable" class="display responsive nowrap" style="width:100%">
																		<thead>
																		<tr>
																			<th>Course Packs</th>
																			<th>Type</th>
																			<th>Start date</th>
																			<th class="text-center">Courses</th>
																			<th class="text-center">Enrolled Students</th>
																			<th class="text-center">Wishlist</th>
																			<th class="text-center">Current Batchs</th>
																			<th class="text-center">Coach</th>
																			<!-- <th class="text-center">Student Results</th>
                                                                            <th class="text-center">Actions</th> -->
																		</tr>
																		</thead>
																		<tbody id="list_tb_data">
																																				</tbody>
																	</table>

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

											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<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>
	<script>
		function coursepack_preview_draft(course_id)
		{
			if(course_id !='' && course_id !='null'){
				$.LoadingOverlay("show");
				var token=$("#token").val();
				$.ajax({
					type:"POST",
					url:"