@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">
					<strong>Subjects</strong>

					@if (\App\Models\Permission::checkLinkPermission('SubjectController', 'MasterData', 'create'))
						<a class='btn btn-primary btn-xs pull-right' href="{{ url(route('LoggedIn.MasterData.Subjects.Create')) }}">
							<i class='fa fa-plus-circle'></i> Add New
						</a>
					@endif
				</h3>
			</div>

			<div class="panel-body">
				<div class="table-responsive">
					<table class="table table-condensed table-striped table-bordered table-hover" id="subjectTable"></table>
				</div>
			</div>
		</div>
	</div>
</div>

@if (\App\Models\Permission::checkLinkPermission('SubjectController', 'MasterData', 'edit'))
	<script>
		var canEditSubject = true;
	</script>
@endif

<script>
	$(document).ready(function () {
		var dataSet = @json($allSubjects);
		var Columns = [
			{
				title: "Subject Name",
				data: "name"
			},
			{
				title: "Subject Code",
				data: "subject_code"
			},
			{
				title: "Status",
				data: "status",
				render: function (data) {
					return data == 'active' ? '<span class="label label-success">Active</span>' : '<span class="label label-danger">Inactive</span>';
				}
			}
		];

		if (canEditSubject) {
			Columns.push({
				title: '',
				data: "id",
				render: function (data) {
					if (canEditSubject) {
						return '<a class="btn btn-success btn-small" href="' + baseURL + '/!/MasterData/Subjects/'
							+ data + '/edit"><i class="fa fa-pencil-square-o"></i> Edit</a>'
					} else {
						return '-';
					}
				}
			});
		}

		$('#subjectTable').DataTable({
			data: dataSet,
			columns: Columns
		});
	});
</script>

@endsection