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

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

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

{% block javascripts %}
<script src="{{ asset('js/register.js') }}"></script>
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/browser.min.js') }}"></script>
<script src="{{ asset('js/breakpoints.min.js') }}"></script>
<script src="{{ asset('js/util.js') }}"></script>
<script src="{{ asset('js/main.js') }}"></script>
{% endblock %}

{% block body %}
<div class="container">
    <header>
        <h1>Registration</h1>
    </header>

    {{ form_errors(registrationForm) }}

    {{ form_start(registrationForm) }}
        <label for='registration_form_name' class='form-label'>Name</label>
        <input type='text' name='{{ field_name(registrationForm.name) }}' id='registration_form_name' class='form-control' required='required'/>

        <label for='registration_form_email' class='form-label'>Email</label>
        <input type='text' name='{{ field_name(registrationForm.email) }}' id='registration_form_email' class='form-control' required='required'/>


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

        <button type='submit' class='btn' id='register-btn'>Register</button>
    {{ form_end(registrationForm) }}
</div>

{% endblock %}
