@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<strong>Students Info
					@if (\App\Models\Permission::checkLinkPermission('StudentController', 'Settings', 'create'))
						<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Settings.Student.create') }}">
							<i class="fa fa-plus"></i> New
						</a>
					@endif

					@if (\App\Models\Permission::checkLinkPermission('StudentController', 'Settings', 'sectionWiseStudents'))
						<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Settings.Student.sectionWiseStudents') }}" target="_blank">
							<i class="fa fa-alt"></i> Show SectionWise Total
						</a>
					@endif

		      @if (\App\Models\Permission::checkLinkPermission('StudentController', 'Settings', 'admittedTcReportIndex'))
						<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Settings.Student.admittedTcReport')  }}" target="_blank">
							<i class="fa fa-file"></i> Admitted and TC Report
						</a>
	        @endif

					@if (\App\Models\Permission::checkLinkPermission('StudentController', 'Settings', 'excelUpload'))
						<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Settings.Student.excelUpload')  }}">
							<i class="fa fa-upload"></i> Upload Student From Execll
						</a>
					@endif

					@if (\App\Models\Permission::checkLinkPermission('StudentController', 'Settings', 'buildingChange'))
						<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Settings.Student.buildingChange')  }}">
							<i class="fa fa-pencil"></i> Change Student Building/Section
						</a>
					@endif
				</strong>
			</div>

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

				<form class="form-horizontal" role="form" id='students_view_form' onsubmit="return false;">
					@csrf

					<div class="form-group form-group-sm">
						@include ('includes.branch_names', ['fieldColWidth' => 3, 'hide' => true])

						@include ('includes.branch_shift_version_names', ['fieldColWidth' => 3])

						@include ('includes.class_names', ['fieldColWidth' => 3])

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

						@include ('includes.academic_years', ['fieldColWidth' => 3])

						<label for="status" class="col-sm-1 control-label">Status</label>
						<div class="col-sm-3">
							<select class="form-control" name="status" id="status">
								<option value="">----- Select -----</option>
								<option value="1">Regular</option>
								<option value="2">Irregular</option>
								<option value="3">TC Before Admission</option>
								<option value="4">TC After Admission</option>
							</select>
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label for="system_generated_student_id" class="col-sm-1 control-label">Student ID </label>
						<div class="col-sm-3">
							<input type="text" class="form-control" name="system_generated_student_id"
								id="system_generated_student_id">
						</div>

						<label for="Category" class="col-sm-1 control-label">Category </label>
						<div class="col-sm-3">
							<select class="form-control" name="Category" id="Category">
								<option value="">----- Select -----</option>
								<option value="1">Scholarship</option>
								<option value="2">Teacher's child</option>
								<option value="3">Half Free</option>
								<option value="4">Welfare Fund </option>
							</select>
						</div>
					</div>
					</div>
					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button type="button" id='students-view-button' class="btn btn-primary btn-sm btn-block">
								<i class="fa fa-search" aria-hidden="true"></i> Search
							</button>
						</div>
					</div>
				</form>
			</div>

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

<script>
	$(function () {
		$("#branch_and_version").trigger('change');

		$(document).on('click', '#students-view-button', function () {
			var branch = $('#branch').val();
			var branch_and_version = $('#branch_and_version').val();
			var class_name = $('#class_name').val();

			if(branch || branch_and_version || class_name){
				$.ajax({
					url: baseURL + '/!/Settings/Student/view',
					type: 'POST',
					data: $('#students_view_form').serialize(),
					success: function (response) {
						$('#students_view_table').html(response);
					}
				});
			} else {
			  Swal.fire({
				type: 'warning',
				title: 'Warning!',
				text: 'Please select mendatory fields!'
			  });
			}
		});
	});
</script>

@endsection