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

{% block title %}
    Publications
{% endblock %}

{% block left %}

    <h1>
        Publications
    </h1>

    <hr/>

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

    <hr/>

    {% for article in pagination %}

        <div class="row publication-item">
            <div class="col-md-5">
                <div >
                    <a href="{{ article.externalLink ? article.externalLink : 'publication/' ~ article.id }}">
                        <img src="{{ article.introImage }}"
                             title="{{ article.title }}"
                             class="image"
                        />
                    </a>
                </div>
            </div>
            <div class="col-md-7">
                <div class="title">
                <span class="date">
                    {{ article.publishedDate | date('M d, Y') }}
                </span>
                    <span style="font-weight: bold;">
                    <a href="{{ article.externalLink ? article.externalLink : 'publication/' ~ article.id }}">
                        {{ article.title }}
                    </a>
                    {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                        <a href="/admin/edit-publication/{{ article.id }}">
                            Edit
                        </a> |
                        <a onclick="deletePublication({{ article.id }})">
                            Delete
                        </a>
                    {% endif %}
                </span>
                    <p>
                        {{ article.content | striptags|slice(0, 500)|raw }} ...
                        <a href="{{ article.externalLink ? article.externalLink : 'publication/' ~ article.id }}">
                            click to read more
                        </a>
                    </p>
                </div>
            </div>
        </div>

    {% endfor %}

    <nav class="navigation">
        {{ knp_pagination_render(pagination) }}
    </nav>

    <script>
        function deletePublication(publicationId)
        {
            if (confirm('Delete publication?')) {
                window.location.replace('/admin/delete-publication/' + publicationId);
            }
        }
    </script>

{% endblock %}

{% block toolbar %}
    <li><a href="/admin/edit-page/4" target="_blank">Edit page</a></li>
    <li><a href="/admin/edit-publication/{{ 0 }}" target="_blank">New publication</a></li>
{% endblock %}