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

{% block element_content %}
<section id="blog">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <article>
                    <h1 class="article-title">{{ entity.name }}</h1>
                    <img src="{{ asset(entity.data.image.getWebPath('article')) }}" alt="{{ entity.name }}" class="img-fluid article-image" />
                    <div class="article-infos">
                        {{ entity.publishedAt|format_datetime('short', 'none') }}
                    </div>
                    <div class="article-content">
                        {{ entity.data.content|raw }}
                    </div>
                </article>
            </div>
            <div class="col-md-4">
                <div class="widgets sticky-top">
                    {{ render(controller('App\\Controller\\ElementController::lastArticles')) }}
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}