{% extends "@TigrisContent/element/show.html.twig" %}

{% block element_content %}
<div class="article-header">
<h1>{{ entity.name }} </h1>
{# {% if entity.data.image is not empty %}<img src="{{ entity.data.image.getWebPath('article') }}" />{% endif %} #}
<small>
{{ entity.publishedAt|format_datetime('full','none') }}
</small>
</div>

<div class="article-content">
<img class="mx-auto d-block" src="{{ asset(entity.data.image) }}" alt="{{ entity.name }}" />
</div>

<tigris-reaction :user-id="{{ app.user is not empty ? app.user.id : 0 }}" entity-name="Tigris\ContentBundle\Entity\Element" :entity-id="{{ entity.id }}" v-slot="">
    <div class="reactions">
        <reaction-comment></reaction-comment>
    </div>
</tigris-reaction>

<div id="article-bottom"></div>
{% endblock %}