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

{% block title %}{{ blog.title }}{% endblock %}
{% block og_title %}{{ blog.title }}{% endblock %}


{% block description %}{{ blog.description }}{% endblock %}
{% block og_description %}{{ blog.description }}{% endblock %}
{% block og_url %}https://www.rueduprof.com/blog/{{ blog.slug }}{% endblock %}
{% block og_image %}{{ blog.thumbnail }}{% endblock %}


{% block article_date %}
  <meta property="article:published_time" content="{{ blog.created|date('c') }}" />
  <meta property="article:modified_time" content="{{ blog.modified|date('c') }}" />
  <meta property="article:section" content="{{ blog.section.title }}" />
{% endblock %}


{% block canonical %}<link rel="canonical" href="https://www.rueduprof.com/blog/{{ blog.slug }}" />{% endblock %}

{% block amphtml %}<link rel="amphtml" href="https://www.rueduprof.com/blog/amp/{{ blog.slug }}">{% endblock %}

{% block snippet_json %}

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Organization",
        "@id": "https://www.rueduprof.com/#organization",
        "name": "RueduProf",
        "url": "https://www.rueduprof.com/",
        "logo": {
          "@type": "ImageObject",
          "@id": "https://www.rueduprof.com/#logo",
          "inLanguage": "fr",
          "url": "{{ app.request.getSchemeAndHttpHost() ~ asset('images/rueduprof-600x143.jpg') }}",
          "contentUrl": "{{ app.request.getSchemeAndHttpHost() ~ asset('images/rueduprof-600x143.jpg') }}",
          "width": 600,
          "height": 143,
          "caption": "RueduProf : cours particuliers"
        }
      }, {
      "@type": "ImageObject",
      "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#primaryimage",
      "inLanguage": "fr",
      "url": "{{ blog.thumbnail }}",
      "contentUrl": "{{ blog.thumbnail }}",
      "width": 524,
      "height": 296,
      "caption": "{{ blog.title }}"
    }, {

      "@context": "https://schema.org/",
      "@type": "BlogPosting",
      "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': blog.slug }) }}#BlogPosting",
      "mainEntityOfPage": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': blog.slug }) }}#webpage",
      "headline": "{{ blog.title }}",
      "name": "{{ blog.title }}",
      "description": "{{ blog.description|raw }}",
      "datePublished": "{{ blog.created|date('Y-m-d') }}",
      "dateModified": "{{ blog.modified|date('Y-m-d') }}",
      {% if blog.type == null and blog.books|length > 0 %}
        "mainEntity": {
          "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#list"          
        },
      {% elseif blog.type =='BookSeries' and blog.books|length > 0  %}
        "mainEntity": {
          "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#series"          
        },
      {% endif %}
      "author": {
        "@type": "Organization",
        "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('homepage') }}",
        "name": "RueduProf",
        "logo": {
          "@type": "ImageObject",
          "@id": "{{ app.request.getSchemeAndHttpHost() ~ asset('images/rueduprof-600x143.jpg') }}",
          "url": "{{ app.request.getSchemeAndHttpHost() ~ asset('images/rueduprof-600x143.jpg') }}",
          "width": "600",
          "height": "143"
        }
      },
      "publisher": {
        "@id": "https://www.rueduprof.com/#organization"
      },
      "image": {
        "@type": "ImageObject",
        "@id": "{{ blog.thumbnail }}",
        "url": "{{ blog.thumbnail }}"
      },
      "url": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': blog.slug }) }}",
      "isPartOf": {
          "@type" : "Blog",
          "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show_index') }}",
          "name": "RueduProf Blog : Les derniers articles",
          "url": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show_index') }}",
          "publisher": {
             "@id": "https://www.rueduprof.com/#organization"
          }
      }
    }, {
      "@type": "WebPage",
      "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#webpage",
      "url": "https://www.rueduprof.com/blog/{{ blog.slug }}",
      "name": "{{ blog.title }}",
      "primaryImageOfPage": {
        "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#primaryimage"
      },
      "datePublished": "{{ blog.created|date('c') }}",
      "dateModified": "{{ blog.modified|date('c') }}",
      "description": "{{ blog.description }}",
      "breadcrumb": {
        "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#breadcrumb"
      },
      "inLanguage": "fr"
    }, {
      "@type": "BreadcrumbList",
      "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#breadcrumb",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Blog Rueduprof",
        "item": "https://www.rueduprof.com/blog/"
      },
      {% set countBreads = 1 %}
      {% for key, breadcrumbMeta in breadcrumbsMeta %}
      {% set countBreads = countBreads + 1 %}
      {
        "@type": "ListItem",
        "position": {{countBreads}},
        "name": "{{ breadcrumbMeta.title }}",
        "item": "https://www.rueduprof.com/blog/category/{{ breadcrumbMeta.slug }}"
      },
      {% endfor %}
      {% set countBreads = countBreads + 1 %}
      {
        "@type": "ListItem",
        "position": {{countBreads}},
        "name": "{{ blog.title }}"
      }]
    }
    {% set countBooks = blog.books|length %}
    {% if blog.type == null and countBooks > 0 %}
    ,{
        "@type": ["ItemList", "CreativeWork"],
        "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#list",
        "name": "{{ blog.title }}",
        "description": "{{ blog.description }}",
        "image": {
          "@type": "ImageObject",
          "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#primaryimage",
          "inLanguage": "fr",
          "url": "{{ blog.thumbnail }}",
          "contentUrl": "{{ blog.thumbnail }}",
          "width": 524,
          "height": 296,
          "caption": "{{ blog.title }}"
        },
        "author": "RueduProf",
        "itemListOrder": "https://schema.org/ItemListOrderAscending",
        "numberOfItems": {{ countBooks }},
        "itemListElement": [
          {% for key, book in blog.books %}
            {
              "@type": "ListItem",
              "position": {{ (key + 1) }},
              {% if book.type and book.type == 'Product' %}
              "item": {
                "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#Product{{ book.id }}",
                "@type": "Product",
                "name": "{% if book.bookPartners and book.bookPartners[0] is defined and  book.bookPartners[0] %}{{ book.title|e }}{% else %}{{ book.title|e }}{% endif %}",
                "description": "{{ book.body }}",
                {% if book.bookPartners and book.bookPartners[0] is defined and book.bookPartners[0]  and book.bookPartners[0].price %}
                "offers": {
                    "@type": "Offer",
                    "priceCurrency":"EUR",
                    "price": "{{ book.bookPartners[0].price }}",
                    "itemOffered": { 
                      "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#Product{{ book.id }}"
                    },
                    "availability":"https://schema.org/InStock"
                },
                {% endif %}
                "image": "{{ book.image }}"
              }
              {% elseif book.type and book.type == 'AudioBook' %}
              "item": {
                "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#audio{{ book.id }}",
                "@type": "Audiobook",
                "name": "{% if book.bookPartners and book.bookPartners[0] is defined and  book.bookPartners[0] %}{{ book.title|e }}{% else %}{{ book.title|e }}{% endif %}",
                "description": "{{ book.body }}",
                "image": "{{ book.image }}",
                "duration": "{{ book.duration }}",
                "readBy": "{{ book.readBy }}",
                "bookFormat": "AudiobookFormat",
                "inLanguage": "fr"
                {% if book.author %}
                  ,
                  "author": "{{ book.author }}"
                {% endif %}
              }
              {% elseif book.type and book.type == 'PodcastEpisode' %}
              "item": {
                "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#episode{{ book.id }}",
                "@type": "PodcastEpisode",
                "name": "{% if book.bookPartners and book.bookPartners[0] is defined and  book.bookPartners[0] %}{{ book.title|e }}{% else %}{{ book.title|e }}{% endif %}",
                "description": "{{ book.body }}",
                "image": "{{ book.image }}",
                "inLanguage": "fr"
                {% if book.author %}
                  ,
                  "author": "{{ book.author }}"
                {% endif %}
              }
              {% elseif book.type and book.type == 'Audiobook' %}
              "item": {
                "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#audio{{ book.id }}",
                "@type": "Audiobook",
                "name": "{% if book.bookPartners and book.bookPartners[0] is defined and  book.bookPartners[0] %}{{ book.title|e }}{% else %}{{ book.title|e }}{% endif %}",
                "description": "{{ book.body }}",
                "image": "{{ book.image }}",
                "duration": "{{ book.duration }}",
                "readBy": "{{ book.readBy }}",
                "bookFormat": "AudiobookFormat",
                "inLanguage": "fr"
                {% if book.author %}
                  ,
                  "author": "{{ book.author }}"
                {% endif %}
              }
              {% else %}
              "item": {
                "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#Product{{ book.id }}",
                "@type": "Book",
                "name": "{% if book.bookPartners and book.bookPartners[0] is defined and  book.bookPartners[0] %}{{ book.title|e }}{% else %}{{ book.title|e }}{% endif %}",
                "description": "{{ book.body }}",
                "image": "{{ book.image }}",
                "inLanguage": "fr",
                {% if book.author %}
                  "author": "{{ book.author }}",
                {% endif %}
                {% if book.isbn %}
                  "isbn": "{{ book.isbn }}",
                {% endif %}
                {% if book.edition %}
                  "bookEdition": "{{ book.edition }}",
                {% endif %}
                {% if book.pageCount %}
                  "numberOfPages": "{{ book.pageCount }}",
                {% endif %} 
                {% if book.bookPartners and book.bookPartners[0] is defined and book.bookPartners[0]  and book.bookPartners[0].price %}
                "offers": {
                    "@type": "Offer",
                    "priceCurrency":"EUR",
                    "price": "{{ book.bookPartners[0].price }}",
                    "itemOffered": { 
                      "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#Product{{ book.id }}"
                    },
                    "availability":"https://schema.org/InStock"
                },
                {% endif %}
                "additionalType": "Product"
              }
              {% endif %}
            }{% if (countBooks - 1) != key %},{% endif %}
          {% endfor %}
        ]
      }
    {% elseif blog.type =='BookSeries' and countBooks > 0  %}
    ,{
        "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#series",
        "@type": "BookSeries",
        "name": "{{ blog.title }}",
        "genre": "{{ blog.genre }}",
        "abstract": "{{ blog.description }}",
        "hasPart": [
          {% for key, book in blog.books %}
              {
                "@type": "Book",
                "author": "{{ book.author }}",
                "isPartOf": {
                  "@id": "https://www.rueduprof.com/blog/{{ blog.slug }}#series"
                },
                "isbn": "{{ book.isbn }}",
                "bookEdition": "{{ book.edition }}",
                "illustrator": "{{ book.author }}",
                "numberOfPages": "{{ book.pageCount }}",
                "name": "{{ book.title }}",
                "description": "{{ book.body }}",
                "image": "{{ book.image }}",
                "inLanguage": "fr",
                {% if book.bookPartners and book.bookPartners[0] is defined and book.bookPartners[0]  and book.bookPartners[0].price %}
                    "offers": {
                    "@type": "Offer",
                    "priceCurrency":"EUR",
                    "price": "{{ book.bookPartners[0].price }}",
                    "itemOffered": { 
                      "@id":"https://www.rueduprof.com/blog/{{ blog.slug }}#Product{{ book.id }}"
                    },
                    "availability":"https://schema.org/InStock"
                  },
                {% endif %}
                "additionalType": "Product"
              }{% if (countBooks - 1) != key %},{% endif %}
          {% endfor %}
        ]
    }
    {% endif %}
    ]
  }
