@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">
@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)"> Assign Section list</a></li>
					</ol>
				</div>
				<div class="col-md-3 mb-0 text-right">
					<a href="{{route('admin.add.assign.section')}}"><button class="btn btn-success"><i class="fas fa-plus"></i> Add / Manage Assign Section</button></a>
				</div>
				</div>
				<div class="row">
					<div class="col-12">
						<div class="card">
							<div class="card-header">
								<h4 class="card-title">Assign Section List (by Class)</h4>
							</div>
							<div class="card-body">
								<div class="table-responsive">
									<table class="table table-bordered table-sm">
										<thead>
											<tr>
												<th>#</th>
												<th>Class</th>
												<th>Total Sections</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody>
											@foreach ($records as $index => $r)
												<tr>
													<td>{{ $index + 1 }}</td>
													<td>{{ $r->classModel->name ?? 'N/A' }}</td>
													<td>{{ $r->total }}</td>
													<td>
														<a href="{{ route('admin.add.assign.section', ['class_id' => $r->class_id]) }}" class="btn btn-sm btn-primary">Edit</a>
													</td>
												</tr>
											@endforeach
											@if($records->isEmpty())
												<tr><td colspan="4" class="text-center">No records found</td></tr>
											@endif
										</tbody>
									</table>
								</div>
							</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