@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">Exam Sub Heads</h3>
			</div>
			<div class="panel-body">
				@if (4 == $userRoleId)
					<a class="btn btn-primary btn-xs" href="{{ route('LoggedIn.Settings.ExamSubHead.Create') }}">
						<i class="fa fa-plus-circle"></i> Exam Sub Head Privilege
					</a>
				@endif

				<form class="form-group form-group-sm" id="exam-head-form">
					@csrf

					@include ('includes.exam_type_names')

					@include ('includes.exam_head_names')

					<button type="button" class="btn btn-primary btn-sm" id="show-exam-head-button">
						<i class="fa fa-eye"> Show</i>
					</button>
				</form>
			</div>

			<div class="table-responsive" id="exam-head-table-wrapper">
				<table class="table table-striped table-bordered table-hover" id="ExamHeadPrivilegeTable"></table>
			</div>
		</div>
	</div>
</div>

<script>
	$(document).ready(function () {
		$("#branch_and_version").trigger('change');
		var dataSet = @json($examSubHeads);

		$('#ExamHeadPrivilegeTable').DataTable({
			data: dataSet,
			columns: [
        {
					title: "Exam Type",
					data: "exam_type_name"
				},
        {
					title: "Exam Head",
					data: "exam_head_name"
				},
				{
					title: "Exam Sub Head Name",
					data: "exam_sub_head_name"
				},
				{
					title: "Exam Sub Head Alias",
					data: "exam_sub_head_alias",
				},
				{
					title: "Status",
					data: "is_active",
					render: function (data) {
						return data == 1 ? '<span class="label label-success">Active</span>'
							: '<span class="label label-danger">Inactive</span>';
					}
				},
				{
					title: "Action",
					data: "exam_sub_head_id",
					render: function (data) {
						return "<a class='btn btn-success btn-small' href='" + baseURL + "/!/Settings/ExamSubHead/" + data + "/edit'><i class='fa fa-pencil-square-o'></i> Edit</a>"
					}
				}
			]
		});

		$(document).on('click', '#show-exam-head-button', function () {
			$.ajax({
	      url: baseURL + '/!/Settings/ExamSubHead/view',
	      type: 'POST',
	      data: $('#exam-head-form').serialize(),
	      success: function (response) {
	        $('#exam-head-table-wrapper').html(response);
	      }
	    });
		});
	});
</script>

@endsection