</script>


{% endblock %}

{% block stylesheet %}


    {% if blog.thumbnail %}
      <link href="{{ blog.thumbnail }}" rel="image_src"  />
    {% endif %}

    <style>
    .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
    }

    .video-container iframe,  
    .video-container object,  
    .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }




.btn-amazon {
/*formatting goes here*/
  color: #000;
  font-weight:800;
  background-color: #ff9900;
  border-color: #ff9900;
}
.btn-amazon:active{
  /*formatting goes here*/
  color: #000;
  font-weight:800;
  background-color: #ff9900;
  border-color: #ff9900;
}

.btn-amazon:hover{
  /*formatting goes here*/
  color: #353b48;
  font-weight:800;
  background-color: #fbc531;
  border-color: #fbc531;
}

.btn-amazon:focus{
  /*formatting goes here*/
  color: #000;
  font-weight:800;
  background-color: #ff9900;
  border-color: #ff9900;
}



.btn-thomann {
/*formatting goes here*/
  color: #000;
  font-weight:800;
  background-color: #00b5bd;
  border-color: #00b5bd;
}
.btn-thomann:active{
  /*formatting goes here*/
  color: #000;
  font-weight:800;
  background-color: #00b5bd;
  border-color: #00b5bd;
}

.btn-thomann:hover{
  /*formatting goes here*/
  color: #353b48;
  font-weight:800;
  background-color: #00b5bd;
  border-color: #00b5bd;
}

