@extends ('Layouts.Application')

@section ('MainContent')

<style>
	.vcenter {
		vertical-align: middle !important;
	}
</style>

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Teachers</h3>
			</div>
			<div class="panel-body">
				@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'create'))
					<a class="btn btn-primary btn-xs" href="{{ route('LoggedIn.Settings.Teacher.Create') }}">
						<i class="fa fa-plus-circle"></i> Add New
					</a>
					&nbsp;&nbsp;<br>&nbsp;
				@endif

				<form class="form-inline" id='teacher_view_form'>
					@csrf

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

					@include ('includes.branch_shift_version_names', ['labelColWidth' => 2, 'fieldColWidth' => 3])

					<button class="btn btn-primary btn-sm" type="button" id="view_submit">
						<i class="fa fa-list"></i> View Teacher
					</button>

					@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'printTeachers'))
						<button type="button" class="btn btn-primary btn-sm" id="print-teachers">
							<i class="fa fa-print"> Print</i>
						</button>
					@endif
				</form>
			</div>

			<div class="table-responsive">
				<table class="table table-striped table-bordered table-condensed table-hover" id="teachers-table">
					@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'idCard'))
						<button type="button" class="btn btn-primary btn-sm" id="teacher-id-card">
							<i class="fa fa-print"> Id Card</i>
						</button>
					@endif

					@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'idCardBackPart'))
						<a target="_blank" href="{{ route('LoggedIn.Settings.Teacher.idCardBackPart') }}" class="btn btn-sm btn-success">
							<i class="fa fa-id-card"></i> ID Back Part
						</a>
					@endif

					@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'idCardImage'))
						<button type="button" class="btn btn-warning btn-sm" id="teacher-id-card-image">
							<i class="fa fa-id-card"> ID Card Image</i>
						</button>
					@endif

					@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'informationPrint'))
						<button type="button" class="btn btn-warning btn-sm" id="teacher-etif-form">
							<i class="fa fa-id-card"> ETIF Form</i>
						</button>
					@endif
				</table>
			</div>
		</div>
	</div>
</div>

@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'edit'))
	<script>
		var canEditTeacher = true;
	</script>
@endif

@if (\App\Models\Permission::checkLinkPermission('TeacherController', 'Settings', 'destroy'))
	<script>
		var canDeleteTeacher = true;
	</script>
@endif

<script language="JavaScript" type="text/javascript">
function checkDelete() {
	return confirm('Are you sure?');
}

$(document).ready(function() {
	var csrf_token = @json(csrf_token());
	var dataSet = @json($teachers);

	let columns = [
		{
			title: "Sl",
			className: 'vcenter',
			render: function (data, type, row, meta) {
				return meta.row + meta.settings._iDisplayStart + 1;
			}
		},
		{
			title: "Teacher ID",
			data: "username",
			className: 'vcenter'

		},
		{
			title: "Full Name",
			data: "full_name",
			className: 'vcenter'
		},
		{
			title: "Contact No",
			data: "phone_no",
			className: 'vcenter'
		},
		{
			title: "Branach-Shif-Version",
			data: "branch_access",
			render: function (data) {
				if (data) {
					var branch_and_versions = '';

					data.map(function(value) {
						branch_and_versions += "<p>" + value.branch_and_version_name + "</p>";
					});

					return branch_and_versions;
				}
			}
		},
		{
			title: "Joining Date",
			data: "joining_date",
			className: 'vcenter'
		},
		{
			title: "Status",
			data: "is_active",
			className: 'vcenter',
			render: function (data) {
				return data == 1 ? '<span class="label label-success">Active</span>' : '<span class="label label-danger">Inactive</span>';
			}
		}
	];

	if (canEditTeacher) {
		columns.push({
			title: "Link",
			className: 'vcenter',
			data: "user_id",
			render: function (data) {
				return '<a class="btn btn-primary btn-sm" href="' + baseURL + '/!/Settings/Teacher/'
					+ data + '/edit"><i class="fa fa-pencil-square-o"></i> Edit</a><a class="btn btn-primary btn-sm" href="'
					+ baseURL + '/!/Settings/Teacher/profile/' + data + '" target="_blank"><i class="fa fa-user"></i> Profile</a><a class="btn btn-info btn-sm" href="'
					+ baseURL + '/!/Settings/Teacher/information_form/0/0/' + data + '" target="_blank"><i class="fa fa-user"></i>eTIF Form</a>';
			}
		});
	}

	if (canDeleteTeacher) {
		columns.push({
			title: "Action",
			className: 'vcenter',
			data: "user_id",
			render: function (data) {
				return '<form role="form" method="POST" class="form-horizontal" action="' + baseURL
					+ '/!/Settings/Teacher/' + data + '" onclick="return checkDelete()">\
						<input type="hidden" name="_method" value="DELETE">\
						<input type="hidden" name="_token" value="' + csrf_token + '">\
						<input type="hidden" name="id" value="' + data + '">\
						<button type="submit" class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> Delete</button>\
				</form>';
			}
		});
	}

	$("#teachers-table").DataTable({
		data: dataSet,
		columns: columns,
		"order": [[ 5, "asc" ]]
	});

	$(document).on('click', '#print-teachers', function () {
		var branch_and_version_id = $('#branch_and_version').val() || 0;
		var branch = $('#branch').val() || 0;

		window.open(baseURL + '/!/Settings/Teacher/prin_teachers/' + branch + '/' + branch_and_version_id);
	});

	$(document).on('click', '#teacher-id-card', function () {
		var branch_and_version_id = $('#branch_and_version').val() || 0;
		var branch = $('#branch').val() || 0;

		window.open(baseURL + '/!/Settings/Teacher/id_card/' + branch + '/' + branch_and_version_id);
	});

	$(document).on('click', '#teacher-id-card-image', function () {
		var branch_and_version_id = $('#branch_and_version').val() || 0;
		var branch = $('#branch').val() || 0;

		window.open(baseURL + '/!/Settings/Teacher/id_card_image/' + branch + '/' + branch_and_version_id);
	});

	$(document).on('click', '#PrintBranchTeachersRFID', function () {
		var branch = $('#branch').val();

		if (branch) {
			window.open(baseURL + '/!/Settings/Teacher/PrintBranchWiseTeachersforRFID/' + branch);
		}
	});

	$(document).on('click', '#rfidCorrection', function () {
		var branch = $('#branch').val();

		if (branch) {
			window.open(baseURL + '/!/Settings/Teacher/rfidCorrection/' + branch);
		}
	});

	$(document).on('click', '#teacher-etif-form', function () {
		var branch = $('#branch').val() || 0;
		var branch_and_version = $('#branch_and_version').val() || 0;

		if (branch_and_version) {
			window.open(baseURL + '/!/Settings/Teacher/information_form/' + branch + '/' + branch_and_version + '/0');
		}
	});

	$(document).on('click', '#view_submit', function () {
		$.ajax({
			url: baseURL + '/!/Settings/Teacher/view',
			type: 'POST',
			data: $('#teacher_view_form').serialize(),
			success: function (response) {
				if (response.length > 0) {
					$('#teachers-table').dataTable().fnClearTable();
					$('#teachers-table').dataTable().fnAddData(response);
				} else {
					$('#teachers-table').dataTable().fnClearTable();
				}
			}
		});
	});
});
</script>

@endsection