@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-md-12">
		<div class="panel panel-default">
			<div class="panel-heading">
		    <strong> Student Details

		      <a class="btn btn-xs btn-warning pull-right" href="{{ route('LoggedIn.Settings.Student.index') }}">
						<i class="fa fa-chevron-left"></i> Back
					</a>
		    </strong>
			</div>
			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal" role="form" method="POST" action="{{ route('LoggedIn.Settings.Student.store') }}">
					@csrf

					<div class="form-group form-group-sm">
						<label for="student_name" class="col-sm-2 control-label">
							Student Name <sup class="text-danger"><i class="fa fa-asterisk"></i></sup>
						</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="student_name" name="student_name" placeholder="Student Name"
								value="{{ old('student_name') }}" onkeyup="this.value=this.value.toUpperCase()"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="year_of_admission" class="col-sm-2 control-label">
							Admission Year <sup class="text-danger"><i class="fa fa-asterisk"></i></sup>
						</label>
						<div class="col-sm-3">
							<select class="form-control" id="year_of_admission" name="year_of_admission">
								<option value="">---Select---</option>
								@if ($years->isNotEmpty())
									@foreach ($years as $year)
										<option value="{{ $year->year_id }}" {{ old('year_of_admission') == $year->year_id ? 'selected' : '' }}>
											{{ $year->year }}
										</option>
									@endforeach
								@endif
							</select>
						</div>
						<label for="academic_session" class="col-sm-3 control-label">
							Student Session <sup class="text-danger"><i class="fa fa-asterisk"></i> </sup>
						</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="academic_session" name="academic_session" placeholder="Student academic session"
								value="{{ old('academic_session') }}"/>
						</div>
						@include ('includes.branch_names', ['labelColWidth' => 3, 'fieldColWidth' => 4])
					</div>
					<div class="form-group form-group-sm">
						@include ('includes.branch_shift_version_names', ['labelColWidth' => 2, 'fieldColWidth' => 3])

						@include ('includes.class_names', ['labelColWidth' => 3, 'fieldColWidth' => 4])
					</div>
					<div class="form-group form-group-sm">
						@include ('includes.section_names', ['labelColWidth' => 2, 'fieldColWidth' => 3])

						@include ('includes.group_names', ['labelColWidth' => 3, 'fieldColWidth' => 4])
					</div>
					<div class="form-group form-group-sm">
						<label for="roll_no" class="col-sm-2 control-label">Roll No </label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="roll_no" name="roll_no" placeholder="Roll No"
								   value="{{ old('roll_no') }}" />
						</div>

						<label for="gender" class="col-sm-3 control-label">
							Gender <sup class="text-danger"><i class="fa fa-asterisk"></i> </sup>
						</label>
						<div class="col-sm-4">
							<select class="form-control" id="gender" name="gender">
								<option value="">---Select---</option>
								@if ($genders->isNotEmpty())
									@foreach ($genders as $gender)
										<option value='{{ $gender->gender_id }}'  {{ old('gender') == $gender->gender_id ? 'selected' : '' }}>
											{{ $gender->gender }}
										</option>
									@endforeach
								@endif
							</select>
						</div>
					</div>
					<div class="form-group form-group-sm">
						@include ('includes.academic_years', ['labelColWidth' => 2, 'fieldColWidth' => 3])

						<label for="father_mobile" class="col-sm-3 control-label">
							Guardian Mobile <sup class="text-danger"><i class="fa fa-asterisk"></i></sup>
						</label>
						<div class="col-sm-4">
							<div class=" input-group">
								<span class="input-group-addon" id="basic-addon2">8801</span>
								<input type="text" class="form-control" id="father_mobile" name="father_mobile" placeholder="Father Mobile"
									value="{{ old('father_mobile') }}" aria-describedby="basic-addon2" maxlength="9"
								/>
							</div>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="father_name" class="col-sm-2 control-label">Father Name</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="father_name" name="father_name" placeholder="Father Name"
								value="{{ old('father_name') }}" onkeyup="this.value=this.value.toUpperCase()"
							/>
						</div>

						<label for="mother_name" class="col-sm-3 control-label">Mother Name</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="mother_name" name="mother_name" placeholder="Mother Name"
								value="{{ old('mother_name') }}" onkeyup="this.value=this.value.toUpperCase()"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="mother_mobile" class="col-sm-2 control-label">
							Contact SMS <sup class="text-danger"><i class="fa fa-asterisk"></i></sup>
						</label>
						<div class="col-sm-3">
							<div class=" input-group">
								<span class="input-group-addon" id="basic-addon3">8801</span>
								<input type="text" class="form-control" id="mother_mobile" name="mother_mobile" placeholder="Mother Mobile"
									value="{{ old('mother_mobile') }}" aria-describedby="basic-addon3" maxlength="9"
								/>
							</div>
						</div>

						<label for="status" class="col-sm-3 control-label">
							Status <sup class="text-danger"><i class="fa fa-asterisk"></i></sup>
						</label>
						<div class="col-sm-4">
							<select class="form-control" name="status">
								<option value="">----- Select -----</option>
								<option value="1" selected>Regular</option>
								<option value="0">Irregular</option>
							</select>
						</div>
					</div>
					<div class="form-group form-group-sm">
					<label for="birthday" class="col-sm-2 control-label">Birthday</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="birthday" name="birthday"
								placeholder="Birthday" value="{{ old('birthday') }}"
							/>
						</div>
					</div>
					<h4 class="text-center bg-info" style="padding: 5px;">Testimonal Information</h4>
						<div class="row">
							<div class="form-group form-group-sm col-sm-4">
								<div class="row">
									<label for="jsc_roll" class="col-sm-3 control-label">JSC Roll</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="jsc_roll" name="jsc_roll"
											placeholder="JSC Roll" value="{{ old('jsc_roll') }}"
										/>
									</div>
								</div>
							</div>
							<div class="form-group form-group-sm col-sm-4">
								<div class="row">
									<label for="jsc_registration" class="col-sm-3 control-label">Registration</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="jsc_registration" name="jsc_registration"
											placeholder="Registration" value="{{ old('jsc_registration') }}"
										/>
									</div>
								</div>
							</div>
							<div class="form-group form-group-sm col-sm-4">
								<div class="row">
									<label for="jsc_board" class="col-sm-3 control-label">Board</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="jsc_board" name="jsc_board"
											placeholder="Board ex. Dhaka" value="{{ old('jsc_board') }}"
										/>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group form-group-sm col-sm-4">
								<div class="row">
									<label for="jsc_passing_year" class="col-sm-3 control-label">Passing Year</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="jsc_passing_year" name="jsc_passing_year"
											placeholder="Passing Year ex. 2018" value="{{ old('jsc_passing_year') }}"
										/>
									</div>
								</div>
							</div>
							<div class="form-group form-group-sm col-sm-4">
								<div class="row">
									<label for="jsc_gpa" class="col-sm-3 control-label">GPA</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="jsc_gpa" name="jsc_gpa"
											placeholder="GPA ex. 5" value="{{ old('jsc_gpa') }}"
										/>
									</div>
								</div>
							</div>
						</div>
					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button type="submit" id="section_submit" class="btn btn-success btn-block">
								<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function () {
		$('#birthday').datepicker({
			format: "yyyy-mm-dd",
			autoclose: true
		});
	});
</script>

@endsection