{% extends "base.html.twig" %}

{% block body %}

    <article>
        <div class="illustration">
            <img src="{{ asset( "img/"~article.getIllustration() ) }}">
            <h2 class="title">{{ article.title}}</h2>
            <div class="socials">
                <span><i class="far fa-comments"></i>{{ article.getCommentNb()}}</span>
                <span><i class="fas fa-fire"></i>{{ article.getShareNb() }}</span>
            </div>
        </div>
        <div class="details">
            <div class="author-info">
                <img class="author-pic" src="{{ asset("img/"~article.getAuthors().getAuthorPic() ) }}" />
                <span>{{ article.getAuthors().getAuthorName() }}</span>
                <span>{{ article.getCreationDate() }}</span>
            </div>
            <p class="summary">{{ article.getSummary() }}</p>
            <ul class="tag-list">
                {% for cat in article.getCategories() %}
                    <li class="tag"><i class="fas fa-tag"></i>{{ cat.getName() }}</li>
                {% endfor %}
            </ul>
        </div>
        <div class="content">
            <p class="txt-readable">{{ article.content }}</p>
        </div>
    </article>
    
{% endblock body %}