.btn-thomannn:focus{
  /*formatting goes here*/
  color: #000;
  font-weight:800;
  background-color: #00b5bd;
  border-color: #00b5bd;
}



.btn-fnac {
/*formatting goes here*/
  color: #fff;
  font-weight:800;
  background-color: #ebb300;
  border-color: #ebb300;
}
.btn-fnac:active{
  /*formatting goes here*/
  color: #fff;
  font-weight:800;
  background-color: #ebb300;
  border-color: #ebb300;
}

.btn-fnac:hover{
  /*formatting goes here*/
  color: #fff;
  font-weight:800;
  background-color: #ebb300;
  border-color: #ebb300;
}

.btn-fnac:focus{
  /*formatting goes here*/
  color: #fff;
  font-weight:800;
  background-color: #ebb300;
  border-color: #ebb300;
}

    </style>

{% endblock %} 


{% block body %}

 
  <div class="img-cover img-cover-dark"  data-parallax="scroll" data-image-src="{% if blog.parallax %}{{ blog.parallax }}{% else %}/img/background_blue_v0011.jpg{% endif %}">
    <div class="container p-t-b-50 m-t-0">
      <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;">{{ blog.title }}</h1>
          <p style="color:white;font-weight:800;font-size: 13px;"><i class="icon-time"></i> {{ blog.created|date("d/m/Y") }}</p>

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




  <div class="p-t-b-10 b-b-b-l">
    <div class="container">
      <div class="row">
        <div class="col-sm-10 m-t-b-10">
        

   

          <ol class="breadcrumb no-p-r-l no-m no-bg no-p">
            <li><a  href="{{ path('app_blog_show_index') }}">Blog</a></li>
            
            
            {% for breadcrumb in breadcrumbs %}
              {% if breadcrumb %}
                <li><a href="{{ path('app_blog_section', { 'slug':  breadcrumb.slug }) }}">{{ breadcrumb.title }}</a></li>
              {% endif %}

            {% endfor %}

            <li class="active">{{ blog.title }}</li>

          </ol>

        </div>
        <div class="col-sm-2 text-right m-t-b-10">
                    <div class="fb-like" data-href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': blog.slug }) }}" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
        </div>
      </div>
    </div>
  </div>




    <div class="content-padding"  style="background-color: #ffffff;">
        <div class="container">
            <div class="row">

          {% if app.session.flashBag.has('success') %}
            <div class="alert alert-success">
                {% for msg in app.session.flashBag.get('success') %}
                    {{ msg }}
                {% endfor %}
            </div>
          {% endif %}
          {% if app.session.flashBag.has('warning') %}
            <div class="alert alert-warning">
                {% for msg in app.session.flashBag.get('warning') %}
                    {{ msg }}
                {% endfor %}
            </div>
          {% endif %}
          {% if app.session.flashBag.has('error') %}
            <div class="alert alert-danger">
                {% for msg in app.session.flashBag.get('error') %}
                    {{ msg }}
                {% endfor %}
            </div>
          {% endif %}
                <div class="col-md-8">

                   
                    <div class="para-article">
                        {% autoescape %}
                          {{ blog.content | raw  | nl2br }}
                        {% endautoescape %}
                    </div>
                    <div class="para-article-list">
                      {% if blog.books|length > 0 %}
                        <hr />

                        
                          {% for book in blog.books %}
                          <div class="row">
                            <div class="col-xs-6">
                              {% if book.bookPartners and book.bookPartners[0] is defined and book.bookPartners[0] %}
                              <a  rel="nofollow" href="{{ book.bookPartners[0].url }}">
                                <img alt="{{ book.title }}" src="{{ book.image }}" class="img-thumbnail" height="180"/>
                              </a>
                              {% endif %}
                            </div>
                            <div class="col-xs-6">
                              {% if book.bookPartners and book.bookPartners[0] is defined and  book.bookPartners[0] %}
                                <a  rel="nofollow" href="{{ book.bookPartners[0].url }}">
                                  <h2>{{ book.title|e }}</h2>
                                </a>
                              {% else %}
                                <h2>{{ book.title|e }}</h2>
                              {% endif %}
                              <p>
                                {% autoescape %}
                                  {{ book.body | raw  | nl2br }}
                                {% endautoescape %}
                              </p>
                              {% for bookPartner in book.bookPartners %}

                                <p class="text-center">

                                  {% if bookPartner.partner.name ==  'Amazon' %}


                                    {% if book.type ==  'AudioBook' or book.type ==  'PodcastEpisode' %}
                                      <a  rel="nofollow"  class="btn btn-sm btn-amazon" href="{{ bookPartner.url }}"><i class="fa fa-amazon"></i> Voir sur <b>Audible</b></a>
                                      <br />
                                      <img alt="Audible" width="100" style="margin-top: 10px;" src="https://www.rueduprof.com/assets/img/audible_logo.svg"/>
                                      <br />
                                      <p style="text-align: center;"><b>Gratuit avec offre d'essai !</b></p>
                                    {% else %}
                                                                        <br />
                                      <a  rel="nofollow"  class="btn btn-sm btn-amazon" href="{{ bookPartner.url }}"><i class="fa fa-amazon"></i> Voir sur <b>{{ bookPartner.partner.name }}</b></a>
                                      <br />
                                      <img alt="{{ bookPartner.partner.name }}" width="50" height="50" src="{{ bookPartner.partner.image }}"/>
                                    {% endif %}

                                  {% elseif bookPartner.partner.name ==  'Thomann' %}
                                    <br />
                                    <a rel="nofollow" class="btn btn-sm btn-thomann" href="{{ bookPartner.url }}">Voir sur {{ bookPartner.partner.name }}</a>
                      
                                    <br />
                                    <a rel="nofollow" href="{{ bookPartner.url }}"><img alt="{{ bookPartner.partner.name }}" width="100" height="26" src="{{ bookPartner.partner.image }}"/></a>
                                  {% elseif bookPartner.partner.name ==  'Fnac' %}
                                    <br />
                                    <a rel="nofollow" class="btn btn-sm btn-fnac" href="{{ bookPartner.url }}">Voir sur {{ bookPartner.partner.name }}.com</a>
                                    <br />
                                    <br />
                                    <a rel="nofollow" href="{{ bookPartner.url }}"><img alt="{{ bookPartner.partner.name }}" width="120" height="38" src="{{ bookPartner.partner.image }}"/></a>

                                    
                                  
                                  {% endif %}
                                </p>

                              {% endfor %}

                            </div>
                        </div>
                        <hr />
                          {% endfor %}                     
              
                      {% endif %}
                    </div>


                    {% if blog.article %}
                    <div class="para-article">
                      {% autoescape %}
                        {{ blog.article | raw  | nl2br }}
                      {% endautoescape %}
                    </div>
                    {% endif %}

                </div>



                <div class="col-md-4">


                    <div class="p-30 bg-lightgrey xs-p-15">




                      <div class="subheading text-muted m-b-10">{% if blog.section %}{{ blog.section.title }} : {% endif %}Articles récents</div>
                      <div>

                          {% for item in blogs %}

                            <div class="media">
                                <div class="media-left">
                                    <a style="decoration: none;" href="{{ path('app_blog_show', { 'slug': item.slug }) }}" title="{{ item.title }}">
                                        <img class="media-object " alt="{{ item.title }}"  src="{{ item.thumbnail }}" data-holder-rendered="true" style="width: 64px; height: 64px;">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h5 class="media-heading font-normal" style="font-family: 'Roboto', sans-serif;"><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}">{{ item.title }}</a></h5>
                                    <div class="text-xs">

                                        {% autoescape %}
                                          {{ item.description  |slice(0, 80)  ~ '[...]' | raw  | nl2br }}
                                        {% endautoescape %}

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

                          {% endfor %}



                      </div>

                      <div class="subheading text-muted m-b-10 m-t-30">ÉTIQUETTES</div>
                      <hr />
                      <div>
                          <ul class="list-unstyled">
                              {% for section in sections %}
                                  <li class="m-t-10 m-b-5"><a href="{{ path('app_blog_section', { 'slug': section.slug }) }}"><i class="fa fa-fw fa-folder-open-o"></i> {{ section.title }}</a></li>

                                  {% for sectionChilds in section.sections %}
                                      <li class="m-b-5 m-l-10"><a href="{{ path('app_blog_section', { 'slug': sectionChilds.slug }) }}"><i class="fa fa-angle-double-right" aria-hidden="true"></i> {{ sectionChilds.title }}</a></li>

                                      {% for sectionChilds in sectionChilds.sections %}
                                          <li class="m-b-5 m-l-20"><a href="{{ path('app_blog_section', { 'slug': sectionChilds.slug }) }}"><i class="fa fa-angle-double-right" aria-hidden="true"></i> {{ sectionChilds.title }}</a></li>
                                      {% endfor %}

                                  {% endfor %}
                                  <hr />
                              {% endfor %}

                          </ul>
                      </div>

                 
                      <div class="subheading text-muted m-b-10">Articles récents</div>
                      <div>

                          {% for item in lastBlogs %}

                            <div class="media">
                                <div class="media-left">
                                    <a href="{{ path('app_blog_show', { 'slug': item.slug }) }}" title="{{ item.title }}">
                                        <img class="media-object " alt="{{ item.title }}"  src="{{ item.thumbnail }}" data-holder-rendered="true" style="width: 64px; height: 64px;">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h5 class="media-heading font-normal" style="font-family: 'Roboto', sans-serif;"><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}">{{ item.title }}</a></h5>
                                    <div class="text-xs">

                                        {% autoescape %}
                                          {{ item.description  |slice(0, 80)  ~ '[...]' | raw  | nl2br }}
                                        {% endautoescape %}

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

                          {% endfor %}



                      </div>

