@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">Result Templates</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="templateTable">
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

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

	$('#templateTable').DataTable({
		data: dataSet,
		columns: [
			{
				title: "Name",
				data: "name"
			},
			{
				title: "Image",
				data: "image_name",
        render: function (data) {
					if (data) {
						return '<img src= "' + baseURL + '/img/ResultTemplates/' + data + '" width="60" height="80"/>';
					} else {
						return '<img src= "' + baseURL + '/img/avatar-default.png" width="60" height="80"/>';
					}
        }
			},
			{
				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/result_templates/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/result_templates/"
            + data + "/edit'><i class='fa fa-pencil-square-o'></i> Edit</a>"
				}
			}
		]
	});
});
</script>

@endsection