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

{% block content %}
    <div class="row clearfix">
        <div class="col-md-12">
            <h1 class="registration-sign-up">SIGN UP</h1>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-2">
            <p class="main-text">&#9632; Find the Artist and Works easily with our search tool.<p>
            <p class="grey-text">You may save on your account Works that you like or follow Artists that you find interesting or perfect for your needs.</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-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.name) }}
                                {{ form_widget(form.name, {'attr': {'placeholder': 'FIRST NAME'} }) }}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.lastName) }}
                                {{ form_widget(form.lastName, {'attr': {'placeholder': 'LAST 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">
                            <label class="control-label required" for="fos_user_registration_form_city">Region:</label>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.city) }}
                                {{ form_widget(form.city, {'attr': {'placeholder': 'CITY'} }) }}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.country) }}
                                {{ form_widget(form.country, {'attr': {'placeholder': 'COUNTRY'} }) }}
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-control-label">
                            <label class="control-label" for="fos_user_registration_form_street">Street:</label>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.street) }}
                                {{ form_widget(form.street, {'attr': {'placeholder': 'STREET'} }) }}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.zipCode) }}
                                {{ form_widget(form.zipCode, {'attr': {'placeholder': 'ZIP CODE'} }) }}
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-control-label">
                            <label class="control-label" for="fos_user_registration_form_company">Company:</label>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.company) }}
                                {{ form_widget(form.company, {'attr': {'placeholder': 'COMPANY'} }) }}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.vat) }}
                                {{ form_widget(form.vat, {'attr': {'placeholder': 'VAT'} }) }}
                            </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.phone) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.phone) }}
                                {{ form_widget(form.phone, {'attr': {'placeholder': 'PHONE'} }) }}
                            </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.website) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.website) }}
                                {{ form_widget(form.website, {'attr': {'placeholder': 'WEBSITE'} }) }}
                            </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.type) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.type) }}
                                {{ form_widget(form.type, {'attr': {'placeholder': ''} }) }}
                            </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.checkTerms) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.checkTerms) }}
                                {{ form_widget(form.checkTerms, {'attr': {'placeholder': ''} }) }}
                            </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.checkNewsletter) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.checkNewsletter) }}
                                {{ form_widget(form.checkNewsletter, {'attr': {'placeholder': ''} }) }}
                            </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.checkRodo) }}
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="form-group">
                                {{ form_errors(form.checkRodo) }}
                                {{ form_widget(form.checkRodo, {'attr': {'placeholder': ''} }) }}
                            </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>
    </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);
                }
            });
        {#           $('#user-role-client').click(function () {
                       $('#fos_user_registration_form_checkInvoice').closest('.form-group').hide();
                       $.ajax({
                           type: "POST",
                           url: "{{ path('nordmind_app_user_type') }}",
                           data: {role: 'client'},
                           success: function (data) {
                               // Remove current options
                               $('#fos_user_registration_form_type').html('');
                               $.each(data, function (k, v) {
                                   $('#fos_user_registration_form_type').append('<option value="' + k + '">' + v + '</option>');
                               });
                               {
                                   $('#fos_user_registration_form_type').selectpicker('refresh');
                               }
                           }
                       });
                   })
                   $('#user-role-artist').click(function () {
                       $('#fos_user_registration_form_checkInvoice').closest('.form-group').show();
                       $.ajax({
                           type: "POST",
                           url: "{{ path('nordmind_app_user_type') }}",
                           data: {role: 'artist'},
                           success: function (data) {
                               // Remove current options
                               $('#fos_user_registration_form_type').html('');
                               $.each(data, function (k, v) {
                                   $('#fos_user_registration_form_type').append('<option value="' + k + '">' + v + '</option>');
                               });
                               {
                                   $('#fos_user_registration_form_type').selectpicker('refresh');
                               }
                           }
                       });
                   })#}
                       });
    </script>
{% endblock javascript %}