</div>
                </div>




                <p>En tant que Partenaire Amazon, certains liens sont trackés et peuvent générer une commission pour RueduProf.</p>

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





  <div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">






{% if comments|length > 0 %}

<div class="row">
    <div class="col-xs-12">
        <h2 class="no-m m-b-30">Commentaires</h2>
        <hr>

        <div>

          {% for item in comments %}

            <div class="media">

              {% if item.profile and item.profile.avatar %}

                <div class="media-left">
                    <a href="#">
                        <img class="media-object thumb-md img-circle" src="/uploads/avatar/{{ item.profile.avatar.path }}" alt="pic">
                    </a>
                </div>

              {% else %}

                 <div class="media-left">
                    <a href="#">
                        <img class="media-object thumb-md img-circle" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA" alt="pic">
                    </a>
                </div>

              {% endif %}

                <div class="media-body">
                    <h5 class="media-heading no-m font-normal">{{ item.name }}</h5>
                    <div class="text-muted"><time class="timeago" datetime="{{ item.created|date }}"></time></div>
                    <p class="no-m">{{ item.content }} </p>
                </div>
            </div>
            <hr>

        {% endfor %}


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

 {% endif %}

<div class="row m-t-50">
  <div class="col-xs-6">

    <!-- 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 -->
    
