{% 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">
{% embed '@TigrisContent/widget/_widget.html.twig' with {'name': 'content', 'type': 'text', 'data': entity.getData('content')} %}
{% endembed %}
</div>

{% if entity.gallery is not empty %}
<div class="gallery">
{% for photo in entity.gallery %}
    <a href="{{ asset(photo.webPath) }}" data-gallery><img src="{{ asset(photo.getWebPath('thumbnail')) }}" alt="{{ photo.name }}" /></a>
{% endfor %}
</div>

{% endif %}

<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 %}