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

{% block title %}Recherchez un prof{% endblock %}

{% block stylesheets %}
  <link href="/assets/selectize.js-master/dist/css/selectize.css" rel="stylesheet">
  <style>

    .h1 {
        font-size: 20px;
        color:#2f3640;
        font-weight: bold;
    }

    .h2 {
        font-size: 16px;
        color:#2f3640;
        font-weight: bold;
    }
  </style>

{% endblock %}

{% block fos_user_content %}



    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-md-12 p-15" style="padding-top:15px;padding-bottom:0px;">



            <!-- START: Ticket item -->
            <div class="panel panel-default" style="margin-left:10px;margin-right:10px;">
                <div class="panel-body p-20">

                  <h1 class="h1">
                             {% if item.profile.avatar and item.profile.avatar.path %}
                                      <img  class="img-circle pull-left avatar-fix" alt="{{ item.profile.firstname }} {{ item.profile.lastname }}"src="/uploads/avatar/{{ item.profile.avatar.path }}"/>
                                      {% else %}
                                      <img  class="img-circle pull-left avatar-fix" alt="avatar" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA"/>
                                    {% endif %}

                    Faire une demande de cours particuliers {% if item.category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}<strong>{{ item.category.name }}</strong>
                              {% if item.profile and item.profile.city  %} à <strong>{{ item.profile.city }} {% if item.profile and item.profile.department  %}<span>({{ item.profile.department }})</span>{% endif %} </strong>{% endif %}
                                {% if item.profile and item.profile.firstname and item.profile.lastname  and item.profile.user.device is defined and item.profile.user.device != 'ANDROID' %}
                                avec <b>{{ item.profile.firstname }} {{ item.profile.lastname|first }}.</b>
                              {% else %} 
                              avec <b>{{ item.profile.lastname }} {{ item.profile.firstname|first }}.</b>
                              {% endif %}</h1>

                    <hr/>
                    <!--     
                    <div class="row r-sm-table bg-white">



                        <div class="col-md-2 col-sm-cell">
                         
                                
                           <div>
                            {% if item.profile.user is defined and item.profile.user.lastLogin %}
                            <span class="label label-primary b-rad-100 label-line inline-block"><time class="timeago" datetime="{{ item.profile.user.lastLogin|date }}"></time></span>
                            {% else %}
                            <span class="label label-primary b-rad-100 label-line inline-block"><time class="timeago" datetime="{{ item.profile.user.created|date }}"></time></span>
                            {% endif %}
                          </div>
                          <br />


                            <div>
                                <a href="{{ path('app_profile_user_show', { 'id': item.profile.id, 'slug':  'professeur-'~item.profile.department ~'-'~ item.profile.firstname| myslugify ~'-'~ item.profile.lastname|first| myslugify }) }}">

                                  <table>
                                  <tr>

                                   {% if item.profile.avatar and item.profile.avatar.path %}
                                      <td><img  class="img-circle pull-left avatar-fix" alt="{{ item.profile.firstname }} {{ item.profile.lastname }}"src="/uploads/avatar/{{ item.profile.avatar.path }}"/></td>
                                      {% else %}
                                      <td><img  class="img-circle pull-left avatar-fix" alt="avatar" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA"/></td>
                                    {% endif %}

                                   


                                        <td><div class="font-normal">{% if item.profile and item.profile.firstname and item.profile.lastname  and item.profile.user.device != 'ANDROID' %}
                                <b style="margin-top:5px;">{{ item.profile.firstname }} {{ item.profile.lastname|first }}.</b>
                              {% else %} 
                                <b style="margin-top:5px;">{{ item.profile.lastname }} {{ item.profile.firstname|first }}.</b>
                              {% endif %}</div></td>


                                   

                                  </tr>
                                </table>


                                </a>
                            </div>
                            <br />

                            {% if item.webcam %}<br /><div style="font-size:12px;font-weight:700;color:#2980b9;"><i class="fa fa-video-camera"></i> Webcam</div>{% endif %}
                            {% if item.inPlace %}<div style="font-size:11px;font-weight:700;color:#8e44ad;"><i class="fa fa-angle-double-left"></i>  Je peux recevoir mes élèves</div>{% endif %}
                            {% if item.outPlace %}<div style="font-size:11px;font-weight:700;color:#e67e22;"><i class="fa fa-angle-double-right"></i>  Je peux me déplacer</div>{% endif %}

                        </div>
                        <div class="col-md-7 col-sm-cell">

                            <p>
                              {% if item.content %}
                                {{ item.content|length > 150 ? item.content|slice(0, 150) ~ '...' : item.content   }}
                              {% elseif item.profile.content %}
                                {{ item.profile.content|length > 150 ? item.profile.content|slice(0, 150) ~ '...' : item.profile.content   }}
                              {% endif %}
                            </p>



                            <div class="m-b-10">
                                {% if item.primaire %}<span class="label label-success">Primaire</span>{% endif %}
                                {% if item.college %}<span class="label label-info">Collége</span>{% endif %}
                                {% if item.lycee %}<span class="label label-primary">Lycée</span>{% endif %}
                                {% if item.superieur %}<span class="label label-danger">Supérieur</span>{% endif %}
                            </div>
                                
                       

                            <ul class="list-unstyled tag-list inline-block no-m">

                              {% for itemCategory in item.profile.categories  %}
                                
                                    <li><a href="{{ path('app_profileCategory_show', { 'profile': item.profile.id, 'slug':  'professeur-'~item.profile.department ~'-'~ item.profile.firstname| myslugify ~'-'~ item.profile.lastname|first| myslugify, 'skill': item.category.slug, 'id': itemCategory.id }) }}">#{{ itemCategory.category.name }}</a></li>
                                
                              {% endfor %}
                                
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-cell">
                            <div>

                            
                                
                                    <a  href="{{ path('app_profileCategory_show', { 'profile': item.profile.id, 'slug':  'professeur-'~item.profile.department ~'-'~ item.profile.firstname| myslugify ~'-'~ item.profile.lastname|first| myslugify, 'skill': item.category.slug, 'id': item.id }) }}" class="avatar m-r-3 m-b-5 inline-block" style="font-weight:800;font-size:25px;">
                                        {% if item.pricePerHour %}<h3><span class="label label-primary">{{ item.pricePerHour }}<sup>€ / h</sup></span></h3>{% endif %}
                                    </a>
                                    {% if item.firstHour %}<div style="font-size:12px;font-weight:700;color:#27ae60;"><br /><i class="fa fa-money"></i>  1ère heure gratuite</div>{% endif %}

                              
                                
                            </div>
                        </div>

                    </div>

                    <hr />
                    -->

              {% if cookieExist %}
                <p class="text-center" style="color:#2ecc71;font-weight:bold;font-size: 20px;">Votre message a été envoyé.</p>
                <hr />

                    <!-- TrustBox widget - Review Collector --> 
              <div class="trustpilot-widget" data-locale="fr-FR" data-template-id="56278e9abfbbba0bdcd568bc" data-businessunit-id="5c756ccae1c92400017630b9" data-style-height="52px" data-style-width="100%"> <a href="https://fr.trustpilot.com/review/rueduprof.com" target="_blank" rel="noopener">Trustpilot</a> </div> 
              <!-- End TrustBox widget -->
              <hr />
              <!-- TrustBox widget - Micro Review Count --> 
              <div class="trustpilot-widget" data-locale="fr-FR" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="5c756ccae1c92400017630b9" data-style-height="24px" data-style-width="100%" data-theme="light"> <a href="https://fr.trustpilot.com/review/rueduprof.com" target="_blank" rel="noopener">Trustpilot</a> </div> 
              <!-- End TrustBox widget -->

              <hr />

                <div class="alert alert-success">
                  <p><strong>Afin d'améliorer la satisfaction de nos utilisateurs, nous sommes partenaires avec la communauté d'avis clients en ligne, Trustpilot, pour collecter nos évaluations :</strong> <strong><a href="https://fr.trustpilot.com/evaluate/rueduprof.com" target="_BLANK">Cliquez ici pour nous évaluer sur Trustpilot</a></strong></p>

                </div>

              {% else %}

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

                  {{ form_errors(form_message) }}

                  {{ form_widget(form_message.email, { 'attr': {'class': 'form-control', 'placeholder': 'Email'} }) }}

                  <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 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 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>     

                  {{ form_widget(form_message.recaptcha, { 'attr': {
                      'options' : {
                        'theme': 'light',
                        'type': 'image',
                        'size': 'normal'
                    },
                  } }) }}

                  <div>
                    <button class="btn btn-lg btn-primary btn-block" type="submit">Envoyer</button>
                  </div>
                {{ form_end(form_message) }}

              {% endif %}


                </div>
            </div>
            <!-- End: Ticket item -->


          

              {% if premia|length > 0 and app.user and app.user.roles[0] == "ROLE_SUPER_ADMIN" %}
           
                <hr />
                <h3 class="text-center" style="margin:10px;">Ces professeurs peuvent vous intéresser</h3>
        
              {% endif %}

              {% for key, premium in premia %}
                  {% if premium.profile.user.id != 1 %}
                    {% include 'App:Category:ad.html.twig' with {'item': premium} %}
                  {% endif %}
              {% endfor %}

         


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


    <div class="container xs-no-p-i">
      <div class="row xs-no-m-i">
          <div class="col-xs-12 xs-no-p-i">

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


{% endblock fos_user_content %}
{% block javascripts %}

<!-- TrustBox script --> 
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script> <!-- End TrustBox script -->
    <script type="text/javascript">

      jQuery(document).ready(function() {
        jQuery(".timeago").timeago();
      });

    </script>
    <script>
    function valider_numero() {
      console.log('Hello');
      var num = document.getElementById("form_mobile").value;

      console.log("valider_numero : "+num);


      if(num.indexOf('+33')!=-1) num = num.replace('+33', '0');
      var re = /^0[1-7]\d{8}$/;

      var res = re.test(num);

      if (res == false)
      {
        document.getElementById("mobileError").className += " has-error";
        console.log(' is-invalid');
      }

      return true;

    }
    </script>

{% endblock %}