@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 href="/placementmanagecourse/">Overview</a>
													</li> 
													-->
													<li>
														<a class="active" href="/placementmanagecoursestudents/">Students</a>
													</li>
													<li>
														<a href="/placementmanagecourseexercise/">Exercises</a>
													</li>
													<li>
														<a href="/placementmanagecourseassignments/">Assignments</a>
													</li>
													<!-- 
													<li>
														<a href="/placementmanagecoursefees/">Fees</a>
													</li> 
													-->
													<li>
														<a href="/placementmanagecoursereports/" >Reports</a>
													</li>
													<li>
														<a href="/placementcertifications/">Certification Validate</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>Students</h1>
														</div>
														<div class="manage-course-content2">
														<ul>
															<li><a href="/course_students/"><i class="fa	 fa-copy"></i> Export</a></li>
														</ul>
														</div>
														<div class="manage-table">
															<div class="ttl-cont-ful">
																<div class="ttl-cont-indi">
																	<span>Total Students:</span>0																</div>
																<div class="ttl-cont-indi">
																	<span>Assignments Submited/Total Assignments:</span>0/0																</div>
																<div class="ttl-cont-indi">
																	<span>Candidate Attempted/Total Exercises:</span>/0																</div>
														</div>
														
														<div class="manage-table">
															<div class="cdashboard-table d-none">
																<table id="myTable">
																	<thead>
																	<tr>
																		<!-- <th> &nbsp </th> -->
																		<th>Name</th>
																		<th>Email</th>
																		<th>Last login</th>
																		<!-- <th>Purchases</th> -->
																		<th>Start Date</th>
																	</tr>
																	</thead>
																	<tbody>
																																			</tbody>
																</table>
															</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