{% extends "FrontendPanelBundle::index.html.twig" %}

{% block title %}Publications Cherevko LAB{% endblock %}
{% block description %}{% endblock %}
{% block keywords %}{% endblock %}

{% block body %}
<style>
#container-main,
.container-main,
.publications-test,
.publications-test__inner,
.publications-test__list,
.publications-test__item {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.publications-test {
    width: 100%;
    padding: 20px;
}

.publications-test__inner {
    max-width: 1100px;
    margin: 0 auto;
}

.publications-test__title {
    font-size: 28px;
    margin: 0 0 30px;
}

.publications-test__year {
    font-size: 24px;
    margin: 30px 0 15px;
    color: #1790d0;
}

.publications-test__item {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
}

.publications-test__heading {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
}

.publications-test__meta {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.publications-test__image-wrap {
    display: block;
    margin-top: 10px;
}

.publications-test__image {
    display: block;
    max-width: 220px;
    max-height: 140px;
    width: auto;
    height: auto;
}

.publications-test__end {
    background: red;
    color: #fff;
    padding: 20px;
    margin: 30px 0;
    font-weight: bold;
}
</style>

<div class="publications-test">
    <div class="publications-test__inner">
        <h1 class="publications-test__title">Publications</h1>

        <div class="publications-test__list">
            {% if data %}
                {% set i = datacount %}

                {% for year, entitys in data %}
                    <h2 class="publications-test__year">{{ year }}</h2>

                    {% for entity in entitys %}
                        <div class="publications-test__item">
                            <div class="publications-test__heading">
                                <strong>{{ i }}.</strong>
                                <a href="{{ entity.link }}" target="_blank">{{ entity.title|e }}</a>
                            </div>

                            <div class="publications-test__meta">
                                {{ entity.names|e }}<br>
                                {{ entity.journal|e }} {{ entity.volume|e }} ({{ entity.year|e }}) {{ entity.pages|e }}
                            </div>

                            {% if entity.image %}
                                <div class="publications-test__image-wrap">
                                    <img
                                        src="{{ asset('images/publications/' ~ entity.image) }}"
                                        alt="{{ entity.title|e }}"
                                        class="publications-test__image"
                                    >
                                </div>
                            {% endif %}

                            <div>ID: {{ entity.id }}</div>
                        </div>

                        {% set i = i - 1 %}
                    {% endfor %}
                {% endfor %}
            {% endif %}

            <div class="publications-test__end">END OF LIST</div>
        </div>
    </div>
</div>
{% endblock %}