{% extends base %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="/assets/css/article.css">
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css">
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.16.0/dist/locale/bootstrap-table-fr-FR.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.18.3/dist/extensions/custom-view/bootstrap-table-custom-view.js"></script>
{% endblock %}
{% block body %}
{{ parent() }}
<div class="backgroundheaderArticle">
</div>
{% endblock %}
{% block content %}
{{ parent() }}
<script src="/assets/js/article.js"></script>
<div class="container row all">
<div class= "col-lg-9 leftcolumn">
<div class="headerblog">
<h1 id="title">{{article.title}}</h1>
<h2 id="subtitle">{{article.subtitle}}</h2>
<img src="{{BASE_API}}article/image/{{id}}" style="width: 100%;margin-bottom:15px;">
</div>
<div class="contentblog">
{{article.texte |raw}}
</div>
<div class="footerblog">
<p>Publié: {{article.publication_date |format_datetime(pattern="d MMMM Y",locale='fr')}}</p>
<p>Source: <a href="http://{{article.source}}">{{article.source}}</a></p>
</div>
</div>
<div class= "col-lg-3 rigthcolumn">
<div class="sticky">
<div class="lastarticle">
<p class="titlepart">À lire aussi</p>
{% set i=0 %}
{% for arti in articles %}
{% if arti.id != id and i<3 %}
<a href="/actualite-de-l-audition/{{arti.slug}}">{{arti.title}}</a>
{% set i=i+1 %}
{% endif %}
{% endfor %}
</div>
<div class="categories">
<p class="titlepart">Catégories</p>
{% for cat in category %}
<a href="/actualite?filtre='{{cat.id}}'">{{cat.title}}</a>
{% endfor %}
</div>
<div class="action">
{% if pro == "false" %}
<button type="button" class="btn btn-vert btn-outline-light me-2" onclick="location.href='/actualite-de-l-audition/';">Tester votre audition</button>
<button type="button" class="btn btn-bleu btn-outline-light me-2" onclick="location.href='/actualite-de-l-audition/';">Prendre rendez-vous</button>
{% else %}
<button type="button" class="btn btn-vert btn-outline-light me-2" style="padding:5px 30px;" onclick="location.href='/pro/inscription';">S'inscrire</button>
{% endif %}
</div>
</div>
</div>
</div>
{% endblock %}