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

{% block title %}{% if category and category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {{ category.name }}{% endif %}{% endblock %}
{% block og_title %}{% if category and category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {{ category.name }}{% endif %}{% endblock %}


{% block description %}
Recherchez les meilleurs {% if category and category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}{{ category.name }} aux meilleurs prix. Trouvez des élèves pour des {% if category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}{{ category.name }}.
{% endblock %}
{% block og_description %}
Recherchez les meilleurs {% if category and category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}{{ category.name }} aux meilleurs prix. Trouvez des élèves pour des {% if category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}{{ category.name }}
{% endblock %}

{% block og_url %}https://www.rueduprof.com/{% if category and category.type %}{{ category.type }}{% else %}cours-particuliers{% endif %}/{{ category.slug }}{% endblock %}

{% block subtitle 'Homepage' %}


{% block canonical %}https://www.rueduprof.com/{% if category and category.type %}{{ category.type }}{% else %}cours-particuliers{% endif %}/{{ category.slug }}{% endblock %}

{% block snippet_json_breadcrumb %}
{% endblock %}

{% block snippet_json %}

    {% include 'App::schema/cours_particuliers_subject.html.twig' with {
      arrLocs: arrLocs,
      profileCategories: profileCategories,
      category: category
    } only %}

{% endblock %}

{% block fos_user_content %}

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


{% if profileCategories|length > 0 %}

    <div class="p-t-b-10 b-b-b-l">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <h2 class="no-m m-b-20">Les derniers {% if category and category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}<b>{{ category.name }}</b></h2>

              

           


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


{% endif %}

            {% for key, item in profileCategories %}    

  
 <!-- START: Ticket item -->
            <div class="panel panel-default" style="margin-left:10px;margin-right:10px;">
                <div class="panel-body p-30">
                    <div class="row r-sm-table bg-white">
                        <div class="col-md-2 col-sm-cell">
                         
                                
                           <div>
                            {% if 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>
                                           <noscript>
                                            <img class="img-circle pull-left avatar-fix" src="/uploads/avatar/{{ item.profile.avatar.path }}" data-src="/uploads/avatar/{{ item.profile.avatar.path }}" alt="{{ item.profile.firstname }} {{ item.profile.lastname }}">
                                          </noscript>                                       
                                          <img class="img-circle pull-left avatar-fix lazyload" data-src="/uploads/avatar/{{ item.profile.avatar.path }}" alt="{{ item.profile.firstname }} {{ item.profile.lastname }}" />
                                        </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 %}<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">
                          {% spaceless %}

                            <h3 class="h2_title"><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': category.slug, 'id': item.id }) }}" class="font-normal" style="font-size:16px;font-weight:500;">
                           {% if category and category.type and category.type == 'formations' %}Formation{% elseif category.slug == "coach-sportif" %}Séance Haut de gamme {% else %}Cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}<strong>{{ category.name }}</strong>{% if item.profile and item.profile.city  %} à <strong>{{ item.profile.city }} {% if item.profile.city == 'Paris' %}{% if item.profile.department != '75000'  %}{% if item.profile.department|slice(3, 1) == '0'  %}{{ item.profile.department|slice(4, 1) }}{% else %}{{ item.profile.department|slice(3, 2) }}{% endif %}{% if item.profile.department|slice(4, 1) == '1' and item.profile.department|slice(3, 1) != '1'  %}er{% else %}e{% endif %} arrondissement {% endif %}{% if item.profile and item.profile.department  %}<span>({{ item.profile.department }})</span>{% endif %}{% else %}<span>({{ item.profile.department }})</span>{% endif %} </strong>{% endif %}{% if item.profile and item.profile.firstname and item.profile.lastname  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 %}</a></h3>
                                <!--
                                <p>{% if item.content %}{{ item.content|length > 350 ? item.content|slice(0, 350) ~ '...' : item.content   }}{% elseif item.profile.content %}{{ item.profile.content|length > 350 ? item.profile.content|slice(0, 350) ~ '...' : item.profile.content   }}{% endif %}</p>
                                -->
                                {% if item.profile.content %}<p>{{ item.profile.content|length > 350 ? item.profile.content|slice(0, 350) ~ '...' : item.profile.content   }}</p>{% endif %}
                                {% if item.content %}<p><b>Plus de détails :</b> {{ item.content|length > 150 ? item.content|slice(0, 150) ~ '...' : item.content   }}</p>{% endif %}
                               
                            {% endspaceless %}



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

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

                              {% for itemCategory in item.profile.categories  %}
                                
                                    <li style="margin: 3px;"><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': category.slug, 'id': itemCategory.id }) }}">#{{ itemCategory.category.name }}</a></li>
                                
                              {% endfor %}
                                
                            </ul>
                        </div>
                        <div class="col-sm-3 col-sm-cell text-center">

                            {% if item.pricePerHour %}
                            <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': category.slug, 'id': item.id }) }}" class="avatar m-r-3 inline-block" style="font-weight:900;font-size:28px;">
                            {{ item.pricePerHour }}<sup>€ / h</sup>
                            </a></div>
                            {% endif %}

                            {% if item.firstHour %}
                              <div style="font-size:12px;font-weight:700;color:#27ae60;">
                                <i class="fa fa-money"></i>  1ère heure gratuite
                              </div>
                            {% endif %}
                                     
                            <div><a style="margin-top:10px;" class="btn btn-sm btn-primary btn-call-to-action" href="{{ path('search_booking', { 'id': item.id }) }}" ><i class="fa fa-comments-o"></i>  Contacter ce professeur gratuitement</a></div>

                        
                        </div>

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


            {% endfor %}                   



<div class="p-t-b-10 b-b-b-l">
  <div class="container">
    <div class="row">
      <div class="col-md-12 text-center">
        <h3 class="no-m m-b-20">Les {% if category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}<b>{{ category.name }}</b> par ville</h3>
      </div>
    </div>
  </div>
</div>

<div class="container p-10">

  <div class="row mt-3">
    <div class="col-md-6">
      <div class="list-group no-border">
        {% if category.type and category.type =='formations' %}
          <a href="{{ app.request.schemeAndHttpHost ~ path('app_formations_show', { 'slug': category.slug, 'location': 'en-ligne' }) }}" class="list-group-item"> Formations {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}{{ category.name }} en ligne <b>(Webcam)</b></a>
        {% else %}
          <a href="{{ app.request.schemeAndHttpHost ~ path('app_category_show', { 'slug': category.slug, 'location': 'en-ligne' }) }}" class="list-group-item"> Cours particuliers {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}{{ category.name }} en ligne <b>(Webcam)</b></a>
        {% endif %}
      </div>
    </div>
  </div>


  <div class="row">
    <div class="col-md-6">
      <div class="list-group no-border">
        {% for arrLoc in arrLocs %}
          {% if category.type and category.type =='formations' %}
            <a href="{{ app.request.schemeAndHttpHost ~ path('app_formations_show', { 'slug': category.slug, 'location': arrLoc.locationSlug }) }}" class="list-group-item"><span class="badge badge-light">{{ arrLoc.count }}</span> Formations {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}<b>{{ category.name }}</b> à <b>{{ arrLoc.cityName }}</b> {{ arrLoc.locationName }}</a>
          {% else %}
            <a href="{{ app.request.schemeAndHttpHost ~ path('app_category_show', { 'slug': category.slug, 'location': arrLoc.locationSlug }) }}" class="list-group-item"><span class="badge badge-light">{{ arrLoc.count }}</span> Cours particuliers {% if category.name|first|lower in ['a','e','i','o','u','h'] %}d'{% else %}de {% endif %}<b>{{ category.name }}</b> à <b>{{ arrLoc.cityName }}</b> {{ arrLoc.locationName }}</a>
          {% endif %}
        {% endfor %}
      </div>
    </div>
  </div>
</div>

    
{% if category.slug == 'maths' %}
  <div class="row">
    <div class="col-md-6">
      <h3>Cours particuliers en <b>Île-de-France</b></h3>
      <div class="list-group no-border">
        {% for location in locations %}
          <a href="{{ app.request.schemeAndHttpHost ~ path('app_category_show', { 'slug': 'maths', 'location': location.slug }) }}" class="list-group-item"> {% if category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} de maths{% if location.city %} à <b>{{ location.city }}</b> -{% endif %} <b>{{ location.name }} ({{ location.zipcode }})</b></a>
        {% endfor %}
      </div>
    </div>
    {% if category.slug == NULL %}
      <div class="col-md-6">
        <h3>Cours particuliers par département</h3>
        <div class="list-group no-border">
          {% for department in departments %}
            <a href="{{ app.request.schemeAndHttpHost ~ path('app_category_show', { 'slug': 'maths', 'location': department.slug }) }}" class="list-group-item"> {% if category.type %}{{ category.type }}{% else %}cours particuliers{% endif %} de maths{% if department.city %} à <b>{{ department.city }}</b> -{% endif %} <b>{{ department.name }} ({{ department.zipcode }})</b></a>
          {% endfor %}
        </div>
      </div>
    {% endif %}
  </div>
{% endif %}

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

<div class="container xs-no-p-i m-t-20">
  <div class="row xs-no-m-i">
    <div class="col-xs-12 xs-no-p-i">
      {% if category.content %}
        <p style="padding:10px;">{% autoescape %}{{ category.content| raw |nl2br }}{% endautoescape %}</p>
        <hr />
      {% endif %}
    </div>
  </div>
</div>

{% endblock fos_user_content %}

{% block javascripts %}
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDgIqxWbmTk2jHfOaNYEXC73GsWjal1Osw&signed_in=true&libraries=places&callback=initAutocomplete"></script>  
  <script type="text/javascript">
    jQuery(document).ready(function() {
      jQuery(".timeago").timeago();
    });
  </script>
{% endblock %}