{% extends 'layouts/skeleton.twig' %}

{% block head_js %}
<script async src="/static/js/register.js"></script>
{% endblock %}

{% block content %}
<div>
    <form action="/register" method="post" id="login-form">
        <input name="form_key" type="hidden" value="{{ session.get('form_key') }}">
        <div>
            <label for="name">Name<br>
            <input name="name" type="text" required>
        </div>
        <div>
            <label for="email">Email<br>
            <input name="email" type="text" required>
        </div>
        <div>
            <label for="password">Password<br>
            <input name="password" type="password" required>
        </div>
        <div>
            <label for="checked_password">Confirm Password<br>
            <input name="checked_password" type="password" required>
        </div>
        <div>
            <button type="submit">Register</button>
        </div>
    </form>
</div>
{% endblock %}