@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 class="active">Exercises</li>
					</a>
					<a href="#">
						<li>Students</li>
					</a>
					<a href="#">
						<li>Reports</li>
					</a>
					<a href="#">
						<li>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">Exercise</li>
							<li>/</li>
							<li class="active">Manage your Exercise</li>
						</ul>
					</div>
					<div class="managecourse-section">
						<div class="jobs-list">
							<div class="boxes">
								<div class="jobslist">
									<ul class="nav nav-tabs" role="tablist">
										<li>
											<a class="active" data-toggle="tab" href="#tabs-1" role="tab">Overview</a>
										</li>
										<li>
											<a data-toggle="tab" href="#tabs-2" role="tab">Students</a>
										</li>
										<li>
											<a data-toggle="tab" href="#tabs-3" role="tab">Exerices</a>
										</li>
										<li>
											<a data-toggle="tab" href="#tabs-4" role="tab">Assignments</a>
										</li>
										<li>
											<a data-toggle="tab" href="#tabs-5" role="tab">Fees</a>
										</li>
										<li>
											<a data-toggle="tab" href="#tabs-6" role="tab">Reports</a>
										</li>

									</ul>
								</div>
							</div>
						</div>
						<div class="manageexercise-main">
							<div class="row">
								<div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
									<div class="jobs-tabs">
										<div class="tab-content">
											<div class="tab-pane active" id="tabs-1" role="tabpanel">
												Overview
											</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="exerise-tab">
														<ul class="nav" role="tablist">
															<li>
																<a class="active" data-toggle="tab" href="#tabs-1a"
																	role="tab">Overview</a>
															</li>
															<li>
																<a data-toggle="tab" href="#tabs-1b"
																	role="tab">Students</a>
															</li>
															<li>
																<a data-toggle="tab" href="#tabs-1c"
																	role="tab">Exerices</a>
															</li>
														</ul>
													</div>

													<div class="exerise-tab-content">
														<div class="tab-content">
															<div class="tab-pane active" id="tabs-1a" role="tabpanel">
																<div class="module-content">
																	<div class="module-name">
																		<div class="module-radio">
																			<div class="radio-item">
																				<input type="radio" id="ritema"
																					name="ritem" value="ropt1" checked>
																				<label for="ritema">Lesson 1</label>
																			</div>
																			<div class="edit-collapse">
																				<i class="far fa-edit"></i>
																				<i class="fas fa-chevron-down"
																					data-toggle="collapse"
																					data-target="#module1"></i>
																			</div>
																		</div>
																	</div>
																	<div class="module-lessons2 collapse" id="module1">
																		<div class="module-expand">
																			<div class="manage-table">
																				<div class="cdashboard-table">
																					<table>
																						<thead>
																							<tr>

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

																							</tr>
																						</thead>
																						<tbody>
																							<tr>
																								<td>Student Name</td>
																								<td
																									class="color text-center">
																									10 / 10</td>
																								<td
																									class="yes text-center">
																									Yes</td>
																								<td
																									class="pd-20 text-center">
																									<a class="view-btn"
																										href="#">View
																										answers</a></td>
																							</tr>
																							<tr>
																								<td>Student Name</td>
																								<td
																									class="color text-center">
																									N / A</td>
																								<td
																									class="no text-center">
																									No</td>
																								<td
																									class="pd-20 text-center">
																									<a class="view-btn"
																										href="#">View
																										answers</a></td>
																							</tr>
																							<tr>
																								<td>Student Name</td>
																								<td
																									class="color text-center">
																									10 / 10</td>
																								<td
																									class="yes text-center">
																									Yes</td>
																								<td
																									class="pd-20 text-center">
																									<a class="view-btn"
																										href="#">View
																										answers</a></td>
																							</tr>
																							<tr>
																								<td>Student Name</td>
																								<td
																									class="color text-center">
																									N / A</td>
																								<td
																									class="no text-center">
																									No</td>
																								<td
																									class="pd-20 text-center">
																									<a class="view-btn"
																										href="#">View
																										answers</a></td>
																							</tr>
																							<tr>
																								<td>Student Name</td>
																								<td
																									class="color text-center">
																									10 / 10</td>
																								<td
																									class="yes text-center">
																									Yes</td>
																								<td
																									class="pd-20 text-center">
																									<a class="view-btn"
																										href="#">View
																										answers</a></td>
																							</tr>
																							<tr>
																								<td>Student Name</td>
																								<td
																									class="color text-center">
																									N / A</td>
																								<td
																									class="no text-center">
																									No</td>
																								<td
																									class="pd-20 text-center">
																									<a class="view-btn"
																										href="#">View
																										answers</a></td>
																							</tr>
																						</tbody>
																					</table>
																				</div>
																			</div>
																		</div>
																	</div>
																	<div class="module-name">
																		<div class="module-radio">
																			<div class="radio-item">
																				<input type="radio" id="lesson2"
																					name="lesson2" value="ropt1"
																					checked>
																				<label for="lesson2">Lesson 2</label>
																			</div>
																			<div class="edit-collapse">
																				<i class="far fa-edit"></i>
																				<i class="fas fa-chevron-down"
																					data-toggle="collapse"
																					data-target="#module2"></i>
																			</div>
																		</div>
																	</div>
																	<div class="module-lessons2 collapse" id="module2">
																		<div class="module-expand">
																			Lesson-2 content
																		</div>
																	</div>
																	<div class="module-name">
																		<div class="module-radio">
																			<div class="radio-item">
																				<input type="radio" id="lesson3"
																					name="lesson3" value="ropt1"
																					checked>
																				<label for="lesson3">Lesson 3</label>
																			</div>
																			<div class="edit-collapse">
																				<i class="far fa-edit"></i>
																				<i class="fas fa-chevron-down"
																					data-toggle="collapse"
																					data-target="#module3"></i>
																			</div>
																		</div>
																	</div>
																	<div class="module-lessons2 collapse" id="module3">
																		<div class="module-expand">
																			Lesson-3 content
																		</div>
																	</div>
																	<div class="module-name">
																		<div class="module-radio">
																			<div class="radio-item">
																				<input type="radio" id="lesson4"
																					name="lesson4" value="ropt4"
																					checked>
																				<label for="ritema">Lesson 4</label>
																			</div>
																			<div class="edit-collapse">
																				<i class="far fa-edit"></i>
																				<i class="fas fa-chevron-down"
																					data-toggle="collapse"
																					data-target="#module4"></i>
																			</div>
																		</div>
																	</div>
																	<div class="module-lessons2 collapse" id="module4">
																		<div class="module-expand">
																			Lesson-4 content
																		</div>
																	</div>

																</div>
															</div>
															<div class="tab-pane" id="tabs-1b" role="tabpanel">
																<div class="module-content">
																	students-content
																</div>
															</div>
															<div class="tab-pane" id="tabs-1c" role="tabpanel">
																<div class="module-content">
																	exercise-content
																</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="exerise-tab">
														<ul class="nav" role="tablist">
															<li>
																<a class="active" data-toggle="tab"
																	href="#assignmenttabs-1" role="tab">Module 1</a>
															</li>
															<li>
																<a data-toggle="tab" href="#assignmenttabs-2"
																	role="tab">Module 2</a>
															</li>
															<li>
																<a data-toggle="tab" href="#assignmenttabs-3"
																	role="tab">Module 3</a>
															</li>
														</ul>
													</div>
													<div class="assignment-tab-content">
														<div class="tab-content">
															<div class="tab-pane active" id="assignmenttabs-1"
																role="tabpanel">
																<div class="manage-table">
																	<div class="cdashboard-table">
																		<table>
																			<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 class="tab-pane" id="assignmenttabs-2" role="tabpanel">
																Module2 - content
															</div>
															<div class="tab-pane" id="assignmenttabs-3" role="tabpanel">
																Module3 - content
															</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="row">
													<div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
														<div class="left-tabs-section">
															<h1> Modules </h1>
															<ul class="nav " role="tablist">
																<li>
																	<a class="active" data-toggle="tab"
																		href="#reportstabs-1" role="tab">Overview</a>
																</li>
																<li>
																	<a data-toggle="tab" href="#reportstabs-2"
																		role="tab">Module 1</a>
																</li>
																<li>
																	<a data-toggle="tab" href="#reportstabs-3"
																		role="tab">Module 2</a>
																</li>
																<li>
																	<a data-toggle="tab" href="#reportstabs-4"
																		role="tab">Module 3</a>
																</li>
																<li>
																	<a data-toggle="tab" href="#reportstabs-5"
																		role="tab">Module 4</a>
																</li>
																<li>
																	<a data-toggle="tab" href="#reportstabs-6"
																		role="tab">Module 5</a>
																</li>
															</ul>
														</div>
													</div>
													<div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
														<div class="tab-content">
															<div class="tab-pane active" id="reportstabs-1"
																role="tabpanel">
																<div class="tab-content-managecourse">
																	<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 class="tab-pane" id="reportstabs-2" role="tabpanel">
																<div class="tab-content-managecourse">
																	<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 class="tab-pane" id="reportstabs-3" role="tabpanel">
																<div class="tab-content-managecourse">
																	<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 2 <span>35%</span></h4>

																					<div class="progress bg-red">
																						<div class="progress-bar"
																							role="progressbar"
																							style="width: 35%"
																							aria-valuenow="35"
																							aria-valuemin="0"
																							aria-valuemax="100"></div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
															<div class="tab-pane" id="reportstabs-4" role="tabpanel">
																<div class="tab-content-managecourse">
																	<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 3 <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>
																	</div>
																</div>
															</div>
															<div class="tab-pane " id="reportstabs-5" role="tabpanel">
																<div class="tab-content-managecourse">
																	<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 4 <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>
																	</div>
																</div>
															</div>
															<div class="tab-pane" id="reportstabs-6" role="tabpanel">
																<div class="tab-content-managecourse">
																	<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 5 <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>
																	</div>
																</div>
															</div>

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

										</div>

									</div>
								</div>
								<div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
									<div class="coach-right">
										<div class="user-main-info">
											<div class="user-otherinfo">
												<div class="user-email no-border">
													<div class="email-id">
														<span class="coach-name">Edit Exercise</span>
														<p>Lorem Ipsum is simply dummy text</p>
													</div>
												</div>
												<div class="create-img2">
													<img src="{{asset('images/create-cur.png')}}" />
												</div>
												<div class="create-btn">
													<a> <i class="fa fa-plus"></i> Edit Exercise </a>
												</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