{% extends 'layout.html.twig' %}
{% block layout %}
<div style="padding-left:40px">
{% if tuto is not null %}
<div class="row" style="display: block; max-width: 100%;">
<h3 class="tuto_title" style="text-align: center;">
<strong>
{{ tuto.title }}
</strong>
</h3>
<div class="row" style="display: block;text-align: center;">
<i style="color:gray;">{{ tuto.createdAt|date('d/m/Y') }}</i>
{% if tuto.tags|length > 0 %}
Mots clés :
{% for tag in tuto.tags %}
<a href="{{ path('search_by_tag', {tag: tag}) }}">
<span class="badge badge-primary">
{{ tag }}
</span>
</a>
{% endfor %}
{% endif %}
</div>
<br />
<div class="row">
<div class="col-lg-8 col-12">
<div class="row" style="padding:20px; margin:10px;border: 1px solid gray;border-radius:3px">
<p style="text-align:justify">
{{ tuto.content|raw }}
</p>
</div>
</div>
{% if tuto.listelexique|length > 0 %}
<div class="col-lg-4 col-12">
<div class="row" style="padding:20px; margin:10px;border: 1px solid gray;border-radius:3px">
{% for data in tuto.listelexique %}
<b>{{ data.word }} :</b> {{ data.definition|raw }}
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
{% else %}
<div class="row" style="display: block">
Tuto introuvable
</div>
{% endif %}
</div>
{% endblock %}