@extends('layouts.admissions')

@section('content')

				<div class="page-header">
					<div class="pull-left">
						<h1>Student Category</h1>
					</div>
					
				</div>
				
				<div class="row">
					<div class="col-sm-12">
						<div class="box">
							
							<div class="box-content">
								
								@if (count($errors) > 0)
								    <div class="alert alert-danger">
								        <ul>
								            @foreach ($errors->all() as $error)
								                <li>{{ $error }}</li>
								            @endforeach
								        </ul>
								    </div>
								@endif
									@if (session('success'))
										<div class="alert alert-success">
											<ul>
												{{session('success')}}
											</ul>
										</div>
									@endif
								
								<form method="POST" action="studentCategory">

									<div class="row">
										<input type="hidden" name="_token" value="{{csrf_token() }}">
										<div class="col-sm-6">
											<label>
												Name of the category
											</label>
											<div class="form-group">
												<input type="text" name="categoryname" class="form-control" value="{{old('categoryname')}}" placeholder="Cateory Name">
												
											</div>
											
										</div>
										</div>
										<div class="row">
											<div class="col-sm-4">
												<input type="submit" name="" class="btn btn-primary">
												
											</div>
											
										</div>
										
										
									
									
								</form>
								<div class="row">
								
								
								
									
								</div>
								
								<div class="row">
	<div class="col-sm-12">
		<div class="box box-bordered">
			<div class="box-title">
				<h3>
					<i class="fa fa-table"></i>
					Student Categories
				</h3>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<div class="card">
			
			
						<div class="card-body">
							<table id="scroll-horizontal" class="table nowrap align-middle" style="width:100%">
								<thead>
									<tr>
										<th>Category Name</th>
										<th>Date Created</th>
										<th class='hidden-350'>Last Updated</th>
										<th class='hidden-350'>Action</th>
			
									</tr>
								</thead>
								<tbody>
									@foreach($classes as $c)
										<tr>
											<td>{{$c->category_name}}</td>
											<td>
												{{$c->created_at}}
											</td>
											<td class='hidden-350'>{{$c->updated_at}}</td>

											<td>
												<button type="button" class="btn btn-success btn-xs" data-toggle="modal"
													data-target="#myModal{{$c->id}}">Edit</button>
											</td>
										</tr>
										<!-- Modal -->
										<div id="myModal{{$c->id}}" class="modal fade" role="dialog">
											<div class="modal-dialog">

												<!-- Modal content-->
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal">&times;</button>
														<h4 class="modal-title">Edit {{$c->category_name}}</h4>
													</div>
													<form method="post" action="{{url('/edit-student-category')}}">
														<input type="hidden" name="_token" value="{{csrf_token() }}">
														<input type="hidden" name="id" value="{{$c->id }}">
														<div class="modal-body">
															<div class="row">
																<div class="col-md-6">
																	<div class="form-group">
																		<label>
																			Name
																		</label>
																		<input name="category_name" value="{{$c->category_name}}"
																			class="form-control">
																	</div>
																</div>
															</div>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-default btn-sm"
																data-dismiss="modal">Close</button>
															<button type="submit" class="btn btn-success btn-sm">Submit</button>
														</div>
													</form>
												</div>

											</div>
										</div>
									@endforeach()
			
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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

@stop