@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)">Groups</a></li>
					</ol>
				</div>
				<div class="col-md-3 mb-0 text-right">
					<a href="{{ route('groups.create') }}"><button class="btn btn-success"><i class="fas fa-plus"></i>
							Create</button></a>
				</div>
			</div>
			<div class="row">
				<div class="col-12">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Group List</h4>
						</div>
						<div class="card-body">
							<div class="table-responsive">
								<table id="example" class="display" style="min-width: 845px">
									<thead>
										<tr>
											<th>#</th>
											<th>Name</th>
											<th>Code</th>
											<th>Actions</th>
										</tr>
									</thead>
									<tbody>
										@foreach($groups as $g)
											<tr>
												<td>{{ $g->id }}</td>
												<td>{{ $g->name }}</td>
												<td>{{ $g->code }}</td>
												<td>
													<a href="{{ route('groups.edit', $g->id) }}"
														class="btn btn-sm btn-secondary">Edit</a>
													<a href="{{ route('admin.groups.assign.subjects', $g->id) }}"
														class="btn btn-sm btn-info">Assign Subjects</a>
													<a href="{{ route('admin.groups.assign.classes', $g->id) }}"
														class="btn btn-sm btn-primary">Assign Class</a>
													<form action="{{ route('groups.destroy', $g->id) }}" method="POST"
														style="display:inline" onsubmit="return confirm('Delete?')">
														@csrf @method('DELETE')
														<button class="btn btn-sm btn-danger">Delete</button>
													</form>
												</td>
											</tr>
										@endforeach
									</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