{% 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 %}Find the Artist and Works easily with our search tool.{% endtrans %}<p>
            <p class="grey-text">{% trans %}You may save on your account Works that you like or follow Artists that you find interesting or perfect for your needs.{% endtrans %}</p>
        </div>
        <div class="col-md-10">
            <div class="registration-panel">
                {% trans_default_domain 'FOSUserBundle' %}
                {% form_theme form 'nordmindAdminBundle:Form:form_theme.html.twig' %}
                <div class="tab-content">
                    {{ form_start(form, {'method': 'post', 'action': path('nordmind_user_register_client'), 'attr': {'class': 'fos_user_registration_register', 'id': 'nordmind_user_registration_client'}}) }}

                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-control-label">
                            {{ form_label(form.email) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.email) }}
                                {{ form_widget(form.email, {'attr': {'placeholder': 'example@example.com'} }) }}
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-control-label">
                            {{ form_label(form.name) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.name) }}
                                {{ form_widget(form.name, {'attr': {'placeholder': 'NAME'} }) }}
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-control-label">
                            {{ form_label(form.plainPassword.first) }}
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group" data-tip="Minimum 8 characters">
                                {{ form_errors(form.plainPassword.first) }}
                                {{ form_widget(form.plainPassword.first, {'attr': {'placeholder': ''} }) }}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group" data-tip="Minimum 8 characters">
                                {{ form_errors(form.plainPassword.second) }}
                                {{ form_widget(form.plainPassword.second, {'attr': {'placeholder': 'RETYPE'} }) }}
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-control-label">
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                <input type="submit" class="btn pull-right registration-btn" value="OK" />
                            </div>
                        </div>

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

            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
        $(function () {
                        $('#nordmind_user_registration_client').validate({
{#                rules: {
                    'fos_user_registration_form_checkTerms': {
                        required: true
                    },
                    'gender': {
                        required: true
                    }
                },#}
                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 %}