@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-warning btn-xs pull-right" href="{{ route('LoggedIn.Settings.Student.index') }}">
						<i class="fa fa-chevron-left"></i> Go 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.update', array('Student' => $studentDetails->student_id)) }}"
				>
					@csrf
					{!! method_field('put') !!}

					<div class="form-group form-group-sm">
						<label for="profile_pic" class="col-sm-2 control-label"></label>
						<div class="col-sm-5 col-sm-offset-3">
							<div class="userpic">
								<div class="userpic-wrapper" >
									<div style="text-align: center;">
										@if ($studentDetails->profile_image && file_exists('img/StudentPicture/' . $studentDetails->profile_image))
											<img class="media-object"
												src="{{ asset('img/StudentPicture') . '/' . $studentDetails->profile_image }}"
												alt="{{ $studentDetails->student_name }}"
												class="img-responsive" width="150" height="150" style="border: 1px solid blue;"
											/>
										@else
											<img class="media-object" src="{{ asset('img/avatar-default.png') }}"
												alt="{{ $studentDetails->student_name }}" class="img-responsive"
												width="150" height="150" style="border: 1px solid blue;"
											/>
										@endif
									</div>
								</div>
								<b>
									<a href="#" data-toggle="modal" data-target="#studentProfile">
										<i class="fa fa-edit"></i> Edit Picture
									</a>
								</b>
							</div>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="student_name" class="col-sm-2 control-label">
							Student Name <sup><i class="fa fa-asterisk" style='color: red;'></i></sup>
						</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="student_name" name="student_name"
								placeholder="Student Name" value="{{ $studentDetails->student_name }}"
							/>
						</div>
					</div>

					<input type="hidden" name="system_generated_student_id" value="{{ $studentDetails->system_generated_student_id }}">

					<div class="form-group form-group-sm">
						@include (
							'includes.branch_names',
							['labelColWidth' => 2, 'fieldColWidth' => 3, 'asterisk' => true, 'storedData' => $studentDetails->branch]
						)

						@include (
							'includes.branch_shift_version_names',
							['labelColWidth' => 2, 'fieldColWidth' => 3, 'asterisk' => true, 'storedData' => $studentDetails->institute_branch_version_id]
						)
						<label for="system_generated_student_id" class="col-sm-3 control-label">Update Due Amount
							<sup><i class="fa fa-asterisk" style='color: red;'></i></sup>
						</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="due_amount" name="due_amount"
								placeholder="Update Due Amount" value="{{ $studentDetails->cash_in_hands }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						@include (
							'includes.class_names',
							['labelColWidth' => 2, 'fieldColWidth' => 3, 'asterisk' => true, 'storedData' => $studentDetails->class_id]
						)

						@include (
							'includes.group_names',
							['labelColWidth' => 3, 'fieldColWidth' => 3, 'asterisk' => true, 'storedData' => $studentDetails->stu_group]
						)
					</div>
					<div class="form-group form-group-sm">
						@include (
							'includes.section_names',
							['labelColWidth' => 2, 'fieldColWidth' => 3, 'asterisk' => true, 'storedData' => $studentDetails->section_id]
						)

						<label for="system_generated_student_id" class="col-sm-3 control-label">Student ID
							<sup><i class="fa fa-asterisk" style='color: red;'></i></sup>
						</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" placeholder="Student ID" id="system_generated_student_id"
								name="system_generated_student_id" value="{{ $studentDetails->system_generated_student_id }}" readonly
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="roll_no" class="col-sm-2 control-label">
							Roll No <sup><i class="fa fa-asterisk" style='color: red;'></i></sup>
						</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="roll_no" name="roll_no"
								placeholder="Roll No" value="{{  $studentDetails->roll_no }}"
							/>
						</div>

						<label for="rfid_card_no" class="col-sm-3 control-label">RFID Card</label>
						<div class="col-sm-4">
							<div class="input-group">
								<input type="text" class="form-control" id="rfid_card_no" name="rfid_card_no"
									placeholder="RFID Card" value="{{ $studentDetails->rfid_card_no }}" readonly
								/>
								<span class="input-group-btn">
									<button class="btn btn-info btn-sm" type="button" id="rfidBtn">
										<span class="glyphicon glyphicon-search" aria-hidden="true"></span> Get Card No!
									</button>
								</span>
							</div>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="contact_for_sms" class="col-sm-2 control-label">
							Contact for SMS <sup><i class="fa fa-asterisk" style='color: red;'></i></sup>
						</label>
						<div class="col-sm-3">
							<div class=" input-group">
								<span class="input-group-addon" id="basic-addon1">8801</span>
								<input type="text" class="form-control" id="contact_for_sms" name="contact_for_sms"
									placeholder="Contact for SMS" value="{{ substr($studentDetails->contact_for_sms, 4) }}"
									aria-describedby="basic-addon1"
								/>
							</div>
						</div>

						<label for="rfid_card_no2" class="col-sm-3 control-label">Card No</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="rfid_card_no2" name="rfid_card_no2"
								placeholder="Card No" value="{{  $studentDetails->rfid_card_no2 }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="gender" class="col-sm-2 control-label">
							Gender <sup><i class="fa fa-asterisk"style='color: red;'></i></sup>
						</label>
						<div class="col-sm-3">
							<select class="form-control" id="gender" name="gender">
								<option value="">---Select---</option>
								@if ($genders->isNotEmpty())
									@foreach ($genders as $gender)
										<option value="{{ $gender->gender_id }}" {{ $gender->gender_id == $studentDetails->gender ? 'selected' : '' }}>
											{{ $gender->gender }}
										</option>
									@endforeach
								@endif
							</select>
						</div>

						<label for="status" class="col-sm-3 control-label">
							Status <sup><i class="fa fa-asterisk"style='color: red;'></i></sup>
						</label>
						<div class="col-sm-4">
							<select class="form-control" name="status" id="status">
								<option value="">----- Select -----</option>
								<option value="1" {{ $studentDetails->status == 1 ? 'selected' : '' }}>Regular</option>
								<option value="2" {{ $studentDetails->status == 2 ? 'selected' : '' }}>Irregular</option>
								<option value="3" {{ $studentDetails->status == 3 ? 'selected' : '' }}>TC Before Admission </option>
								<option value="4" {{ $studentDetails->status == 4 ? 'selected' : '' }}>TC After Admission </option>
							</select>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="academic_year" class="col-sm-2 control-label">
							Academic Year <sup><i class="fa fa-asterisk"style='color: red;'></i></sup>
						</label>
						<div class="col-sm-3">
							<select class="form-control" name="academic_year" id="academic_year">
								<option value="">----- Select -----</option>
									@if ($academicYears->isNotEmpty())
																	@foreach ($academicYears as $year)
																		<option value="{{ $year->academic_year }}" {{ $year->academic_year == $studentDetails->acc_year ? 'selected' : '' }}>
																			{{ $year->academic_year }}
																		</option>
																	@endforeach
																@endif
							</select>
						</div>
						<label for="birthday" class="col-sm-3 control-label">Birthday</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="birthday" name="birthday"
								placeholder="Birthday" value="{{ $studentDetails->birthday }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="blood_group" class="col-sm-2 control-label">Blood Group</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="blood_group" name="blood_group"
								placeholder="Blood Group" value="{{ $studentDetails->blood_group }}"
							/>
						</div>

						<label for="known_health_problem" class="col-sm-3 control-label">Heath Problem</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="known_health_problem" name="known_health_problem"
								placeholder="Heath Problem" value="{{ $studentDetails->known_health_problem }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="religion" class="col-sm-2 control-label">Religion</label>
						<div class="col-sm-3">
							<select class="form-control" name="religion" id="religion">
								<option value="">----- Select -----</option>
								@if ($religions->isNotEmpty())
									@foreach ($religions as $religion)
										<option value="{{ $religion->religion_id }}" {{ $religion->religion_id == $studentDetails->religion ? 'selected' : '' }}>
											{{ $religion->religion }}
										</option>
									@endforeach
								@endif
							</select>
						</div>

						<label for="father_name" class="col-sm-3 control-label">Father Name</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="father_name" name="father_name"
								placeholder="Father Name" value="{{ $studentDetails->father_name }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="father_mobile" class="col-sm-2 control-label">Father Mobile</label>
						<div class="col-sm-3">
							<div class=" input-group">
								<span class="input-group-addon" id="basic-addon1">8801</span>
								<input type="text" class="form-control" id="father_mobile" name="father_mobile"
									placeholder="Father Mobile" value="{{ substr($studentDetails->father_mobile, 4) }}"
								/>
							</div>
						</div>

						<label for="father_email" class="col-sm-3 control-label">Father Email</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="father_email" name="father_email"
								placeholder="Father Email" value="{{ $studentDetails->father_email }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="father_age" class="col-sm-2 control-label">Father Age</label>
						<div class="col-sm-3">
							<select class="form-control" name="father_age" id="father_age">
								<option value="">----- Select -----</option>
								<option value="21-30" {{ $studentDetails->father_age == "21-30" ? 'selected' : '' }}>21-30</option>
								<option value="31-40" {{ $studentDetails->father_age == "31-40" ? 'selected' : '' }}>31-40</option>
								<option value="41-50" {{ $studentDetails->father_age == "41-50" ? 'selected' : '' }}>41-50</option>
								<option value="51-60" {{ $studentDetails->father_age == "51-60" ? 'selected' : '' }}>51-60</option>
								<option value="61-70" {{ $studentDetails->father_age == "61-70" ? 'selected' : '' }}>61-70</option>
							</select>
						</div>

						<label for="father_profession" class="col-sm-3 control-label">Father Profession</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="father_profession" name="father_profession"
								placeholder="Father Profession" value="{{ $studentDetails->father_profession }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="father_designation" class="col-sm-2 control-label">Father Designation</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="father_designation" name="father_designation"
								placeholder="Father Designation" value="{{ $studentDetails->father_designation }}"
							/>
						</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="{{ $studentDetails->mother_name }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="mother_mobile" class="col-sm-2 control-label">Mother Mobile</label>
						<div class="col-sm-3">
							<div class=" input-group">
								<span class="input-group-addon" id="basic-addon1">8801</span>
								<input type="text" class="form-control" id="mother_mobile" name="mother_mobile"
									placeholder="Mother Mobile" value="{{ substr($studentDetails->mother_mobile, 4) }}"
								/>
							</div>
						</div>

						<label for="mother_email" class="col-sm-3 control-label">Mother Email</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="mother_email" name="mother_email"
								placeholder="Mother Email" value="{{ $studentDetails->mother_email }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="mother_age" class="col-sm-2 control-label">Mother Age</label>
						<div class="col-sm-3">
							<select class="form-control" name="mother_age" id="mother_age">
								<option value="">----- Select -----</option>
								<option value="21-30" {{ $studentDetails->mother_age == "21-30" ? 'selected' : '' }}>21-30</option>
								<option value="31-40" {{ $studentDetails->mother_age == "31-40" ? 'selected' : '' }}>31-40</option>
								<option value="41-50" {{ $studentDetails->mother_age == "41-50" ? 'selected' : '' }}>41-50</option>
								<option value="51-60" {{ $studentDetails->mother_age == "51-60" ? 'selected' : '' }}>51-60</option>
								<option value="61-70" {{ $studentDetails->mother_age == "61-70" ? 'selected' : '' }}>61-70</option>
							</select>
						</div>

						<label for="mother_profession" class="col-sm-3 control-label">Mother Profession</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="mother_profession" name="mother_profession"
								placeholder="Mother Profession" value="{{ $studentDetails->mother_profession }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="emg_telephone" class="col-sm-2 control-label">Emergency Telephone</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="emg_telephone" name="emg_telephone"
								placeholder="Emergency Telephone" value="{{ $studentDetails->emg_telephone }}"
							/>
						</div>

						<label for="emg_mobile" class="col-sm-3 control-label">Emergency Mobile</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="emg_mobile" name="emg_mobile"
								placeholder="Emergency Mobile" value="{{ $studentDetails->emg_mobile }}"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="emg_email" class="col-sm-2 control-label">Emergency Email</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="emg_email" name="emg_email"
								placeholder="Emergency Email" value="{{ $studentDetails->emg_email }}"
							/>
						</div>

						<label for="present_address" class="col-sm-3 control-label text-warning">Password</label>
						<div class="col-sm-4">
							<input type="password" class="form-control" id="password" name="password"
								placeholder="Password at least 6 characters" minlength="6"
							/>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="present_address" class="col-sm-2 control-label">Present Address</label>
						<div class="col-sm-4">
							<textarea class="form-control" id="present_address" name="present_address"
								placeholder="Present Address">{{ $studentDetails->present_address }}</textarea>
						</div>

						<label for="permanent_address" class="col-sm-2 control-label">Permanent Address</label>
						<div class="col-sm-4">
							<textarea class="form-control" id="permanent_address" name="permanent_address"
								placeholder="Permanent Address">{{ $studentDetails->permanent_address }}</textarea>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="sl_no" class="col-sm-2 control-label">SL NO</label>
						<div class="col-sm-4">
							<input type="sl_no" class="form-control" id="sl_no" name="sl_no"
								placeholder="Sl No" value="{{ $studentDetails->sl_no }}"
							/>
						</div>
					</div>
					<h4 class="text-center bg-info" style="padding:5px; ">Testimonial Information</h4>
					<div class="row">
						<div class="form-group form-group-sm col-sm-4 {{ $errors->has('jsc_roll') ? 'has-error' : ''}}">
							<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="{{ isset($jscDetails->roll) ? $jscDetails->roll : '' }}"
									/>

									@if ($errors->has('jsc_roll'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('jsc_roll',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
						<div class="form-group form-group-sm col-sm-4 {{ $errors->has('jsc_registration') ? 'has-error' : ''}}">
							<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="{{ isset($jscDetails->registration) ? $jscDetails->registration : '' }}"
									/>

									@if ($errors->has('jsc_registration'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('jsc_registration',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
						<div class="form-group form-group-sm col-sm-4 {{ $errors->has('jsc_board') ? 'has-error' : ''}}">
							<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="{{ isset($jscDetails->board) ? $jscDetails->board : '' }}"
									/>

									@if ($errors->has('jsc_board'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('jsc_board',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group form-group-sm col-sm-6 {{ $errors->has('jsc_passing_year') ? 'has-error' : ''}}">
							<div class="row">
								<label for="jsc_passing_year" class="col-sm-2 control-label">Passing Year</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="jsc_passing_year" name="jsc_passing_year"
										placeholder="Passing Year ex. 2018" value="{{ isset($jscDetails->passing_year) ? $jscDetails->passing_year : '' }}"
									/>

									@if ($errors->has('jsc_passing_year'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('jsc_passing_year',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
						<div class="form-group form-group-sm col-sm-6 {{ $errors->has('jsc_gpa') ? 'has-error' : ''}}">
							<div class="row">
								<label for="jsc_gpa" class="col-sm-2 control-label">GPA</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="jsc_gpa" name="jsc_gpa"
										placeholder="GPA ex. 5" value="{{ isset($jscDetails->gpa) ? $jscDetails->gpa : '' }}"
									/>

									@if ($errors->has('jsc_gpa'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('jsc_gpa',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
					</div>
					<h4 class="text-center bg-info" style="padding: 5px;">Transfer Certificate Information</h4>
					<div class="row">
						<div class="form-group form-group-sm col-sm-6 {{ $errors->has('left_date') ? 'has-error' : ''}}">
							<div class="row">
								<label for="left_date" class="col-sm-3 control-label"> Left the school</label>
								<div class="col-sm-9">
									<input type="text" class="form-control datepicker" id="left_date" name="left_date"
										placeholder="Left Date" value="{{ isset($studentDetails->left_date) ? $studentDetails->left_date : '' }}"
									/>

									@if ($errors->has('left_date'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('left_date',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
						<div class="form-group form-group-sm col-sm-6 {{ $errors->has('dues_paid_month') ? 'has-error' : ''}}">
							<div class="row">
								<label for="dues_paid_month" class="col-sm-3 control-label">Dues Paid Month</label>
								<div class="col-sm-9">
									<input type="text" class="form-control datepicker"
										id="dues_paid_month" name="dues_paid_month"
										placeholder="Dues Paid Month"
										value="{{ isset($studentDetails->dues_paid_month) ? $studentDetails->dues_paid_month : '' }}"
									/>

									@if ($errors->has('dues_paid_month'))
										<div class="invalid-feedback text-danger">
											<strong>{{ $errors->first('dues_paid_month',':message') }}</strong>
										</div>
									@endif
								</div>
							</div>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-success btn-sm">
								<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<!-- Modal content-->
<div class="modal fade" id="studentProfile" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title" style="text-align: center;">Change Student Image</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" method="POST" enctype="multipart/form-data"
					action="{{ route('LoggedIn.Settings.Student.UpdateStudentPicture') }}"
				>
					@csrf

					<div class="form-group form-group-sm">
						<label for="profile_image" class="col-sm-3 control-label">Select Image </label>
						<div class="col-sm-6">
							<input type="file" name="profile_image" id="profile_image" value="" />
							<input type="hidden" id="student_id" name="student_id" value="{{ $studentDetails->student_id }}"/>
							<input type="hidden" name="system_generated_student_id" value="{{ $studentDetails->system_generated_student_id }}"/>
						</div>

						@if ($errors->has('profile_image'))
							<span class="help-block">
								<strong class="text-danger">{{ $errors->first('profile_image') }}</strong>
							</span>
						@endif
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-offset-3 col-sm-10">
							<button type="submit" class="btn btn-success btn-sm">
								<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
							</button>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>

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

	$(document).on('click', '#rfidBtn', function () {
		$.ajax({
			url: baseURL + '/!/Settings/getRFID',
			type: 'GET',
			success: function (response) {
				$('#rfid_card_no').val(response);
			}
		});
	});
});

// 	date picker
$('.datepicker').datepicker({
	format: 'dd-mm-yyyy',
	autoclose: true,
	todayHighlight: true
});
</script>

@endsection