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

{% block content %}
    <div class="row clearfix">
        <div class="col-md-12">
            <h1 class="registration-sign-up">{% trans %}SIGN UP{% endtrans %}</h1>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-2">
            <p class="main-text">&#9632; {% trans %}Create your portfolio and get the chance to be discovered by new clients.{% endtrans %}<p>
        </div>
        <div class="col-md-10">
            <div class="registration-panel">
                {% include "@FOSUser/Registration/register_content.html.twig" %}
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
        $(function () {
            $('#fos_user_registration_form').validate({
                highlight: function (input) {
                    $(input).parents('.form-line').addClass('error');
                },
                unhighlight: function (input) {
                    $(input).parents('.form-line').removeClass('error');
                },
                errorPlacement: function (error, element) {
                    $(element).parents('.form-group').append(error);
                }
            });
        });
    </script>
{% endblock javascript %}