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

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

{% block doctype %}
    {% block stylesheets %}
        {{ parent() }}
    {% endblock %}
    {% block tab_name %}
        <title>M'A :: Authentication</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>Please authenticate to access the platform</p><br>
                {{ form_start(form) }}
                {{ form_errors(form) }}
                {{ form_row(form.mail,
                    {
                        'attr':
                        {
                            'type': 'email',
                            'id': 'form-mail',
                            'placeholder' : 'Enter you mail address here'
                        }
                    })
                }}
                {{ form_row(form.password,
                    {
                        'attr':
                        {
                            'type': 'password',
                            'id': 'form-pwd',
                            'placeholder' : 'Enter your password here'
                        }
                    })
                }}
               <div id="btn-actions">
                   <a href="{{ path('sign_up_view') }}">
                       <button type="button" class="form-btn" id="btn-link">Sign up</button>
                   </a>
                   {{ form_widget(form.submit,
                       {
                           'attr':
                           {
                               'type': 'button',
                               'id': false,
                               'class' : 'form-btn'
                           }
                       })
                   }}
                </div>
            </div>
        {% endblock %}
    {% endblock %}
{% endblock %}