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

{% block title %}Faites-vous accompagner par un conseiller pédagogique{% endblock %}
{% block og_title %}Faites-vous accompagner par un conseiller pédagogique{% endblock %}


{% block description %}Besoin d'aide ? Faites-vous accompagner par un conseiller pédagogique dans votre recherche.{% endblock %}
{% block og_description %}Besoin d'aide ? Faites-vous accompagner par un conseiller pédagogique dans votre recherche.{% endblock %}

{% block og_url %}{% endblock %}

{% block canonical %}https://www.rueduprof.com{{ path('app_consultant_ask') }}{% endblock %}

{% block stylesheets %}
<style>
    .avatar-fix {
   
        border-radius: 25px;
        border: 4px solid #9c88ff;
        width:180px;
        margin-bottom:10px;
    }
    .adcontent ul li {
      
        margin-bottom:-16px;
    }
</style>
{% endblock %} 

{% block fos_user_content %}
    {% spaceless %}

    <div class="img-cover img-cover-dark"  data-parallax="scroll" data-image-src="/images/classroom.png">
        <div class="container p-t-b-50 m-t-60">
          <div class="row text-center">
            <div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1">
              <h1 class="no-m m-b-15 font-thin" style="color: white;font-size: 24px;line-height: 35.88px;">Contactez un conseiller pédagogique</h1>

            </div>
          </div>
        </div>
      </div>   

    <div class="container xs-no-p-i  p-t-b-60 m-t-30">

        {% for flash_message in app.session.flashBag.get('success') %}
            <div class="alert alert-success m-t-60">
                {{ flash_message|raw|nl2br }}
            </div>
        {% endfor %}

        <div class="row xs-no-m-i">
            <div class="col-xs-12 xs-no-p-i">
                
                <div class="row r-sm-table">
                    <div class="col-md-3 col-sm-cell">
                    </div>
                    <div class="col-md-9 col-sm-cell">                     
                    </div>
                </div>
              
                <!-- START: Ticket item -->
                <div class="panel panel-default" style="margin-left:10px;margin-right:10px;">

                     
                        <div style="padding:25px;">
                            <h3 style="border-bottom: 5px solid #00a8ff;">Contactez un conseiller pédagogique</h3>
                            <div class="alert alert-success" role="alert">
                                <p>Un conseiller pédagogique peut vous aider dans votre recherche.</p>
                                <p>Pour toute question ou demande spécifique, remplissez ce formulaire, un de nos conseillers vous répondra dans les plus brefs délais.</p>
                            </div>

                          
                            
                            {{ form_start(form_message, {'attr': {'class': ''}}) }} 

                            {{ form_errors(form_message) }}
        
            
                            {{ form_widget(form_message.email) }}

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="inputError3">Email</label>
                                        {{ form_widget(form_message.adresseemail, { 'attr': {'class': 'form-control', 'placeholder': 'Email'} }) }}
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label" for="inputError3">Prénom</label>
                                        {{ form_widget(form_message.firstname, { 'attr': {'class': 'form-control', 'placeholder': 'Prénom'} }) }}
                                    </div>                         
                                    <div class="form-group">
                                        <label class="control-label" for="inputError3">Nom</label>
                                        {{ form_widget(form_message.lastname, { 'attr': {'class': 'form-control', 'placeholder': 'Nom'} }) }}
                                    </div>
                                    <div id="mobileError" class="form-group">
                                        <label class="control-label" for="inputError1">Téléphone</label>
                                        {{ form_widget(form_message.mobile, { 'attr': {'id': 'inputError1','class': 'form-control', 'placeholder': 'Mobile'} }) }}
                                    </div>
                                </div>          
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="inputError3">Code postal</label>
                                        {{ form_widget(form_message.postalcode, { 'attr': {'class': 'form-control', 'placeholder': 'Code postal'} }) }}
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label" for="inputError3">Ville</label>
                                        {{ form_widget(form_message.city, { 'attr': {'class': 'form-control', 'placeholder': 'Ville'} }) }}
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label" for="inputError2"> Message</label>
                                        {{ form_widget(form_message.message, { 'attr': {'rows': 5,'class': 'form-control', 'placeholder': 'Message'} }) }}
                                    </div>    
                                </div>
                            </div>
        
 
        
                            {{ form_widget(form_message.recaptcha, { 'attr': {
                                'options' : {
                                'theme': 'light',
                                'type': 'image',
                                'size': 'normal'
                            },
                            } }) }}
        
                            <div>
                            <button class="btn btn-sm btn-block btn-primary btn-call-to-action m-t-10" type="submit">Envoyer</button>
                            </div>
                        {{ form_end(form_message) }}
                        </div>
                    </div>
           


            </div>
        </div>
    </div>
    {% endspaceless %}
{% endblock fos_user_content %}

{% block javascripts %}
    {% spaceless %}  
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDgIqxWbmTk2jHfOaNYEXC73GsWjal1Osw&signed_in=true&libraries=places&callback=initAutocomplete"
        ></script>  
        <script type="text/javascript">

        </script>
    {% endspaceless %}
{% endblock %}