{% extends 'base.html.twig' %}

{% block title %}Register{% endblock %}

{% block stylesheets %}
<link href='/theme/assets/css/register.css' rel='stylesheet'/>
<link href="/theme/assets/css/main.css" rel="stylesheet" />
{% endblock %}

{% block javascripts %}
<script src="/theme/assets/js/register.js"></script>
<script src="/theme/assets/js/jquery.min.js"></script>
<script src="/theme/assets/js/browser.min.js"></script>
<script src="/theme/assets/js/breakpoints.min.js"></script>
<script src="/theme/assets/js/util.js"></script>
<script src="/theme/assets/js/main.js"></script>
{% endblock %}

{% block body %}
<div class="container">
    {% include('default/sidebar.html.twig') %}

    <header>
        <h1>Registration</h1>
    </header>

    {{ form_errors(registrationForm) }}

    {{ form_start(registrationForm) }}
        {{ form_row(registrationForm.name) }}
        {{ form_row(registrationForm.email) }}
        {{ form_row(registrationForm.plainPassword, {
            label: 'Password'
        }) }}

        <button type='submit' class='btn'>Register</button>
    {{ form_end(registrationForm) }}
<!--
    <form action="/index.php/register" method="post" id='registration-form'>
        <input type="hidden" name="_csrf_token" id="csrfToken"
            value="{{ csrf_token('authenticate') }}"
        >
        <fieldset>
            <legend>Login Information</legend>
            <div class="input-container">
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" required>
            </div>
            <div class="input-container">
                <label for="emailAddress">Email Address:</label>
                <input type="email" id="emailAddress" name="email" required>
            </div>
            <div class="input-container">
                <label for="password">Password:</label>
                <input type="password" id="password" name="plainPassword" required>
            </div>
            <div class="input-container">
                <label for="confirmPassword">Confirm Password:</label>
                <input type="password" id="confirmPassword" name="confirmPassword" required>
            </div>
        </fieldset>
        <button id='register-btn'>Register</button>
        <input type="submit" value="Register" />
    </form>-->
</div>

{% endblock %}