{% extends "core/frontend/index.jinja" %}
{% block content %}
<div class="row justify-content-md-center form-signin">
    <div class="col col-lg-4">
        <form id="create" action="/gate/gate.create" method="post">
            <h1 class="h3 mb-3 fw-normal">Sign-up</h1>

            <div class="form-floating mb-3">
                <input class="form-control" name="access-code" id="access-code" type="text"
                    placeholder="00000000000000000000" value={{ code }} maxlength="20" required>
                <label for="access-code">Access Code*</label>
            </div>
            <div class="form-floating mb-3">
                <input type="text" class="form-control" name="username" id="username" placeholder="username">
                <label for="username">Username*</label>
            </div>
            <div class="form-floating mb-3">
                <input type="email" class="form-control" name="email" id="email" placeholder="example@example.com">
                <label for="email">E-Mail*</label>
            </div>
            <div class="form-floating mb-3">
                <input type="password" class="form-control" name="passwd" id="passwd" placeholder="Password">
                <label for="passwd">Password*</label>
            </div>
            
            <!--
            <div class="form-check text-start my-3">
                <input class="form-check-input" type="checkbox" value="remember-me" id="remember-me">
                <label class="form-check-label" for="remember-me">
                    Remember me
                </label>
            </div>
            -->

            <div class="alert alert-warning" role="alert">
                If you have not registered a card with this server, you cannot create a WebUI account!
            </div>

            <button class="btn btn-primary w-100 py-2" type="submit">Sign-up</button>
            <!-- <p class="mt-5 mb-3 text-body-secondary">© 2023 ARTEMiS</p>-->
        </form>
    </div>
</div>
{% endblock content %}