@extends('admin.admin_dashboard')
@section('customcss')
	<!-- Datatable -->
	<link href="{{asset('../asset/vendor/datatables/css/jquery.dataTables.min.css')}}" rel="stylesheet">
	<!-- Custom Stylesheet -->
	<link href="{{asset('../asset/vendor/jquery-nice-select/css/nice-select.css')}}" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap"
		rel="stylesheet">
	<style>
		.bengali-text {
			font-family: 'Noto Sans Bengali', sans-serif;
		}
	</style>
@endsection

@section('admin')

	<!--**********************************
				Content body start
			***********************************-->
	<div class="content-body">
		<div class="container-fluid">
			<div class="row page-titles">
				<div class="col-md-9">
					<ol class="breadcrumb">
						<li class="breadcrumb-item active"><a href="javascript:void(0)">Home </a></li>
						<li class="breadcrumb-item"><a href="javascript:void(0)">Pending Admission</a></li>
					</ol>
				</div>
				<div class="col-md-3 mb-0 text-right">
					<a href="{{route('admin.add.admission')}}"><button class="btn btn-success"><i class="fas fa-plus"></i>
							New Admission</button></a>
				</div>
			</div>
			<div class="row">
				<div class="col-12">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Pending Admission List (QR Code Based)</h4>
						</div>
						<div class="card-body">
							@if($pendingAdmissions->count() > 0)
								<div class="table-responsive">
									<table class="table table-bordered table-striped table-hover">
										<thead>
											<tr>
												<th>Photo</th>
												<th>Application ID</th>
												<th>Name</th>
												<th>Class</th>
												<th>Session</th>
												<th>Phone</th>
												<th>Applied Date</th>
												<th>Status</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody>

											@foreach ($pendingAdmissions as $admission)
												<tr>
													<td>
														@if($admission->student_photo)
															<img class="rounded-circle" width="35"
																src="{{ asset('core/storage/app/public/' . $admission->student_photo) }}"
																alt="">
														@else
															<img class="rounded-circle" width="35"
																src="{{ asset('asset/images/avatar/default.jpg') }}" alt="">
														@endif
													</td>
													<td>{{ str_pad($admission->id, 6, '0', STR_PAD_LEFT) }}</td>
													<td class="bengali-text">
														<strong>{{ $admission->student_name_english }}</strong><br>
														<small style="color: #666;">{{ $admission->student_name_bangla }}</small>
													</td>
													<td>{{ $admission->class->name ?? 'N/A' }}</td>
													<td>{{ $admission->session->name ?? 'N/A' }}</td>
													<td>{{ $admission->phone }}</td>
													<td>{{ $admission->created_at->format('d/m/Y h:i A') }}</td>
													<td><span class="badge badge-warning">Pending</span></td>
													<td>
														<div class="dropdown dropup position-static ms-auto text-end">
															<div class="btn-link" data-bs-toggle="dropdown" style="cursor:pointer">
																<svg width="18px" height="18px" viewBox="0 0 24 24">
																	<g stroke="none" fill="none">
																		<circle fill="#000" cx="5" cy="12" r="2"></circle>
																		<circle fill="#000" cx="12" cy="12" r="2"></circle>
																		<circle fill="#000" cx="19" cy="12" r="2"></circle>
																	</g>
																</svg>
															</div>
															<div class="dropdown-menu dropdown-menu-end"
																style="position: absolute !important;">
																<a class="dropdown-item"
																	href="{{route('qr.admission.print', $admission->id)}}"
																	target="_blank">
																	<i class="fas fa-eye"></i> View Details
																</a>
																<a class="dropdown-item"
																	href="{{route('admin.review.pending.admission', $admission->id)}}">
																	<i class="fas fa-check-circle"></i> Review & Approve
																</a>
															</div>
														</div>
													</td>
												</tr>
											@endforeach
										</tbody>
									</table>
								</div>
							@else
								<div class="alert alert-info text-center">
									<i class="fas fa-info-circle"></i> No pending admissions found.
								</div>
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--**********************************
				Content body end
			***********************************-->
@endsection

@section('customjs')

	<!-- Datatable -->
	<script src="{{asset('../asset/vendor/datatables/js/jquery.dataTables.min.js')}}"></script>
	<script src="{{asset('../asset/js/plugins-init/datatables.init.js')}}"></script>

	<script src="{{asset('../asset/vendor/jquery-nice-select/js/jquery.nice-select.min.js')}}"></script>
@endsection