@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">Classes</h3>
			</div>

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

				<div class="table-responsive">
					<table class="table table-condensed table-striped table-bordered table-hover" id="classTable"></table>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$(document).ready(function () {
	var dataSet = @json($allClasss);
	var csrf_token = @json(csrf_token());

	$('#classTable').DataTable({
		data: dataSet,
		columns: [
			{
				title: "class Name",
				data: "ClassName"
			},
			{
				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: "<a class='btn btn-primary btn-xs' href='" + baseURL + "/!/MasterData/Classes/create'><i class='fa fa-plus-circle'></i> Add New</a>",
				data: "id",
				render: function (data) {
					return "<a class='btn btn-success btn-small' href='" + baseURL + "/!/MasterData/Classes/"
						+ data + "/edit'><i class='fa fa-pencil-square-o'></i> Edit</a>"
				}
			}
		]
	});
});
</script>

@endsection