@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">Marks Distribution</h3>
			</div>
			<div class="panel-body">
				<form class="form-horizontal"  id="show-mark-distribution-form">
					@csrf

					<div class="form-group form-group-sm">
						@include ('includes.branch_shift_version_names', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])

						@include ('includes.class_names', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])

						@include ('includes.group_names', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])

						@include ('includes.exam_type_names', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])


					</div>
					<div class="form-group form-group-sm">
						@include ('includes.exam_head_names', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])

						@include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])
					</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="show-mark-distribution-btn">
								<i class="fa fa-braille"></i> Show Marks Distribution
							</button>
						</div>
					</div>
				</form>

				<div id="show-mark-distribution"></div>
			</div>
		</div>
	</div>
</div>

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

	$(document).on('click', '#show-mark-distribution-btn', function () {
		$.ajax({
			type: "POST",
			url: baseURL + '/!/Settings/MarksDistribution/Show',
			data: $('#show-mark-distribution-form').serialize(),
			success: function (response) {
				$('#show-mark-distribution').html(response);
			}
		});
	});

	$(document).on('click', '.SubmitMarksDistributionFrm', function () {
		$.ajax({
			type: "POST",
			url: baseURL + '/!/Settings/MarksDistribution/Save',
			data: $('#mark-distribution-form').serialize(),
			success: function (response) {
				$('#show-mark-distribution').html(response);
			}
		});
	});
});
let mergeSelect = '';
let lastMergeSelectId = '';
</script>

@endsection