<!doctype html>
<html lang="en">
<head>
	{% include 'head.html' %}
	<link rel=stylesheet href="/static/form.css">
</head>

<body>
	{% include 'navbar.html' %}
	<div class="container">
		<div class="mt-5 d-flex justify-content-center h-100">
			<div class="card">
				<div class="card-header">
					<h3>Create User</h3>
				</div>
				<div class="card-body">
					<form id="user-form">
						<div class="input-group form-group">
							<div class="input-group-prepend">
								<span class="input-group-text"><i class="fas fa-user"></i></span>
							</div>
							<input id="name"
                                    type="text"
                                    class="form-control"
                                    name="username"
                                    placeholder="username">

						</div>
						<div class="input-group form-group">
							<div class="input-group-prepend">
								<span class="input-group-text"><i class="fas fa-key"></i></span>
							</div>
							<input id="password"
                                    type="password"
                                    class="form-control"
                                    name="password"
                                    placeholder="password">
						</div>
						<div class="form-group">
                            <button type="submit" disabled style="display: none" aria-hidden="true">
                            </button>
						</div>
					</form>
							<button onclick="submitForm()" 
                                    class="btn float-right login_btn">
                                Submit
                            </button>
				</div>
				<div class="card-footer">
                    {% if code == "0" %}
					<div class="d-flex justify-content-center links mb-2" style="color: darkgreen;">
                        Success!
					</div>
                    {% endif %}
                    <!-- more content options
					<div class="d-flex justify-content-center links">
						<a class="btn btn-block btn-primary text-uppercase" href="/contact"></a>
					</div>
                    -->
				</div>
			</div>
		</div>
	</div>
</body>

</html>
