@extends('layouts.counselling')
@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>
							</ul>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
						<div class="row">

							<div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
								<div class="boxes">
									<div class="jobslist">
										<ul class="nav nav-tabs" role="tablist">
											<li>
												<a class="active" id="tabapp_1" onclick="get_all_applications()" >Open</a>
											</li>
											<li>
												<a id="tabapp_2" onclick="get_approved_applications()">Approved</a>
											</li>
											<li>
												<a id="tabapp_3" onclick="get_declined_applications()" >Declined</a>
											</li>
										</ul>
									</div>

								</div>
								<div class="jobs-tabs" style="margin-top:10px;">
									<div class="tab-content">
										<div class="tab-pane active" id="apptabs-1" role="tabpanel">
											<div class="boxes">
												<div class="your-jobs-tab" style="padding:13px;">
													<div class="manage-table plac-dashboard-table-list" style="margin-top:0px;">
														<div class="cdashboard-table dashboardtable">
															<table id="counselling_all_app" class="display">
																<thead>
																<tr>
																	<th scope="col">S.No</th>
																	<th scope="col">Name</th>
																	<th class="text-center" scope="col">Location</th>
																	<th class="text-center" scope="col">App Date</th>
																	<th class="text-center" scope="col">Status</th>
																	<th class="text-center" scope="col">Actions</th>
																</tr>
																</thead>
																<tbody >
																<!--<tr>
																	<td>Ravi kumar</td>
																	<td class="text-center">12-12-2020</td>
																	<td class="text-center">20</td>
																	<td class="text-center">50</td>
																	<td class="all-students text-center">
																		<a href="#" class="evale"><i class="fa fa-eye"></i> View Evaluation</a>
																	</td>
																</tr> -->
																

																</tbody>
															</table>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="tab-pane" id="apptabs-2" role="tabpanel">
											<div class="boxes">
												<div class="your-jobs-tab" style="padding:13px;">
													<div class="manage-table plac-dashboard-table-list" style="margin-top:0px;">
														<div class="cdashboard-table dashboardtable">
															<table id="myTable" class="display">
																<thead>
																<tr>
																	<th scope="col">S.No</th>
																	<th scope="col">Name</th>
																	<th class="text-center" scope="col">Location</th>
																	<th class="text-center" scope="col">App Date</th>
																	<th class="text-center" scope="col">Status</th>
																	<th class="text-center" scope="col">Actions</th>
																</tr>
																</thead>
																<tbody >
																
																</tbody>
															</table>
														</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="new-job-req" style="margin-top:10px;">
									<div class="boxes">
										<div class="new-job-req-list">
											<h5>New Request</h5>
											 @foreach($applicationslist as $app)
											 <div class="new-job-list" id="appli_{{$app->id}}" >
												<h6><a href="/counselling_candidate_info/">None </a></h6>
												<div class="joblist-data">
													<p><i class="fas fa-briefcase"></i>None </p>
													<p><i class="fas fa-map-marker-alt"></i> None</p>

													<div class="job-view-hide">
														<a onclick="approve_application('')"><i class="fas fa-eye"></i> Accept</a>

														<a onclick="decline_application('')" class="decline"><i class="fas fa-times"></i> Decline</a>
													</div>
												</div>
											</div>
											@endforeach
										</div>

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

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

@endsection