@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">Courses</li>
								<li>/</li>
								<li class="active">Manage your course</li>
							</ul>
						</div>
						<div class="managecourse-section">
							<div class="row">
								<div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
									<div class="jobs-list">
										<div class="boxes">
											<div class="jobslist manaselist">
												<ul class="nav nav-tabs" role="tablist">
{{--													<li>--}}
{{--														<a class="active" data-toggle="tab" href="#tabs-1" role="tab">Overview</a>--}}
{{--													</li>--}}
													<li>
														<a class="active" href="placementmanagecourse">Overview</a>
													</li>
													<li>
														<a href="placementmanagecoursestudents">Students</a>
													</li>
													<li>
														<a href="placementmanagecourseexercise">Exerices</a>
													</li>
													<li>
														<a href="placementmanagecourseassignments">Assignments</a>
													</li>
													<li>
														<a href="placementmanagecoursefees">Fees</a>
													</li>
													<li>
														<a href="placementmanagecoursereports" >Reports</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
									<div class="managecourse-main manasecourse">
										<div class="jobs-tabs">
											<div class="tab-content">
												<div class="tab-pane active" id="tabs-1" role="tabpanel">
													<div class="tab-content-managecourse">
														<div class="manage-course-content">
															<h1>Overview-content</h1>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="tabs-2" role="tabpanel">
													<div class="tab-content-managecourse">
														<div class="manage-course-content">
															<h1>Students</h1>
															<p>Lorem Ipsum is simply dummy text</p>
														</div>
														<div class="manage-course-content2">
															<ul>
																<li><button class="addstudent" type="button"
																			data-toggle="modal" data-target="#exampleModal"><i
																				class="fa fa-plus"></i> Add Students</button>
																</li>
																<li><button type="button" href="#"><i
																				class="fa	 fa-copy"></i> Export</button></li>
															</ul>
														</div>
														<div class="manage-table">
															<div class="cdashboard-table">
																<table>
																	<thead>
																	<tr>
																		<th> &nbsp </th>
																		<th>Name</th>
																		<th>Email</th>
																		<th>Last login</th>
																		<th>Start Date</th>
																		<th>Purchases</th>
																	</tr>
																	</thead>
																	<tbody>
																	<tr>
																		<td><input type="checkbox"
																				   id="student1" /><label
																					for="student1"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td>03 april,2020 1:50PM</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="student2" /><label
																					for="student2"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td>03 april,2020 1:50PM</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="student3" /><label
																					for="student3"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td>03 april,2020 1:50PM</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="student4" /><label
																					for="student4"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td>03 april,2020 1:50PM</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="student5" /><label
																					for="student5"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td>03 april,2020 1:50PM</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="student6" /><label
																					for="student6"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td>03 april,2020 1:50PM</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>

																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane " id="tabs-3" role="tabpanel">
													<div class="tab-content-managecourse">
														<div class="manage-course-content">
															<h1>Exercises</h1>
															<p>Lorem Ipsum is simply dummy text</p>
														</div>
														<div class="module-name boxes module-name-box" id="added_module_1a">
															<div class="module-radio">
																<div class="edit-collapse1" data-toggle="collapse" data-target="#module1" >
																	<span>Module 1<i class="fas fa-chevron-up" id="collapse_i_1" data-target="#module1"></i></span>
																</div>
																<input type="text" placeholder="Module name" name="modules[1][name]" value="" data-module-no="1" id="module_name_1" readonly>

																<div class="edit-collapse">
																	<span>Delete</span>
																</div>
															</div>
															<div class="module-lessons collapse show" id="module1">
																<div class="module-expand" id="added_lesson_1_1">
																	<div class="lesson-data mt-0">
																		<div data-toggle="collapse" data-target="#lesson-one-edit_1_1" class="edit-collapse1" id="edit_collapse_module_1_1"><span>Lesson 1<i class="fas fa-chevron-up" id="collapse_i_1_1" data-target="#lesson-one-edit_1_1"></i></span></div>
																		<input class="lesson_name_input" type="text" placeholder="Lesson Name" name="modules" value="" id="less_name_1_1" readonly>
																		<div class="lesson-edit-delete1">
																			<span onclick="delete_lesson('1','1')">Delete</span>
																			<!--<i class="far fa-trash-alt"></i>-->
																		</div>
																	</div>
																	<div class="draft-tabs collapse show" id="lesson-one-edit_1_1">
																		<div class="manage-table">
																			<div class="cdashboard-table">
																				<table id="myTable" class="display">
																					<thead>
																					<tr>

																						<th>Name</th>
																						<th class="text-center">Exercise
																							Completed</th>
																						<th class="text-center">Score</th>
																						<th> &nbsp </th>

																					</tr>
																					</thead>
																					<tbody>
																					<tr>
																						<td>Student Name</td>
																						<td class="yes text-center">Yes</td>
																						<td class=" text-center">10 / 10
																						</td>
																						<td class="pd-20 text-center"><a
																									class="view-btn"
																									href="#">View Answer</a>
																						</td>
																					</tr>
																					<tr>
																						<td>Student Name</td>
																						<td class="no text-center">No </td>
																						<td class="text-center">N / A</td>
																						<td class="pd-20 text-center"><a
																									class="view-btn"
																									href="#">View Answer</a>
																						</td>
																					</tr>
																					<tr>
																						<td>Student Name</td>
																						<td class="yes text-center">Yes</td>
																						<td class=" text-center">10 / 10
																						</td>
																						<td class="pd-20 text-center"><a
																									class="view-btn"
																									href="#">View Answer</a>
																						</td>
																					</tr>
																					<tr>
																						<td>Student Name</td>
																						<td class="no text-center">No </td>
																						<td class=" text-center">N / A</td>
																						<td class="pd-20 text-center"><a
																									class="view-btn"
																									href="#">View Answer</a>
																						</td>
																					</tr>
																					<tr>
																						<td>Student Name</td>
																						<td class="yes text-center">Yes</td>
																						<td class=" text-center">10 / 10
																						</td>
																						<td class="pd-20 text-center"><a
																									class="view-btn"
																									href="#">View Answer</a>
																						</td>
																					</tr>
																					<tr>
																						<td>Student Name</td>
																						<td class="no text-center">No </td>
																						<td class=" text-center">N / A</td>
																						<td class="pd-20 text-center"><a
																									class="view-btn"
																									href="#">View Answer</a>
																						</td>
																					</tr>
																					</tbody>
																				</table>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="tabs-4" role="tabpanel">
													<div class="tab-content-managecourse">
														<div class="manage-course-content">
															<h1>Assignments</h1>
															<p>Lorem Ipsum is simply dummy text</p>
														</div>
														<div class="module-expand" id="added_lesson_1_1">
															<div class="lesson-data">
																<div data-toggle="collapse" data-target="#lesson-one-edit_1_1" class="edit-collapse1" id="edit_collapse_module_1_1"><span>Module 1<i class="fas fa-chevron-up" id="collapse_i_1_1" data-target="#lesson-one-edit_1_1"></i></span></div>
																<input class="lesson_name_input" type="text" placeholder="Module Name" name="modules" value="" id="less_name_1_1" readonly>
																<div class="lesson-edit-delete1">
																	<span>Delete</span>
																</div>
															</div>
															<div class="draft-tabs collapse show" id="lesson-one-edit_1_1">
																<div class="manage-table">
																	<div class="cdashboard-table">
																		<table id="myTable" class="display">
																			<thead>
																			<tr>

																				<th>Name</th>
																				<th class="text-center">Exercise
																					Completed</th>
																				<th class="text-center">Score</th>
																				<th> &nbsp </th>

																			</tr>
																			</thead>
																			<tbody>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class="text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class=" text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class=" text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			</tbody>
																		</table>
																	</div>
																</div>
															</div>
														</div>
														<div class="module-expand" id="added_lesson_1_2">
															<div class="lesson-data">
																<div data-toggle="collapse" data-target="#lesson-one-edit_1_2" class="edit-collapse1" id="edit_collapse_module_1_1"><span>Module 2<i class="fas fa-chevron-up" id="collapse_i_1_1" data-target="#lesson-one-edit_1_1"></i></span></div>
																<input class="lesson_name_input" type="text" placeholder="Module Name" name="modules" value="" id="less_name_1_1" readonly>
																<div class="lesson-edit-delete1">
																	<span>Delete</span>
																</div>
															</div>
															<div class="draft-tabs collapse" id="lesson-one-edit_1_2">
																<div class="manage-table">
																	<div class="cdashboard-table">
																		<table id="myTable1" class="display">
																			<thead>
																			<tr>

																				<th>Name</th>
																				<th class="text-center">Exercise
																					Completed</th>
																				<th class="text-center">Score</th>
																				<th> &nbsp </th>

																			</tr>
																			</thead>
																			<tbody>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class="text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class=" text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class=" text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			</tbody>
																		</table>
																	</div>
																</div>
															</div>
														</div>
														<div class="module-expand" id="added_lesson_1_3">
															<div class="lesson-data">
																<div data-toggle="collapse" data-target="#lesson-one-edit_1_3" class="edit-collapse1" id="edit_collapse_module_1_1"><span>Module 3<i class="fas fa-chevron-up" id="collapse_i_1_1" data-target="#lesson-one-edit_1_1"></i></span></div>
																<input class="lesson_name_input" type="text" placeholder="Module Name" name="modules" value="" id="less_name_1_1" readonly>
																<div class="lesson-edit-delete1">
																	<span>Delete</span>
																</div>
															</div>
															<div class="draft-tabs collapse" id="lesson-one-edit_1_3">
																<div class="manage-table">
																	<div class="cdashboard-table">
																		<table id="myTable2" class="display">
																			<thead>
																			<tr>

																				<th>Name</th>
																				<th class="text-center">Exercise
																					Completed</th>
																				<th class="text-center">Score</th>
																				<th> &nbsp </th>

																			</tr>
																			</thead>
																			<tbody>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class="text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class=" text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="yes text-center">Yes</td>
																				<td class=" text-center">10 / 10
																				</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			<tr>
																				<td>Student Name</td>
																				<td class="no text-center">No </td>
																				<td class=" text-center">N / A</td>
																				<td class="pd-20 text-center"><a
																							class="view-btn"
																							href="#">View assignment</a>
																				</td>
																			</tr>
																			</tbody>
																		</table>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="tabs-5" role="tabpanel">
													<div class="tab-content-managecourse">
														<div class="manage-course-content">
															<h1>Fee</h1>
															<p>Lorem Ipsum is simply dummy text</p>
														</div>
														<div class="manage-course-content2">
															<ul>
																<li><button type="button" href="#"><i
																				class="fa	 fa-copy"></i> Export</button></li>
															</ul>
														</div>
														<div class="manage-table">
															<div class="cdashboard-table">
																<table>
																	<thead>
																	<tr>
																		<th> &nbsp </th>
																		<th>Name</th>
																		<th>Email</th>
																		<th>Payment made</th>
																		<th>Payment Date</th>
																		<th>Amount</th>
																	</tr>
																	</thead>
																	<tbody>
																	<tr>
																		<td><input type="checkbox"
																				   id="studentfee1" /><label
																					for="studentfee1"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td class="yes">Yes</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="studentfee2" /><label
																					for="studentfee2"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td class="no">No</td>
																		<td>-</td>
																		<td>RS. 0</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="studentfee3" /><label
																					for="studentfee3"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td class="yes">Yes</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="studentfee4" /><label
																					for="studentfee4"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td class="no">No</td>
																		<td>-</td>
																		<td>RS. 0</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="studentfee5" /><label
																					for="studentfee5"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td class="yes">Yes</td>
																		<td>03 april,2020</td>
																		<td>RS. 5000</td>
																	</tr>
																	<tr>
																		<td><input type="checkbox"
																				   id="studentfee6" /><label
																					for="studentfee6"></label></td>
																		<td>Student Name</td>
																		<td class="color">bjuser@gmail.com</td>
																		<td class="no">No</td>
																		<td>-</td>
																		<td>RS. 0</td>
																	</tr>


																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="tabs-6" role="tabpanel">
													<div class="tab-content-managecourse">
														<div class="manage-course-content">
															<h1>Reports</h1>
														</div>
														<div class="module-expand" id="added_lesson_1_1">
															<div class="lesson-data mt-0">
																<div data-toggle="collapse" data-target="#lesson-one-edit_1_1" class="edit-collapse1" id="edit_collapse_module_1_1"><span>Overview<i class="fas fa-chevron-up" id="collapse_i_1_1" data-target="#lesson-one-edit_1_1"></i></span></div>
																<input class="lesson_name_input" type="text" placeholder="Module Name" name="modules" value="" id="less_name_1_1" readonly>
																<div class="lesson-edit-delete1">
																	<span>Delete</span>
																</div>
															</div>
															<div class="draft-tabs collapse show" id="lesson-one-edit_1_1">
																<div class="tab-content-managecourse mt-3">
																	<div class="manage-course-content">
																		<h1>Reports</h1>
																		<p>Lorem Ipsum is simply dummy text</p>
																	</div>
																	<div class="manage-course-content2">
																		<a class="download" href="#"><i
																					class="fa fa-plus"></i> Download
																			data</a>
																	</div>
																	<div class="reports-content">
																		<h4>Module completion</h4>
																	</div>
																	<div class="progresscontent">
																		<div class="row">
																			<div
																					class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
																				<div class="progressbar-cont">
																					<h4>Module 1 <span>55%</span></h4>

																					<div class="progress bg-orange">
																						<div class="progress-bar"
																							 role="progressbar"
																							 style="width: 55%"
																							 aria-valuenow="55"
																							 aria-valuemin="0"
																							 aria-valuemax="100"></div>
																					</div>
																				</div>
																			</div>
																			<div
																					class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
																				<div class="progressbar-cont">
																					<h4>Module 2 <span>65%</span></h4>

																					<div class="progress bg-orange">
																						<div class="progress-bar"
																							 role="progressbar"
																							 style="width: 65%"
																							 aria-valuenow="65"
																							 aria-valuemin="0"
																							 aria-valuemax="100"></div>
																					</div>
																				</div>
																			</div>
																			<div
																					class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
																				<div class="progressbar-cont">
																					<h4>Module 3 <span>25%</span></h4>

																					<div class="progress bg-red">
																						<div class="progress-bar"
																							 role="progressbar"
																							 style="width: 25%"
																							 aria-valuenow="25"
																							 aria-valuemin="0"
																							 aria-valuemax="100"></div>
																					</div>
																				</div>
																			</div>
																			<div
																					class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
																				<div class="progressbar-cont">
																					<h4>Module 4 <span>75%</span></h4>

																					<div class="progress bg-green">
																						<div class="progress-bar"
																							 role="progressbar"
																							 style="width: 75%"
																							 aria-valuenow="75"
																							 aria-valuemin="0"
																							 aria-valuemax="100"></div>
																					</div>
																				</div>
																			</div>
																			<div
																					class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
																				<div class="progressbar-cont">
																					<h4>Module 5 <span>10%</span></h4>

																					<div class="progress bg-red">
																						<div class="progress-bar"
																							 role="progressbar"
																							 style="width: 10%"
																							 aria-valuenow="10"
																							 aria-valuemin="0"
																							 aria-valuemax="100"></div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="module-expand" id="added_lesson_1_1">
															<div class="lesson-data mt-0">
																<div data-toggle="collapse" data-target="#lesson-one-edit_1_1b" class="edit-collapse1" id="edit_collapse_module_1_1"><span>Module 1<i class="fas fa-chevron-up" id="collapse_i_1_1" data-target="#lesson-one-edit_1_1"></i></span></div>
																<input class="lesson_name_input" type="text" placeholder="Module Name" name="modules" value="" id="less_name_1_1" readonly>
																<div class="lesson-edit-delete1">
																	<span>Delete</span>
																</div>
															</div>
															<div class="draft-tabs collapse" id="lesson-one-edit_1_1b">
																<div class="tab-content-managecourse mt-3">
																	<div class="manage-course-content">
																		<h1>Reports</h1>
																		<p>Lorem Ipsum is simply dummy text</p>
																	</div>
																	<div class="manage-course-content2">
																		<a class="download" href="#"><i
																					class="fa fa-plus"></i> Download
																			data</a>
																	</div>
																	<div class="reports-content">
																		<h4>Module completion</h4>
																	</div>
																	<div class="progresscontent">
																		<div class="row">
																			<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
																				<div class="progressbar-cont">
																					<h4>Module 1 <span>55%</span></h4>

																					<div class="progress bg-orange">
																						<div class="progress-bar"
																							 role="progressbar"
																							 style="width: 55%"
																							 aria-valuenow="55"
																							 aria-valuemin="0"
																							 aria-valuemax="100">
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="managestudentmodal">
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
			 aria-hidden="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-body">
						<div class="addstudentsmodel">
							<h1>Add Students</h1>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<div class="addstudentsmodel-content">
								<div class="row">
									<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
										<div class="modal_form">
											<div class="input_form">
												<input type="text" id="studentname" class="form-control" required>
												<label class="form-control-placeholder" for="studentname">Enter Name
													<span>*</span></label>
											</div>
											<div class="input_form">
												<input type="text" id="studentemail" class="form-control" required>
												<label class="form-control-placeholder" for="studentemail">Email
													<span>*</span></label>
											</div>
											<div class="input_form">
												<input type="password" id="studentpassword" class="form-control" required>
												<label class="form-control-placeholder"
													   for="studentpassword">Password<span>*</span></label>
											</div>
										</div>
										<div class="manage-btn">
											<button type="button"> Add <i class="fa fa-long-arrow-right"></i></button>
										</div>
									</div>

									<div class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1">
										<div class="or-content"><span>OR</span></div>
									</div>
									<div class="col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5">
										<div class="upload">
											<div class="upload-content">
												<h5>Upload Student Via Excel</h5>
												<p>Upload Multiple student via excel sheet. You can also mark attendance for
													students who have attended your clsses</p>
												<div class="upload-btn">
													<label for="fileUpload" class="file-upload">
														<i class="fa fa-cloud-upload"></i> Upload CSV
														<input id="fileUpload" type="file">
													</label>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script>
		$('.panel-collapse').on('show.bs.collapse', function () {
			$(this).siblings('.panel-heading').addClass('active');
		});

		$('.panel-collapse').on('hide.bs.collapse', function () {
			$(this).siblings('.panel-heading').removeClass('active');
		});
	</script>

@endsection