{% extends 'app.html' %}
{% block main %}
<main>
	<section class="section">
		<div class="container is-widescreen mt-5">
			<div class="card">
			  <header class="card-header">
			    <p class="card-header-title">{{ domain.name }}</p>
			  </header>
			  <div class="card-content">
			    <div class="content">
						<p><i class="fa fa-user mr-3" aria-hidden="true"></i>{{ users|length() }} users</p>
			    </div>
			  </div>
			</div>
		</div>
		{% if can_create_user %}
			{% include 'partials/create_user_form.html' %}
		{% endif %}
		<div class="container is-widescreen mt-5">
			<article class="message is-info">
				<header class="message-header">
					<p class="card-header-title">List of all users on this domain</p>
				</header>
				<div class="message-body">
					<table class="table is-fullwidth is-striped">
						<thead>
							<tr>
								<th>Username</th>
								<th>Role</th>
							</tr>
						</thead>
						<tbody>
						{% for user in users %}
							<tr>
								<td>{{ user.username }}</td>
								<td>{{ user.role }}</td>
							</tr>
						{% endfor %}
						</tbody>
					</table>
				</div>
			</article>
		</div>
	</section>
</main>
{% endblock %}