@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Grade Distribution</h3>
			</div>
			<div class="panel-body">
				<form class="form-horizontal" id="ShowGradeDistributionFrm">
					@csrf

					<div class="form-group form-group-sm">
						@include ('includes.branch_shift_version_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])
						@include ('includes.class_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])
						@include ('includes.group_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])
						@include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 2])
					</div>
					<div class="form-group form-group-sm">
						<div class="col-sm-1"></div>
						<div class="col-sm-3">
							<button type="button" class="btn btn-primary btn-sm" id="ShowGradeDistributionBtn">
								<i class="fa fa-braille"></i> Show Grade Distribution
							</button>
						</div>
					</div>
				</form>

				@if (\App\Models\Permission::checkLinkPermission('GradeDistributionController', 'Settings', 'Save'))
					<div id="SaveGradeDistributionStatus"></div>
				@endif

				<div id="ShowGradeDistribution"></div>
			</div>
		</div>
	</div>
</div>

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

		$(document).on('click', '#ShowGradeDistributionBtn', function () {
			$.ajax({
				type: "POST",
				url: baseURL + '/!/Settings/GradeDistribution/Show',
				data: $('#ShowGradeDistributionFrm').serialize(),
				success: function (response) {
					$('#ShowGradeDistribution').html(response);
				}
			});
		});

		$(document).on('click', '#SaveGradeDistributionBtn', function () {
			$.ajax({
				type: "POST",
				url: baseURL + '/!/Settings/GradeDistribution/Save',
				data: $('#GradeDistributionFrm').serialize(),
				success: function (response) {
					$('#SaveGradeDistributionStatus').html(response);
				}
			});
		});

		$(document).on('click', '.EditGradeDistributionBtn', function () {
			var MarksFrom = $(this).parent().find('input#MarksFrom').val();
			var MarksTo = $(this).parent().find('input#MarksTo').val();
			var GPA = $(this).parent().find('input#GPA').val();
			var Grade = $(this).parent().find('input#Grade').val();
			var Comment = $(this).parent().find('input#Comment').val();
			var FullMarks = $(this).parent().find('input#FullMarks').val();
			var Branch = $(this).parent().find('input#Branch').val();
			var Class = $(this).parent().find('input#Class').val();
			var Group = $(this).parent().find('input#Group').val();
			var GDID = $(this).parent().find('input#GDID').val();

			var Form = $(document).find('form#GradeDistributionFrm');
			Form.find('input#MarksFrom').val(MarksFrom);
			Form.find('input#MarksTo').val(MarksTo);
			Form.find('input#GPA').val(GPA);
			Form.find('input#Grade').val(Grade);
			Form.find('input#Comment').val(Comment);
			Form.find("select#FullMarks").val(FullMarks);
			Form.find('input#Branch').val(Branch);
			Form.find('input#Class').val(Class);
			Form.find('input#Group').val(Group);
			Form.find('input#GDID').val(GDID);

			return false;
		});

		$(document).on('click', '.DeleteGradeDistributionBtn', function () {
			var txt;
			var r = confirm("Are you sure to delete?");

			if (r == true) {
				var GradeDistributionID = $(this).parent().find('input#GDID').val();
				$.ajax({
					type: "GET",
					url: baseURL + '/!/Settings/GradeDistribution/Delete/' + GradeDistributionID,
					success: function (response) {
						$('#SaveGradeDistributionStatus').html(response);
					}
				});
			}
		});
	});
</script>

@endsection