</div>
<div class="col-xs-6">

    <!-- 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 -->
  </div>
</div>

<div class="row m-t-50">
    <div class="col-xs-12">
        <h2 class="no-m m-b-30">Laisse un commentaire</h2>
    </div>
</div>


              <form  method="POST" action="" {{ form_enctype(form_comment) }} novalidate>

                  {{ form_errors(form_comment) }}

                  <div class="row row-gap-10">
                      <div class="col-sm-4">
                          <div class="form-group form-group-alt m-b-20">
                              <label>Nom</label>
                              {{ form_widget(form_comment.name, { 'attr': {'class': 'form-control', 'placeholder': 'John Doe'} }) }}
                              <span></span>
                          </div>
                          <div class="form-group form-group-alt m-b-20">
                              <label>Email</label>
                              {{ form_widget(form_comment.information, { 'attr': {'class': 'form-control', 'placeholder': 'example@jonh.com'} }) }}
                              <span></span>
                          </div>
                          <div class="form-group form-group-alt m-b-20" style="display:none;">
                              <label>Email</label>
                              {{ form_widget(form_comment.email, { 'attr': {'class': 'form-control', 'placeholder': 'example@jonh.com'} }) }}
                              <span></span>
                          </div>

                          <div class="form-group form-group-alt m-b-20">
                              <label>Website</label>
                              {{ form_widget(form_comment.website, { 'attr': {'class': 'form-control', 'placeholder': 'www.example.com'} }) }}
                              <span></span>
                          </div>
                      </div>
                      <div class="col-sm-8">


                          <div class="form-group m-b-20">
                              {{ form_widget(form_comment.content, { 'attr': {'class': 'form-control', 'rows': '5', 'placeholder': 'Contenu'} }) }}
                              <!-- <textarea id="msgTextarea" class="form-control" ></textarea> -->
                          </div>



                        

                            <div class="form-group m-b-20">
                            {{ form_widget(form_comment.recaptcha, { 'attr': {
                                'options' : {
                                    'theme': 'light',
                                    'type': 'image',
                                    'size': 'normal'
                                },
                            } }) }}
                            </div>


                          


                          <div class="clearfix">
                              {{ form_widget(form_comment._token) }}
                              <button type="submit" class="btn btn-primary btn-line btn-rounded pull-right">Envoyer</button>
                          </div>

                      </div>
                  </div>

              </form>


<br />





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


{% endblock body %}

{% 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>
jQuery(document).ready(function() {
  jQuery(".timeago").timeago();
});

  </script>
{% endblock %}