{% extends 'App::layout_user.html.twig' %}

{% block title %}Créer un compte sur rueduprof.com{% endblock %}
{% block description %}Créer un compte sur rueduprof.com{% endblock %}

{% block og_title %}Créer un compte sur rueduprof.com{% endblock %}
{% block og_description %}Créer un compte sur rueduprof.com{% endblock %}
{% block og_url %}https://www.rueduprof.com/register/{% endblock %}

{% block fos_user_content %}


 <div class="middle-box text-center loginscreen animated fadeInDown">
        <div>
            <h3><a href="/"><img width="200" id="brand-logo" src="/images/logo-rdp-v2.svg" alt="RueduProf"></a></h3>

            <p>Créer un compte sur Rueduprof </p>
  
  <form action="{{ path('fos_user_registration_register') }}"  class="form-horizontal" method="post" novalidate>

              

                  <fieldset>
                    <div class="form-group required">
                   
                      <div class="col-md-12">

                        <span style="color:red;">{{ form_errors(form.email) }}</span>
                       
                        {{ form_widget(form.email, { 'attr': {'class': 'form-control', 'placeholder': 'Email'} }) }}

                      </div>
                    </div>

                    <div class="form-group required">
                   
                      <div class="col-md-12">

                        <span style="color:red;">{{ form_errors(form.username) }}</span>
                       
                        {{ form_widget(form.username, { 'attr': {'class': 'form-control', 'placeholder': 'Pseudo'} }) }}

                      </div>
                    </div>



                    <div class="form-group required">
                
                      <div class="col-md-12">

                        <span style="color:red;">{{ form_errors(form.plainPassword.first) }}</span>

                  

                         {{ form_widget(form.plainPassword.first, { 'attr': {'class': 'form-control', 'placeholder': 'Mot de passe'} }) }}

                         <p></p>

                         <span style="color:red;">{{ form_errors(form.plainPassword.second) }}</span>
                         {{ form_widget(form.plainPassword.second, { 'attr': {'class': 'form-control', 'placeholder': 'Confirmez votre mot de passe'} }) }}


                      </div>
                    </div>
                    {{ form_widget(form.codeParrainage) }}

                    <span style="color:red;">{{ form_errors(form.recaptcha) }}</span>
                       {{ form_widget(form.recaptcha, { 'attr': {
                                'options' : {
                                    'theme': 'light',
                                    'type': 'image',
                                    'size': 'normal'
                                },
                            } }) }}


                    <div class="form-group">
                    
                      <div class="col-md-12">

                        <p style="text-align: left;font-size: 12px;">La création d'un compte implique que vous avez lu et accepté les <a href="{{ path('app_cgu') }}" TARGET='_blank'>termes et conditions d'utilisation.</a></p>


            
                    
               
                         <input type="submit" class="btn btn-primary btn-block" value="Créer un compte"/></div>


                    </div>
                  </fieldset>

				  {{ form_widget(form._token) }}




                </form>

            
          <div class="form-group">
          <div class="col-md-12">
{#
            <div class="omb_login">
              <div class="row omb_socialButtons">
                <p><a href="/login/facebook" class="btn btn-lg btn-block omb_btn-facebook"><i class="fab fa-facebook"></i> Se connecter avec Facebook</a></p>
              </div>
            </div>
                 #} 
                  <div class="omb_login">
                      <div class="row omb_socialButtons">
                          <p><a href="/login/google" class="btn btn-lg btn-block omb_btn-google"><img src="/images/google.svg" width="20"/> Se connecter avec Google</a></p>
                      </div>
                  </div>
    {#
                  <div class="omb_login">
                      <div class="row omb_socialButtons">
                          <p><a href="/login/twitter" class="btn btn-lg btn-block omb_btn-twitter"><i class="fab fa-twitter"></i> Se connecter avec Twitter</a></p>
                      </div>
                  </div>
#}
<hr>
          <p style='font-size:16px;'>Tu as déjà un compte ?<br> <a href="{{ path('fos_user_security_login') }}">Connecte-toi !</a></p>
          </div>
           </div>


            <p class="m-t"> <small>Rue du Prof &copy; 2016</small> </p>
        </div>
    </div>
{% endblock fos_user_content %}