{% extends "App::layout_blog_amp.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') }}" />
{% endblock %}


{% block snippet_json %}
{% embed "App:Blog:ld-json.html.twig" %}{% endembed %}
{% endblock %}

{% block stylesheet %}
  <script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async=""></script>
  {% embed "App:Blog:stylesheet.html.twig" %}{% endembed %}
{% endblock %}

{% block fos_user_content %}

{% if blog.books|length > 0 %}
<h1 class="h3">{{ blog.title }}</h1>
{% endif %}

{% autoescape %}
  <div class="textArticle">{{ blog.ampContent | raw  | nl2br }}</div>
{% endautoescape %}
<hr class="mt4">
{% if blog.books|length > 0 %}

	{% for book in blog.books %}

		
		<div class="block mb4">
			<h2 class="h5">{{ book.title }}</h2>
			{% if book.bookPartners[0] %}
				<div style="text-align: center;">
					{% if book.bookPartners[0].partner.name ==  'Amazon' %}
					<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}" class="ampstart-btn ampstart-btn-secondary pt3 pb3 travel-input-big rounded center bold white block" style="margin-top:10px;margin-bottom:10px;background-color:#FECD57;border:1px solid #FBC43C;font-size:14px;font-family:Arial;">
					Voir sur {% if book.type ==  'AudioBook' or book.type ==  'PodcastEpisode' %}Audible{% else %}Amazon{% endif %}
					</a>
					{% if book.type ==  'AudioBook' or book.type ==  'PodcastEpisode' %}
						<p><b>Gratuit avec offre d'essai</b></p>
					{% endif %}
					<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}">
						<amp-img src="{{ book.image }}" alt="{{ book.title }}" height="380" width="258" layout="responsive"></amp-img>
					</a>
					{% elseif book.bookPartners[0].partner.name ==  'Thomann' %}
					<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}" class="ampstart-btn ampstart-btn-secondary pt3 pb3 travel-input-big rounded center bold white block" style="margin-top:10px;margin-bottom:10px;background-color:{{ book.bookPartners[0].partner.color }};border:1px solid {{ book.bookPartners[0].partner.color }};font-size:14px;font-family:Arial;">
						Voir sur Thomann
						</a>
						<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}">
							<amp-img src="{{ book.image }}" alt="{{ book.title }}" height="310" width="258" layout="responsive"></amp-img>
						</a>
					{% elseif book.bookPartners[0].partner.name ==  'Fnac' %}
						<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}" class="ampstart-btn ampstart-btn-secondary pt3 pb3 travel-input-big rounded center bold white block" style="margin-top:10px;margin-bottom:10px;background-color:{{ book.bookPartners[0].partner.color }};color:white;border:1px solid {{ book.bookPartners[0].partner.color }};font-size:14px;font-family:Arial;">
							Voir sur Fnac.com
							</a>
							<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}">
								<amp-img src="{{ book.image }}" alt="{{ book.title }}" height="310" width="258" layout="responsive"></amp-img>
							</a>
					{% endif %}
				</div>
			{% endif %}
			<p>
				{% autoescape %}
					{{ book.body | raw  | nl2br }}
				{% endautoescape %}
			</p>
			{% if book.bookPartners[0] %}
			<hr class="mt6 mb2">
				<div style="text-align: center;">
					{% if book.bookPartners[0].partner.name ==  'Amazon' %}

						{% if book.edition %}<p>{% if book.edition %}Edition: <b> {{ book.edition }}</b>{% endif %}{% if book.type ==  'AudioBook' or book.type ==  'PodcastEpisode' %}{% if book.duration %} - Durée: <b> {{ book.duration }}</b>{% endif %}{% else %}{% if book.pageCount %} - Pages: <b> {{ book.pageCount }}</b>{% endif %}{% endif %}</p>{% endif %}
						<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}" style="font-size:14px;font-family:Arial;">
							<b style="color:#FBC43C;">Voir sur {% if book.type ==  'AudioBook' or book.type ==  'PodcastEpisode' %}Audible{% else %}Amazon{% endif %}</b> : {{ book.title }} {% if book.author %}de <b> {{ book.author }}</b>{% endif %}
						</a>
						{% elseif book.bookPartners[0].partner.name ==  'Thomann' %}
						<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}" style="margin-top:10px;margin-bottom:10px;background-color:{{ book.bookPartners[0].partner.color }};border:1px solid {{ book.bookPartners[0].partner.color }};font-size:14px;font-family:Arial;">
							Voir sur Thomann
							</a>
						{% elseif book.bookPartners[0].partner.name ==  'Fnac' %}
							<a  rel="nofollow" href="{{ book.bookPartners[0].url }}" title="{{ book.title }}" style="margin-top:10px;margin-bottom:10px;background-color:{{ book.bookPartners[0].partner.color }};color:white;border:1px solid {{ book.bookPartners[0].partner.color }};font-size:14px;font-family:Arial;">
								Voir sur Fnac.com
								</a>
						{% endif %}
				
				</div>
			{% endif %}
			<hr class="mb6 mt2">
		</div>
	{% endfor %}

{% endif %}
{% autoescape %}
  <div class="textArticle">{{ blog.article | raw  | nl2br }}</div>
{% endautoescape %}
<hr class="mt4">

<h4>{{ blog.title }}</h4>
<time datetime="{{ blog.modified|date }}" class="block"><p>Mis à jours le {{ blog.modified|date("d/m/Y") }}</p></time>
<amp-img src="{{ blog.thumbnail }}" width="1080" height="610" layout="responsive" alt="RueduProf"></amp-img>
<a class="ampstart-btn ampstart-btn-secondary inline-block h7 pt3 mt4 md-mb4" href="{{ path('app_blog_show', { 'slug': blog.slug }) }}">Ajouter un commentaire</a>
<hr class="xs-hide sm-hide mt4">
<h4>Autres articles :</h4>
{% for item in blogs %}
  <hr class="xs-hide sm-hide mt4">
  <div class="itemList">
  <a class="card related" href="{{ path('app_blog_show', { 'slug': item.slug }) }}">
  <div class="headstyle">{{ item.title }} - <span class="clockTitle">Publié le {{ item.created|date("d M Y") }}</span></div>
  <div>{{ item.description }}</div></a></div>
{% endfor %}
<p>En tant que Partenaire Amazon, certains liens sont trackés et peuvent générer une commission pour RueduProf.</p>

{% endblock fos_user_content %}


{% block javascripts %}

{% endblock %}