@extends ('Layouts.Application')

@section ('MainContent')

<style>
.vCenter {
	display: flex;
	align-items: center;
}
.margin_bottom {
	margin-bottom: 20px;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media only screen and (max-width: 767px) {
	.hide_in_mobile_view {
		display: none;
	}
}
</style>

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<strong> Move Student to another building

					<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" id='students_view_form' method="POST"
					action="{{ route('LoggedIn.Settings.Student.updateBuildingChange') }}"
				>
					@csrf

					<div class="row row-eq-height vCenter">
						<div class="col-sm-6">
							<div class="row margin_bottom">
								@include ('includes.branch_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])

								@include ('includes.branch_shift_version_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])
							</div>
							<div class="row margin_bottom">
								@include ('includes.class_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])

								@include ('includes.group_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])
							</div>
							<div class="row margin_bottom">
								@include ('includes.academic_years', ['labelColWidth' => 2, 'fieldColWidth' => 4])

								@include ('includes.section_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])
							</div>
						</div>
						<div class="col-sm-2 text-center">
							<button class="btn btn-success" type="submit">
								Move To <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i>
							</button>
						</div>
						<div class="col-sm-4">
							<label class="col-sm-3 control-label text-right" for="changed_branch_shift_version">Branch-Shift-Version</label>
							<div class="col-sm-9">
								<select class="form-control" id="changed_branch_shift_version" name="changed_branch_shift_version" style="width: 100%;">
									<option value="">----- Branch-Shift-Version -----</option>
									@if ($branchAndVersionDetails->isNotEmpty())
										@foreach ($branchAndVersionDetails as $ibv)
											<option value="{{ $ibv->institute_branch_version_id }}">
												{{ $ibv->school_branch_name . ', ' . $ibv->school_version_name }}
											</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
					</div>
					<div class="form-group form-group-sm"></div>
				</form>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-heading">
				<strong>Move Student to another section</strong>
			</div>

			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

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

					<div class="row row-eq-height vCenter">
						<div class="col-sm-6">
							<div class="row margin_bottom">
								@include (
										'includes.branch_shift_version_names',
										['labelColWidth' => 2, 'fieldColWidth' => 4, 'required' => true]
								)

								@include ('includes.class_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])
							</div>
							<div class="row margin_bottom">
								@include ('includes.group_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])

								@include ('includes.section_names', ['labelColWidth' => 2, 'fieldColWidth' => 4])
							</div>
							<div class="row margin_bottom">
								@include ('includes.academic_years', ['labelColWidth' => 2, 'fieldColWidth' => 4])
							</div>
						</div>
						<div class="col-sm-2 text-center">
							<button class="btn btn-success" type="submit">
								Move To <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i>
							</button>
						</div>
						<div class="col-sm-4">
							<label class="col-sm-3 control-label text-right" for="changed_section">Section</label>
							<div class="col-sm-9">
								<select class="form-control" id="changed_section" name="changed_section" style="width: 100%;">
									<option value="">----- Section -----</option>
									@if ($sections->isNotEmpty())
										@foreach ($sections as $section)
											<option value="{{ $section->section_id }}">{{ $section->SectionName }}</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
					</div>
					<div class="form-group form-group-sm"></div>
					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button type="button" id='students_view_submit' class="btn btn-primary btn-sm btn-block">
								<i class="fa fa-search" aria-hidden="true"></i> View Students
							</button>
						</div>
					</div>
				</form>
			</div>

			<div id="students_view_table"></div>
		</div>
	</div>
</div>

<script>
$(function () {
	$(document).on('click', '#students_view_submit', function () {
		$.ajax({
			url: baseURL + '/!/Settings/Student/view',
			type: 'POST',
			data: $('#students_view_form').serialize(),
			success: function (response) {
				$('#students_view_table').html(response);
			}
		});
	});
});
</script>

@endsection