{% extends 'section.html' %}
{% set section = 'settings' %}

{% block Main %}
	<form id="settings-user">
		<h2>User settings</h2>
		<div class="row">
			<div class="form-group col-md-6">
				<label for="username">Username</label>
				<input type="text" class="form-control" name="username" id="username" value="{{ 'aboba' }}" required>
			</div>
			<div class="form-group col-md-6">
				<label for="password">Password</label>
				<input type="password" class="form-control" name="password" id="password">
			</div>
		</div>
		<div class="form-group" style="margin-top: 14px">
			<button type="submit" class="btn btn-primary">Save changes</button>
		</div>
	</form>
	<div class="sessions-wrapper">
		<h2>Sessions</h2>
		<table class="table table-dark table-striped">
			<thead>
				<tr>
					<th>User agent</th>
					<th>Started</th>
					<th>Expires</th>
					<th>Terminate</th>
				</tr>
			</thead>
			<tbody id="sessions-table"></tbody>
		</table>
	</div>
{% endblock %}