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

{% block title %}
    {{ publication.title }}
{% endblock %}

{% block left %}
    <article class="publication">

        <h1 class="text-center">{{ publication.title }}</h1>

        <hr>

        <div>
            <img src="{{ publication.introImage }}"
                 title="{{ publication.title }}"
                 class="image"
                 data-toggle="modal"
                 data-target="#publicationImage"
            />
        </div>

        <div>
            {{ publication.content | raw }}
        </div>

        <hr>

    </article>

    <div class="modal fade" id="publicationImage" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-fs" role="document">
            <div class="modal-content">
                <div class="modal-body modal-body-publication text-center">
                    <img src="{{ publication.introImage }}"
                         title="{{ publication.title }}"
                         class="image"
                         alt=""
                    />
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block toolbar %}
    <li><a href="/admin/edit-publication/{{ publication.id }}" target="_blank">Edit publication</a></li>
    <li><a href="/admin/delete-publication/{{ publication.id }}" class="confirm-click" data-confirm="Delete publication?">Delete publication</a></li>
{% endblock %}