@extends('layouts.admissions')

@section('content')

			<div class="container-fluid">
				<div class="page-header">
					<div class="pull-left">
						<h1>@if(!empty($status)) {{$status}} @endif</h1>
					</div>
					
				</div>
				<div class="row">
					<div class="col-sm-6">
						<label>
							@if(!empty($status)) {{$status}} @endif
						</label>
						
					</div>
					
				</div>
				
				
			</div>
			@if(!empty($errors))
				<div class="row alert-danger">
					@foreach($errors->all() as $error)
						<ul>
							<li>{{ $error }}</li>
						</ul>
					@endforeach
				</div>
			@endif
			@if(session('status'))
				<div class="row success">
					{{ session('status') }}
				</div>
			@endif
			<form action="possiblesubjects" method="POST">
			{{csrf_field()}}
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label>Subject</label>
							<input type="text" name="subject[]" placeholder="Subject" class="form-control">
						</div>
					</div>
				</div>
				<div class="add">
					
				</div>
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<span class="next btn btn-danger btn-small" >Add Field</span>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<input type="submit" name="" class="btn btn-primary">
						</div>
					</div>
				</div>
			</form>
			<div class="panel-body">
				<table class="table-bordered" id="example">
					
				</table>
			</div>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".next").click(function(){
					var data="<div class='row'><div class='col-sm-3'><div class='form-group'><label>Add Subject</label><input class='form-control' name='subject[]' placeholder='Subject'></div></div></div>";
					$(".add").append(data);
				});
			});
		</script>

@stop