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

{% block title %}Hello RegistrationController!{% endblock %}

{% block body %}

    {{ form_start(form) }}
    <section class="login">
        <div class="container">
            <div class="row">
                <div class="my-custom-class-for-errors">
                    {{ form_errors(form) }}
                </div>
                <div class="col-lg-3"></div>
                <div class="col-lg-6">
                    <div class="login__content bg">
                        <h2>Registrace</h2>
                        <div class="form-group">
                            <div class="mb-2">
                                {{ form_errors(form.username) }}
                            </div>
                            <div class="form-group__wrapper">
                                {{ form_widget(form.username) }}
                            </div>
                            <div class="mb-2">
                                {{ form_errors(form.email) }}
                            </div>
                            <div class="form-group__wrapper">
                                {{ form_widget(form.email) }}
                                <img src="{{ asset('build/images/man-user.svg') }}" alt=""/>
                            </div>
                            <div class="mb-2">
                                {{ form_errors(form.firstName) }}
                            </div>
                            <div class="form-group__wrapper">
                                {{ form_widget(form.firstName) }}
                            </div>
                            <div class="mb-2">
                                {{ form_errors(form.lastName) }}
                            </div>
                            <div class="form-group__wrapper">
                                {{ form_widget(form.lastName) }}
                            </div>
                            <div class="mb-2">
                                {{ form_errors(form.plainPassword.first) }}
                            </div>
                            <div class="form-group__wrapper">
                                {{ form_widget(form.plainPassword.first) }}
                                <img src="{{ asset('build/images/lock.svg') }}" alt=""/>
                            </div>
                            <div class="form-group__wrapper">
                                {{ form_widget(form.plainPassword.second) }}
                                <img src="{{ asset('build/images/lock.svg') }}" alt=""/>
                            </div>
                            <div class="form-group__wrapper">
                                <label>
                                    <input type="checkbox" name="affilate">
                                    Jsem affilate partner
                                </label>
                            </div>
                            <div class="login__content--buttons">
                                {{ form_widget(form.send) }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3"></div>
            </div>
        </div>
    </section>
    {{ form_end(form) }}

{% endblock %}