{% autoescape false %}
<header class="jumbotron subhead" id="overview">
	<h1><i class="glyph2x-group"></i>Users</h1>
	<p class="lead pull-left">Manage Baïkal user accounts, and associated resources.</p>
	<p class="lead pull-right"><a class="btn btn btn-inverse" href="{{ controller.linkNew() }}"><i class="icon-white {{ usericon }}"></i> + Add user</a></p>
</header>

<table class="table table-bordered table-striped users">
	{% for user in users %}
	<tr>
		<td class="col-username">
			<i class="{{ usericon }}"></i> <strong>{{ user.username|escape }}</strong><br />
			{{ user.displayname|escape }} <a href="{{ user.mailtouri|escape }}">&lt;{{ user.email|escape }}&gt;</a>
		</td>
		<td class="col-actions no-border-left">
			<p class="pull-right">
				<nobr><a class="btn" href="{{ user.linkcalendars }}"><i class="{{ calendaricon }}"></i> Calendars</a></nobr>
				<nobr><a class="btn" href="{{ user.linkaddressbooks }}"><i class="icon-book"></i> Address Books</a></nobr>
				<nobr><a class="btn btn-primary" href="{{ user.linkedit }}"><i class="icon-edit icon-white"></i>  Edit</a></nobr>
				<nobr><a class="btn btn-danger" href="{{ user.linkdelete }}"><i class="icon-remove icon-white"></i> Delete</a></nobr>
			</p>
		</td>
	</tr>
	{% endfor %}
</table>

<a id='form'></a>
{{ messages }}
{{ form }}
{% endautoescape %}