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

{% block seo_pagination %}

{% endblock %}

{% block title %}Blog{% endblock %}
{% block og_title %}Blog{% endblock %}

{% block description %}Blog de RueduProf. Annonces de cours particuliers et formations.{% endblock %}
{% block og_description %}Blog de RueduProf. Annonces de cours particuliers et formations.{% endblock %}
{% block og_url %}https://www.rueduprof.com/blog/{% endblock %}

{% block canonical %}

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

{% block snippet_json %}
<script type="application/ld+json">
{
    "@context": "https://schema.org/",
    "@type": "Blog",
    "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show_index') }}",
    "mainEntityOfPage": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show_index') }}",
    "name": "RueduProf Blog : Les derniers articles",
    "description": "Blog : Les derniers articles, livres, instruments, podcasts, fournitures...",
    "publisher": {
        "@type": "Organization",
        "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('homepage') }}#organization",
        "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"
        }
    },
    "hasPart": [
    {% for key, section in sections %}
    {
        "@type": "CollectionPage",
        "name": "{{ section.title }}",
        "url": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_section', { 'slug':  section.slug }) }}#CollectionPage",
        "description": "{{ section.body }}"
    }{% if (sections|length - 1) != key %},{% endif %}
    {% endfor %}
    ],
    "blogPost": [
        {% for key, item in blogs %}
        {
            "@type": "BlogPosting",
            "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}#BlogPosting",
            "mainEntityOfPage": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}",
            "headline": "{{ item.title }}",
            "name": "{{ item.title }}",
            "description": "{{ item.description|raw }}",
            "datePublished": "{{ item.created|date('Y-m-d') }}",
            "dateModified": "{{ item.modified|date('Y-m-d') }}",
            "author": {
                "@type": "Organization",
                "@id": "{{ app.request.getSchemeAndHttpHost() ~ path('homepage') }}#organization",
                "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"
                }
            },
            "image": {
                "@type": "ImageObject",
                "@id": "{{ item.thumbnail }}",
                "url": "{{ item.thumbnail }}"
            },
            "url": "{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}"
        }{% if (blogs|length - 1) != key %},{% endif %}
        {% endfor %}
    ]
}
</script>
{% endblock %}



{% block body %}

    <div class="img-cover img-cover-purple" style="background-image: url('/img/background_blue_v0011.jpg')">
        <div class="container p-t-b-50 m-t-0">
            <div class="row text-center">
                <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
                    <h1 class="no-m m-b-15 font-thin" style="color: white;font-size: 24px;">Blog : Les derniers articles</h1>

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

    <div class="p-t-b-10 b-b-b-l">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 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') }}">Accueil</a></li>
                  
                    </ol>


                    
                </div>
                <div class="col-sm-6 text-right m-t-b-10">
                    <strong>{{ count }}</strong> articles en base
                </div>
            </div>
        </div>
    </div>

    <div class="content-padding p-t-20"  style="background-color: #ffffff;">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    
                    	{% for item in blogs %}
    
	                        <div>
							    <div class="row">
							        <div class="col-xs-12">
							            <div class="m-b-10 font-montserrat">
                                            {% if item.section %}
                                                <span class="label label-info  h3 no-m label-rounded label-md">{{ item.section.title }}</span>
                                            {% else %}
    							                <span class="label label-warning  h3 no-m label-rounded label-md">Article</span>
                                            {% endif %}

							                <span class="inline-block m-r-l-10"> by <a>Team RueduProf</a></span> 
							                <span class="text-muted">Publié <time class="timeago" datetime="{{ item.created|date }}"></time></span>
							            </div>
							            <div>
							                <h2 class="no-m m-b-10" style="font-family: 'Roboto', sans-serif;font-weight:800;color:#212121;font-size: 30px;line-height:25px;"><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}"  title="{{ item.title }}" style="font-size: 24px;">{{ item.title }}</a></h2>
							            </div>
							        </div>
							    </div>
							    <div class="row">
							        <div class="col-sm-6">
                                        <a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}" title="{{ item.title }}">
							                 <img src="{{ item.thumbnail }}" class="img-responsive" alt="{{ item.title }}">
                                        </a>
							        </div>
							        <div class="col-sm-6"> 
							            <p class="no-m text-lg m-b-20">
				



							            	{% if item.description  |length > 50 %}

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

							            	{% else %}

								            	{% autoescape %}
								                	{{ item.description | raw  | nl2br }}
								                {% endautoescape %}

							            	{% endif %}

							            </p>
							            <div class="row">
							                <div class="col-xs-6">

                                                  <!-- Your like button code -->

                              <div class="fb-like" data-href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>

                                            <!--

							                    <a class="btn btn-default btn-rounded btn-icon">
							                        <i class="fa fa-facebook"></i>
							                    </a>
							                    <a class="btn btn-default btn-rounded btn-icon">
							                        <i class="fa fa-twitter"></i>
							                    </a>
							                    <a class="btn btn-default btn-rounded btn-icon">
							                        <i class="fa fa-linkedin"></i>
							                    </a>

                                            -->

							                </div>
							                <div class="col-xs-6 text-right">
							                    <div class="m-t-5">
							                        <a class="inline-block m-r-3" href="{{ app.request.getSchemeAndHttpHost() ~ path('app_blog_show', { 'slug': item.slug }) }}">
							                            <i class="fa fa-comment-o"></i> {{ item.comments|length }}
							                        </a>
	
							                    </div>
							                </div>

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

							</div>

                            <hr class="m-t-b-50"/>
        
						{% endfor %}

                </div>
                <div class="col-md-4">
                    <div class="p-30 bg-lightgrey xs-p-15">

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


                        {% if comments|length > 1 %}
                            <div class="subheading text-muted m-b-10 m-t-30">Les derniers commentaires</div>
                            <div>


                                {% for item in comments %}


                                <div class="m-b-10">
                                    <a href="{{ path('app_blog_show', { 'slug': item.blog.slug }) }}">
                                        <div class="h5 no-m m-b-5 font-thin"><i class="fa fa-comment-o"></i> {{ item.content|length > 50 ? item.content|slice(0, 50) ~ '[...]' : item.content }}</div>
                                        <div class="no-m text-xs font-thin" style="color:#7f8c8d;"><time class="timeago" datetime="{{ item.created|date }}"></time></div>
                                    </a>
                                </div>


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

                     

                    </div>
                </div>




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






{% endblock body %}

{% block javascripts %}

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

  </script>
{% endblock %}