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

{% block title %}{{ 'register'|trans }}{% endblock %}

{% block body %}
<div class="login-register-page">
    <div class="login-container">
        <h1 class="login-title">Rail Journey Tracker</h1>
        <p class="login-info">{{ 'enter_data_register'|trans }}</p>

        {{ form_errors(registrationForm) }}

        {{ form_start(registrationForm, {'attr': {'class': 'login-form'}}) }}
            {{ form_label(registrationForm.email, 'email'|trans, {'label_attr': {'class': 'login-label'}}) }}
            {{ form_widget(registrationForm.email, {'attr': {'class': 'login-input'}}) }}
            {{ form_label(registrationForm.fullName, 'full_name'|trans, {'label_attr': {'class': 'login-label'}}) }}
            {{ form_widget(registrationForm.fullName, {'attr': {'class': 'login-input'}}) }}
            {{ form_label(registrationForm.plainPassword, 'password'|trans, {'label_attr': {'class': 'login-label'}}) }}
            {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'login-input'}}) }}

            <button type="submit" class="login-btn login-primary-btn">{{ 'register'|trans }}</button>
            <a class="login-btn login-secondary-btn" href="{{ path('app_login') }}">{{ 'login'|trans }}</a>
        {{ form_end(registrationForm) }}
    </div>
</div>
{% endblock %}