@extends('Layouts.Application')

@section('MainContent')

<style>
	.vAlign {
	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">
					<strong>User Management
						<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.User.create') }}"><i class="fa fa-plus"></i>&nbsp;New</a>
					</strong>
				</h3>
			</div>
			<div class="panel-body">
				<div class="table-responsive">
					<table id="user_table" class="table table-bordered table-hover" cellspacing="0"></table>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$(document).ready(function () {
	var teacherName =