{% trans_default_domain 'FOSUserBundle' %}

<form action="{{ path('app_register', [ app.request.attributes.get('invitation_token_parameter')] ) }}" enctype="multipart/form-data" method="POST" class="form-horizontal registration_register" novalidate>
    
    {{form_row(registrationForm._token)}}

    <div class="form-group">
        <label for="{{ registrationForm.username.vars.id }}" class="col-md-4 control-label"> {{ 'form.username'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.username, {'attr':{'class' : 'form-control' , 'placeholder' : 'form.placeholder.username'|trans}}) }}
            {{ form_errors(registrationForm.username) }}
        </div>
    </div>
    <div class="form-group" id="email">
        <label for="{{ registrationForm.email.vars.id }}" class="col-md-4 control-label"> {{ 'form.email'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.email ,{'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.email'|trans}} ) }}
            {{ form_errors(registrationForm.email) }}
        </div>
    </div>
    <div class="form-group">
        <label for="{{ registrationForm.plainPassword.first.vars.id }}" class="col-md-4 control-label"> {{ 'form.password'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.plainPassword.first, {'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.password'|trans}}) }}
            {{ form_errors(registrationForm.plainPassword.first) }}
        </div>
    </div>
    <div class="form-group">
        <label for="{{ registrationForm.plainPassword.second.vars.id }}" class="col-md-4 control-label"> {{ 'form.new_password_confirmation'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.plainPassword.second, {'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.password'|trans}}) }}
            {{ form_errors(registrationForm.plainPassword.second) }}
        </div>
    </div>
   
    {% if registrationForm.studyField is defined %}
        <div class="form-group">
            <label for="{{ registrationForm.studyField.vars.id }}" class="col-md-4 control-label">{{ 'form.study_field' | trans({},'FOSUserBundle') }} <span style="color:grey;font-size:11px"> ({{ 'form.parantheses' | trans({},'FOSUserBundle') }}) </span></label>
            <div class="col-md-8">
                {{ form_widget(registrationForm.studyField) }}
                {{ form_errors(registrationForm.studyField) }}
            </div>
        </div>
    {% endif %}
    <div class="form-group">
        <label for="{{ registrationForm.country.vars.id }}" class="col-md-4 control-label"> {{ 'form.country'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.country, {'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.country'|trans}}) }}
            {{ form_errors(registrationForm.country) }}
        </div>
    </div>
    <div class="form-group">
        <label for="{{ registrationForm.firstName.vars.id }}" class="col-md-4 control-label"> {{ 'form.firstname'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.firstName, {'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.firstname'|trans}}) }}
            {{ form_errors(registrationForm.firstName) }}
        </div>
    </div>
    <div class="form-group">
        <label for="{{ registrationForm.lastName.vars.id }}" class="col-md-4 control-label">  {{ 'form.lastname'|trans }}  </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.lastName, {'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.lastname'|trans}}) }}
            {{ form_errors(registrationForm.lastName) }}
        </div>
    </div>

   
    <div class="form-group">
        <label for="{{ registrationForm.cell.vars.id }}" class="col-md-4 control-label"> {{ 'form.cell'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.cell, {'attr':{'class' : 'form-control', 'placeholder' : 'form.placeholder.cell'|trans}}) }}
            {{ form_errors(registrationForm.cell) }}
        </div>
    </div>
    <div class="form-group">
        <label for="{{ registrationForm.gender.vars.id }}" class="col-md-4 control-label"> {{ 'form.gender'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.gender, {'attr':{'class' : 'form-control'}}) }}
            {{ form_errors(registrationForm.gender) }}
        </div>
    </div>
    <div class="form-group">
        <label for="{{ registrationForm.birthdate.vars.id }}" class="col-md-4 control-label"> {{ 'form.birthdate'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.birthdate) }}
            {{ form_errors(registrationForm.birthdate) }}
        </div>
    </div>
    
     <div class="form-group">
        <label for="{{ registrationForm.publicProfile.vars.id }}" class="col-md-4 control-label"> {{ 'registration.publicProfile'|trans }} </label>
        <div class="col-md-8">
            {{ form_widget(registrationForm.publicProfile) }}
            {{ form_errors(registrationForm.publicProfile ) }}
        </div>
    </div>

    {% if registrationForm.reCaptcha is defined %}
        <div class="form-group">
            <label  class="col-md-4 control-label"></label>
            <div  class="col-md-8">
                {{ form_widget(registrationForm.reCaptcha,
                    {'attr': {'data-toggle':'reCaptcha',
                        'data-type':'checkbox',
                    }}) }}
                {{ form_errors(registrationForm.reCaptcha) }}
            </div>
        </div>
    {% endif %}
    <div>
        <div  class="col-md-4"></div>
        <div  class="col-md-8">{{ form_errors(registrationForm) }}</div>
    </div>
    <hr>
    <div class="form-group text-center">
        <input type="submit" value=" {{ 'layout.register'|trans }} " style="margin-top: 50px;" class="btn btn-default btn-lg shamra-btn"  />
    </div>
</form>