{% trans_default_domain 'FOSUserBundle' %}

<div class="card">
    <div class="card-header info-color white-text text-center py-4">
    <h3><strong>{{ 'Register'|trans }}</strong></h3>
    <p>{{ 'Please, input yours credentials'|trans }}</p>
    </div>


    {% if flash_messages %}
        {% for label, messages in flash_messages %}
            {% for message in messages %}
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            {% endfor %}
        {% endfor %}
    {% endif %}

    <div class="card-body px-lg-5 pt-0">
        {{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register text-center'}}) }}

            <div class="md-form">
                {{ form_label(form.username, "", {'attr': {'class': 'bmd-label-floating'}}) }}
                {{ form_widget(form.username, {'attr': {'class': 'form-control'}}) }}
                <div class="invalid-feedback">
                     {{ form_errors(form.username) }}
                </div>
            </div>

            <div class="md-form">
                {{ form_label(form.email, "", {'attr': {'class': 'bmd-label-floating'}}) }}
                {{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
                <div class="invalid-feedback">
                     {{ form_errors(form.email) }}
                </div>
            </div>

            <div class="md-form">
                {{ form_label(form.plainPassword.first, "", {'attr': {'class': 'bmd-label-floating'}}) }}
                {{ form_widget(form.plainPassword.first, {'attr': {'class': 'form-control'}}) }}
                <div class="invalid-feedback">
                     {{ form_errors(form.plainPassword.first) }}
                </div>
            </div>

            <div class="md-form">
                {{ form_label(form.plainPassword.second, "", {'attr': {'class': 'bmd-label-floating'}}) }}
                {{ form_widget(form.plainPassword.second, {'attr': {'class': 'form-control'}}) }}
                <div class="invalid-feedback">
                    {{ form_errors(form.plainPassword.second) }}
                </div>
            </div>

            <div class="g-recaptcha" data-sitekey="6LejOp4UAAAAADTa60ttynXoep5sE3zgKVoEhsOF"></div>

            <button class="btn btn-outline-info btn-rounded btn-block my-4 waves-effect z-depth-0" type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" />
                <span class="button_content">{{ 'registration.submit'|trans }}</span>
            </button>

        {{ form_end(form) }}
    </div>
</div>