{% extends "index.jinja" %}
{% block content %}
<h1>Create User</h1>
<form id="create" style="max-width: 240px; min-width: 10%;" action="/gate/gate.create" method="post">
    <div class="form-group row">
        <label for="access_code">Card Access Code</label><br>
        <input class="form-control" name="access_code" id="access_code" type="text" placeholder="00000000000000000000" value={{ code }} maxlength="20" readonly>
    </div>
    <div class="form-group row">
        <label for="username">Username</label><br>
        <input id="username" class="form-control" name="username" type="text" placeholder="username">
    </div>
    <div class="form-group row">
        <label for="email">Email</label><br>
        <input id="email" class="form-control" name="email" type="email" placeholder="example@example.com">
    </div>
    <div class="form-group row">
        <label for="passwd">Password</label><br>
        <input id="passwd" class="form-control" name="passwd" type="password" placeholder="password">
    </div>
    <p></p>
    <input id="submit" class="btn btn-primary" style="display: block; margin: 0 auto;" type="submit" value="Create">
</form>
{% endblock content %}