@extends('admin.administration')

@section('content')
<style>
	.addstudent {
		width: 600px;
		margin: 50px 50px;
	}

	.addstudent form {
		margin: 0 auto;
	}

	#addbutton {
	    border: none;
	    width: 90px;
	    height: 38px;
	    border-radius: 3px;
	    background: #415F2A;
	    color: #fff;
	}

</style>
	<div class="addstudent">
		<h3>Add new student</h3>

		<form action="{{ URL::to('/') . '/admin/administration/add-student' }}" method="post">
			
			<label for="first_name">First name</label>
			<input type="text" name="first_name" value="" placeholder="First name"><br><br>

			<label for="last_name">Last name</label>
			<input type="text" name="last_name" value="" placeholder="Last name"><br><br>

			<label for="email">Email</label>
			<input type="email" name="email" value="" placeholder="Email"><br><br>

			<label for="parent_email">Parent email</label>
			<input type="email" name="parent_email" value="" placeholder="Parent email"><br><br>

			<label for="home_phone">Home phone</label>
			<input type="text" name="home_phone" value="" placeholder="Home phone"><br><br>

			<label for="grade">Select grade</label>
			<select name="grade" id="gradeChange">
				@foreach($grades as $grade)
				<option value="{{ $grade->id }}">{{ $grade->name }}</option>
				@endforeach
			</select><br><br>

			<label for="school">Select school</label>
			<select name="school" id="schoolChange">
				@foreach($schools as $school)
				<option value="{{ $school->id }}">{{ $school->name }}</option>
				@endforeach
			</select><br><br>

			<label for="class_id">Assign class</label>
			<select name="class_id" id="">
			@foreach($programs as $program)
				<option value="{{ $program->id }}">()				</option>
			@endforeach
			</select><br><br>

			<input type="hidden" name="_token" value="{{ csrf_token() }}">

			<input type="submit" id="addbutton" name="submit" value="Add Student">

		</form>
	</div>

	<script>
		$("#gradeChange").change(function() {

    		var gradeId = $("#gradeChange").val();
		    $("#schoolChange").val([]);

		    $.post("{{ URL::to('/admin/administration/schoolChange') }}", { "gradeId": gradeId, "_token": $('input[name=_token]').val() }, function(data)
		    {
		    	// console.log(data);
		    	$("#schoolChange").empty().append(data);
		    });

    	});
	</script>
@stop