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

{% block title %}{{ 'title.register'|trans }}{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('dashboard') }}
{% endblock %}
{% block body %}
    {% for flashError in app.flashes('verify_email_error') %}
        <div class="alert alert-danger" role="alert">{{ flashError }}</div>
    {% endfor %}

    <div class="align-middle row">
        <div class="col-lg-push-2 col-sm-9">
            <div class="well">
                <legend><i class="fa fa-plus-square-o" aria-hidden="true"></i> {{ 'title.register'|trans }}</legend>
{#                {{ form_start(registrationForm, {attr: {novalidate: 'novalidate', id: 'form_register'}}) }}#}
                {{ form_start(registrationForm, {attr: {id: 'form_register'}}) }}
                <div class="form-row">
                    <div class="form-group col-md-12">
                        {{ form_row(registrationForm.gender) }}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.firstname) }}
                    </div>
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.lastname) }}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.email) }}
                    </div>
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.socialSecurityNumber) }}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-3">
                        {{ form_row(registrationForm.phone) }}
                    </div>
                    <div class="form-group col-md-3">
                        {{ form_row(registrationForm.dateOfBirth) }}
                    </div>
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.cityOfBirth) }}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-12">
                        {{ form_row(registrationForm.defaultAddress.street) }}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.defaultAddress.city) }}
                    </div>
                    <div class="form-group col-md-2">
                        {{ form_row(registrationForm.defaultAddress.postalCode) }}
                    </div>
                    <div class="form-group col-md-4">
                        {{ form_row(registrationForm.defaultAddress.country) }}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.username) }}
                    </div>
                    <div class="form-group col-md-6">
                        {{ form_row(registrationForm.plainPassword) }}
                    </div>
                </div>

                {#                {{ form_row(registrationForm.agreeTerms) }}#}
                <button type="submit" class="btn btn-primary pull-right">
                    <i class="fa fa-sign-in" aria-hidden="true"></i> {{ 'action.sign_up'|trans }}
                </button>
                {{ form_end(registrationForm) }}
                <div class="row"></div>
            </div>
        </div>
    </div>

    <div class="align-middle row">
        <div class="col-lg-push-2 col-sm-9">
            <div class="well align-middle">
                {{ 'action.already_sign_in'|trans }}
                <a href="{{ path('security_login') }}" class="btn btn-link">
                    <h4><i class="fas fa-chevron-right"></i> {{ 'action.sign_in'|trans }}</h4>
                </a>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('dashboard') }}
{% endblock %}