{% extends 'app/' ~ template ~ '.html.twig' %}

{% block title %}{{ article.metaTitle|striptags }}{% endblock %}
{% block meta_desc %}{{ article.metaDescription|striptags }}{% endblock %}
{% block og_type %}article{% endblock %}
{% block og_title %}{{ article.metaTitle|striptags }}{% endblock %}
{% block og_description %}{{ article.metaDescription|striptags }}{% endblock %}
{% block og_image %}{% spaceless %}{% if article.file is not null %}{{ absolute_url(asset(article.file.path)) }}{% endif %}{% endspaceless %}{% endblock %}
{% block content %}
    <div class="component">
        <div class="component-wr section-separator">
            <h1 class="mb-0">
                {{ article.title|striptags }}
            </h1>
            <h2>{{ article.subtitle|striptags }}</h2>

            <div class="media media-is-responsive-tablet">
                {% if article.file is not null %}
                    <div class="media-left form-group text-center">
                        <img src="{{ article|image('file', 'article_show') }}"
                             alt="{{ article.file.originalFilename }}">
                    </div>
                {% endif %}
                <div class="media-body">
                    <div class="ln-c-li-date">{{ article.dateDisplay|localizeddate('full', 'none')|title }}</div>
                    {{ article.content|raw }}
                    {% if article.attachments is not empty %}
                        <table class="table table-hover">
                            {% for attachment in article.attachments %}
                                {% if is_granted('read', attachment) %}
                                    <tr>
                                        <td style="width:90%;">{{ attachment.title }}</td>
                                        <td>
                                            <a class="btn btn-primary uppercase pull-right"
                                               href="{{ path('download_file', {'fileId': attachment.file.id}) }}">
                                                Télécharger
                                            </a>
                                        </td>
                                    </tr>
                                {% endif %}
                            {% endfor %}
                        </table>
                    {% endif %}
                    <div class="ln-c-li-date">
                        {% if article.email is not empty %}
                            <a href="mailto:{{ article.email }}">{{ article.author }}</a>
                        {% else %}
                            {{ article.author }}
                        {% endif %} '
                        {% if article.source is not empty %} -
                            <a href="{{ article.source }}" target="_blank">{{ article.source }}</a>{% endif %}
                    </div>
                    <div class="addthis_sharing_toolbox"></div>
                </div>
            </div>

        </div>
    </div>
{% endblock %}
{% block view_js %}
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5756e0364424b714"></script>
{% endblock %}