{% extends 'sign/sign.html.twig' %}

{% set title = 'Sign-up' %}

{% block doctype %}
    {% block stylesheets %}
        {{ parent() }}
    {% endblock %}
    {% block tab_name %}
        <title>M'A :: Sign up</title>
    {% endblock %}
{% endblock %}
{% block body %}
    {% block javascripts %}
        {{ parent() }}
    {% endblock %}
    {% block main %}
        {{ parent() }}
        {% block alertMessage %}
            {% if error is defined and error_msg is defined %}
                <div class="alert-msg error-msg">
                    <p class="alert-msg-title error-msg-title">ERROR</p>
                    <p class="alert-msg-text error-msg-text">
                        {{ error_msg|raw }}
                    </p>
                </div>
            {% endif %}
        {% endblock %}
        {% block form %}
            <div class="form-body">
                <p>Create your own account to attend to meetings and stay informed</p><br>
                {{ form_start(form) }}
                {{ form_errors(form) }}
                {{ form_row(form.lastName,
                    {
                        'attr':
                        {
                            'type': 'text',
                            'id': 'form-lastname',
                            'placeholder' : 'Ex: Laviolette'
                        }
                    })
                }}
                {{ form_row(form.firstName,
                    {
                        'attr':
                        {
                            'type': 'text',
                            'id': 'form-firstname',
                            'placeholder' : 'Ex: Joachim'
                        }
                    })
                }}
                {{ form_row(form.mail,
                    {
                        'attr':
                        {
                            'type': 'email',
                            'id': 'form-mail',
                            'placeholder' : 'Ex: joachim.laviolette@gmail.com'
                        }
                    })
                }}
                {{ form_row(form.password,
                    {
                        'attr':
                        {
                            'type': 'password',
                            'id': 'form-pwd',
                            'placeholder' : 'Enter your password here'
                        }
                    })
                }}
                {{ form_row(form.password_confirmation,
                    {
                        'attr':
                        {
                            'type': 'password',
                            'id': 'form-pwd-conf',
                            'placeholder' : 'Enter your password confirmation here'
                        }
                    })
                }}
                <div id="btn-actions">
                    <a href="{{ path('sign_in_view') }}">
                        <button type="button" class="form-btn" id="btn-link">Log in</button>
                    </a>
                    {{ form_widget(form.submit,
                        {
                            'attr':
                            {
                                'type': 'button',
                                'id': false,
                                'class' : 'form-btn'
                            }
                        })
                    }}
                </div>
            </div>
        {% endblock %}
    {% endblock %}
{% endblock %}