{% extends 'templates.html.twig' %}
{% block headcontent %}
{% include "spectacles/spectacle_entete.inc.html.twig" %}
{% endblock %}
{% block content %}
<main class="tc-desktop-2_3 tc-phone-1_1">
<section class="tc-panel">
{% if is_article is defined and is_article %}
<div class="tc-panel-body">
{% if detailarticle.ol is defined and detailarticle.ol %}
<div class="nolang">
{% trans %}only_nav{% endtrans %}
</div>
{% endif %}
{% include 'includes/present.inc.html.twig' %}
</div>
{% endif %}
{% if nb_articles is defined and nb_articles %}
<div class="tc-panel-header tc-critiques-tpl-">
<h2 class="tc-titre">On en parle dans la presse et sur le web</h2>
</div>
<div class="tc-panel-body tc-critiques-tpl-">
{% for language,articles in articles %}
{% for idarticle,article in articles.content %}
<div class="tc-block">
<div class="tc-block-inner-border">
<div class="tc-block-header">
{% if article.writer_group_url is defined and article.writer_group_url %}
<p class="tc-textwrap-titre"><a href="{{ article.writer_group_url }}">{{ article.writer_group }}</a></p>
{% else %}
<p class="tc-textwrap-titre">{{ article.writer_group }}</p>
{% endif %}
</div>
{% if article.is_link is defined and article.is_link %}
<div class="tc-block-body">
{% if article.vignette is defined and article.vignette %}
<figure class="tc-media-middle">
<a href="{{ article.link }}"
title="{{ article.title }} (Nouvelle fenêtre)"
onclick="window.open(this.href); return false;">
<img src="{{ imgdirupload }}{{ article.vignette }}" alt="" />
</a>
<figcaption class="show-for-sr">
Image de la critique de {{ article.writer_group }}
</figcaption>
</figure>
{% endif %}
<div class="tc-block-body-text tc-chapeau" style="padding-left:2em;">
<p class="tc-text-label-inline ">{{ article.date_article }}</p>
{% if article.title is defined and article.title %}
<p class="tc-textwrap-lieuville-calendar tc-titre">{{ article.title|raw }}</p>
{% endif %}
<p class="tc-textwrap-auteur"><span class="tc-text-label-inline">Par </span> {{ article.writer }}</p>
<div class="tc-textwrap-description">
<p>{{ article.deck|raw }}</p>
{% if article.link is defined and article.link %}
<p>
<a href="{{ article.link }}"
title="{{ article.title }} (Nouvelle fenêtre)" onclick="window.open(this.href); return false;"
class="tc-more-link tc-ext-link">Lire l'article sur <span>{{ article.writer_group }}</span>
</a>
</p>
{% endif %}
</div>
</div>
</div>
{% else %}
<div class="tc-block-body">
{% if article.vignette is defined and article.vignette %}
<figure class="tc-media-middle">
<a href="{{ url_folder }}/{{ type_class }}/idcontent/{{ article.idcontent }}"
title="{{ article.title }} (Nouvelle fenêtre)"
onclick="window.open(this.href); return false;">
<img src="{{ imgdir }}{{ article.vignette }}" alt="{{ article.title }}" /></a>
<figcaption class="show-for-sr">
Image de la critique de {{ article.writer_group }}
</figcaption>
</figure>
{% else %}
<figure class="tc-media-middle">
<a href="{{ url_folder }}/{{ type_class }}/idcontent/{{ article.idcontent }}"
title="{{ article.title }} (Nouvelle fenêtre)"
onclick="window.open(this.href); return false;">
<img src="" alt="{{ article.title }}" /></a>
<figcaption class="show-for-sr">
Image de la critique de {{ article.writer_group }}
</figcaption>
</figure>
{% endif %}
<div class="tc-block-body-text">
{% if article.deck is defined and article.deck %}
<div class="tc-texwrap-description">
{{ article.deck|raw }}...
<p>
<a href="{{ url_folder }}/{{ type_class }}/idcontent/{{ article.idcontent }}"
title="{{ article.title }}" class="tc-more-link tc-ext-link">Lire la critique</a>
</p>
</div>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
{% endfor %}
{% endfor %}
<div class="tc-panel-footer">
{% include 'includes/pagination.inc.html.twig' %}
</div>
</div>
{% endif %}
</section>
{% if recommandedSpectaclesAllInfos is defined and recommandedSpectaclesAllInfos %}
<section class="tc-panel">
<div class="tc-panel-header">
<h2>Les recommandations des médias</h2>
</div>
<div class="tc-panel-body tc-masonry-container">
{% for idspectacle,spectacle in recommandedSpectaclesAllInfos %}
<div class="tc-block tc-tablet-1_2 tc-spectacles-tpl-a">
{% include 'spectacles/spectacle_titre.inc.html.twig' %}
</div>
{% endfor %}
</div>
<div class="tc-panel-footer">
<a href="/critiques/recommandations" class="tc-more-link">Toutes les recommandations</a>
</div>
</section>
{% endif %}
</main>
{% endblock %}