{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"}