<%- include('header') %>
<form action="/register" method="post" onsubmit="return checkEmail(this)">
    <div class="mdc-text-field">
        <input class="mdc-text-field__input" id="username" name="username" type="text" required>
        <div class="mdc-line-ripple"></div>
        <label for="username" class="mdc-floating-label">Username</label>
    </div>
    <div class="mdc-text-field">
        <input class="mdc-text-field__input" id="password" name="password" type="password" required>
        <div class="mdc-line-ripple"></div>
        <label for="password" class="mdc-floating-label">Password</label>
    </div>
    <div class="mdc-text-field">
        <input class="mdc-text-field__input" id="email" name="email" type="email" required>
        <div class="mdc-line-ripple"></div>
        <label for="email" class="mdc-floating-label">Email</label>
    </div>
    <div class="mdc-text-field">
        <input class="mdc-text-field__input" id="email2" name="email2" type="email" required>
        <div class="mdc-line-ripple"></div>
        <label for="email2" class="mdc-floating-label">Confirm Email</label>
    </div>
    <br><br>
    <div>
        <button class="mdc-button mdc-button--raised" type="submit"><span
                class="mdc-button__ripple"></span>Submit</button>
    </div>
</form>
<% if (locals.error && locals.error.length > 0) { %>
<p>Error: <%= locals.error %></p>
<% } %>
<%- include('footer') %>