@extends('layouts.admissions')

@section('content')

<div class="page-header">
	<div class="pull-left">
		<h1>Set Subcounties</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('status'))
					<div class="alert alert-success">
						{{session('status')}}
					</div>
				@endif

				<form action="setdepartments" method="POST">
					<input type="hidden" name="_token" value="{{csrf_token()}}">
					<input type="hidden" name="logged" value="{{Auth::user()->id}}">


					<div class="row">
						<div class="col-sm-4">
							<div class="form-group">
								<label>
									Select Fuculty
								</label>

								<select name="faculty" class="form-control select2" required="">
									<option value="">Select Faculty</option>
									@foreach($counts as $count)
										<option value="{{$count->id}}">{{$count->name}}</option>
									@endforeach

								</select>

							</div>

						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label>
									Department Name
								</label>
								<input type="text" name="department[]" class="form-control" required
									placeholder="Department Name">

							</div>

						</div>

					</div>
					<div class="add">

					</div>
					<br />
					<div class="row">
						<div class="col-sm-4">
							<input type="submit" name="" class="btn btn-primary">

						</div>
						<div class="col-sm-3">


						</div>

					</div>
					<br />
				</form>
				<button class="next btn btn-danger pull-right">Add Field</button>
				<input type="number" name="" id='check' placeholder="This one hold auto incrementing value" value="1">
				



				<div class="row" style="margin-top: 2rem">
					<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>SRN</th>

											<th class='hidden-350'>Name</th>
											<th class='hidden-350'>Faculty</th>

											<th class='hidden-350'>Added On</th>
											<th class='hidden-350'>Edit</th>
											<th class='hidden-350'>Delete</th>

										</tr>
									</thead>
									<tbody>
																				@foreach($departments as $c)
																						<tr>
												<td>{{$id}}</td>

												<td class='hidden-350'>{{$c->name}}</td>

												<td class='hidden-350'>{{$c->faculty}}</td>
												<td class='hidden-350'>{{$c->created_at}}</td>
												<td class='hidden-350'>
													<a href="{{url('editdepartment', $c->id)}}" class="btn btn-sm btn-info">
														Edit
													</a>

												</td>
												<td class='hidden-350'>
													<a href="{{url('deletedepartment', $c->id)}}"
														class="btn btn-sm btn-danger">
														Delete
													</a>

												</td>


											</tr>
										@endforeach()

									</tbody>
								</table>

							</div>
						</div>

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


<script type="text/javascript">
	$(document).ready(function () {
		var myVar = '';
		$('.next').click(function () {
			//$('.add').append("come");

			//var a=10;
			//$('#check').val(5);

			var a = $('#check').val();

			b = parseInt(a) + 1;
			$('#check').val(b);







			var data = "<div class='row'><div class='col-sm-4'><div class='form-group'><label>Fuculty Name</label><input type='text'  name='department[]' class='form-control' placeholder='Enter Faculty Name'></div></div><diass=v cl'cosl-m-4'></div></div> ";
			//$.post('/ajaxa',function($data){
			$('.add').append(data);
			//});
		});
	});

</script>
<script type="text/javascript">
	$(document).ready(function () {
		$('.nxt').click(function () {
			//$(this).remove();
			alert();
		});
	});
</script>

@stop