{assign var="title" value="Users"}

{include file="header.tpl"}

<script type="text/javascript" src="/res/grep.js"></script>

<script type="text/javascript" src="/res/user-create-form.js"></script>

<h1>Users</h1>

<p>This page allows you to view all the users in the system, and create, remove, disable or enable user accounts as necessary.</p>

<div class="pull-right">

	<form class="form-search form-inline" onsubmit="return false;">

		<input class="search-query grep-filter" type="text" placeholder="Filter users..." />

	</form>

</div>

<div class="pull-left">

	<a href="#userCreateForm" onclick="return false;" data-toggle="modal" class="btn btn-success">

		<i class="icon icon-white icon-plus"></i>

		Create user

	</a>

</div>

<table class="table table-bordered table-striped tablesorter sort-me">

	<thead>

		<tr>

			<th>Name</th>

			<th>Username</th>

			<th>UNIX UID</th>

			<th>Title</th>

			<th class="actions"><i class="icon icon-cog"></i></th>

		</th>

	</thead>

	<tbody class="grep-me">

		{foreach $users as $this_user}

			<tr>

				<td class="grep-col">{$this_user['cn']|escape:'html'}</td>

				<td class="grep-col">{$this_user['uid']|escape:'html'}</td>

				<td>{$this_user['uidNumber']|escape:'html'}</td>

				<td class="grep-col">{if isset($this_user['title'])}{$this_user['title']|escape:'html'}{else}<em>No job title set</em>{/if}</td>

				<td class="actions">                                        

					{if $this_user['enabled']}

						<a href="/users/disable/{$this_user['uid']|escape:'html'}" class="btn btn-warning btn-mini show-tooltip" title="Disable account">

							<i class="icon icon-white icon-lock"></i>

						</a>

					{else}

						<a href="/users/enable/{$this_user['uid']|escape:'html'}" class="btn btn-success btn-mini show-tooltip" title="Enable account">

							<i class="icon icon-white icon-ok"></i>

						</a>

					{/if}

					<a href="#" onclick="resetPassword('{$this_user['uid']|escape:'html'}'); return false;" class="btn btn-primary btn-mini show-tooltip" title="Reset password">

						<i class="icon icon-white icon-refresh"></i>

					</a>

					<a href="/users/edit/{$this_user['uid']|escape:'html'}" class="btn btn-inverse btn-mini show-tooltip" title="Edit user details">

						<i class="icon icon-white icon-pencil"></i>

					</a>

					<a href="/users/delete/{$this_user['uid']|escape:'html'}" class="btn btn-danger btn-mini show-tooltip" title="Delete account">

						<i class="icon icon-white icon-trash"></i>

					</a>

				</td>

			</tr>

		{/foreach}

	</tbody>

</table>

<form method="post" action="/users/create" class="form-horizontal" name="userCreateForm">

	<div class="modal hide fade" id="userCreateForm">

		<div class="modal-header">

			<h3>Create new user</h3>

		</div>

		<div class="modal-body">

			<div class="control-group">

				<label class="control-label">Given name:</label>

				<div class="controls">

					<input type="text" name="givenName" value="" placeholder="John" />

				</div>

			</div>

			<div class="control-group">

				<label class="control-label">Surname:</label>

				<div class="controls">

					<input type="text" name="surname" value="" placeholder="Doe" />

				</div>

			</div>

			<div class="control-group error">

				<label class="control-label">Username:</label>

				<div class="controls">

					<input type="text" name="uid" value="" placeholder="jdoe" />

					<p class="help-block">All lowercase. Will be used for logging in to the admin/resale portal, e-mail, etc.</p>

				</div>

			</div>

			<div class="control-group unpadded-bottom">

				<label class="control-label">Password:</label>

				<div class="controls">

					<p><input type="password" name="password" value="" placeholder="Password" /></p>

					<p class="help-block compliance-status">Must meet

						<a onclick="window.open(this.href); return false;" href="/pw-strength">password security requirements</a>.</p>

				</div>

			</div>

			<div class="control-group">

				<div class="controls">

					<p><input type="password" name="password_confirm" value="" placeholder="Confirm password" /></p>

					<p class="help-block compliance-status"></p>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label">Common name:</label>

				<div class="controls">

					<input type="text" name="cn" value="" placeholder="John Doe" />

					<p class="help-block">Typically the user's full name, but sometimes a more informal representation (e.g. "Dan" instead of "Daniel").</p>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label">Job title:</label>

				<div class="controls">

					<input type="text" name="title" value="" placeholder="Beverage Retrieval Specialist" />

				</div>

			</div>

			<div class="control-group">

				<label class="control-label">UID:</label>

				<div class="controls">

					<input type="text" readonly="readonly" name="uidNumber" value="{get_next_uid}" />

					<p class="help-block">UNIX numeric user ID - the lowest available is picked automatically for you.</p>

				</div>

			</div>

		</div>

		<div class="modal-footer">

			<input type="submit" class="btn btn-primary" value="Create user" />

			<a class="btn" data-dismiss="modal">Cancel</a>

		</div>

	</div>

</form>

<form method="post" action="/users/resetpw" class="form-horizontal" name="userResetForm">

	<div class="modal hide fade" id="userResetForm">

		<div class="modal-header">

			<h3>Reset password</h3>

		</div>

		<div class="modal-body">

			<div class="control-group">

				<label class="control-label">Username:</label>

				<div class="controls">

					<input type="text" name="uid" value="" placeholder="John" />

				</div>

			</div>

			<div class="control-group unpadded-bottom">

				<label class="control-label">Password:</label>

				<div class="controls">

					<p><input type="password" name="password" value="" placeholder="Password" /></p>

					<p class="help-block compliance-status">Must meet

						<a onclick="window.open(this.href); return false;" href="/pw-strength">password security requirements</a>.</p>

				</div>

			</div>

			<div class="control-group">

				<div class="controls">

					<p><input type="password" name="password_confirm" value="" placeholder="Confirm password" /></p>

					<p class="help-block compliance-status"></p>

				</div>

			</div>

		</div>

		<div class="modal-footer">

			<input type="submit" class="btn btn-primary" value="Reset password" />

			<a class="btn" data-dismiss="modal">Cancel</a>

		</div>

	</div>

</form>

{include file="footer.tpl"}