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

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

{% block body %}
<div class="publications-page">
    <div class="publications-page__inner">

        <h1 class="publications-page__title">Publications</h1>

        <aside class="publications-page__sidebar" id="publications-sidebar">
            {% if datayear %}
                <ul class="publications-years">
                    {% for key in datayear|keys %}
                        <li class="publications-years__item">
                            <a href="#publication-year-{{ key }}" class="publications-years__link">
                                <b>{{ key }}</b>
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        </aside>

        <main class="publications-page__content" id="publications-content">
            {% if data %}
                {% set i = datacount %}

                {% for year, entitys in data %}
                    <section class="publications-year-block">
                        <h2 class="publications-year-block__title" id="publication-year-{{ year }}">
                            {{ year }}
                        </h2>

                        {% for entity in entitys %}
                            <article class="publication-card">
                                <div class="publication-card__main">
                                    <div class="publication-card__heading">
                                        <span class="publication-card__number">{{ i }}.</span>
                                        <a
                                            class="publication-card__title-link"
                                            target="_blank"
                                            href="{{ entity.link }}"
                                        >
                                            {{ entity.title }}
                                        </a>
                                    </div>

                                    <div class="publication-card__meta">
                                        <span class="publication-card__authors">{{ entity.names }}</span>
                                        <span class="publication-card__journal">{{ entity.journal }}</span>
                                        <span class="publication-card__volume">{{ entity.volume }}</span>
                                        <span class="publication-card__year">({{ entity.year }})</span>
                                        <span class="publication-card__pages">{{ entity.pages }}</span>
                                    </div>
                                </div>

                                {% if entity.image %}
                                    <div class="publication-card__media">
                                        <img
                                            src="{{ asset('images/publications/' ~ entity.image) }}"
                                            class="publication-card__image"
                                            alt="{{ entity.title }}"
                                        >
                                    </div>
                                {% endif %}
                            </article>

                            {% set i = i - 1 %}
                        {% endfor %}
                    </section>
                {% endfor %}
            {% endif %}
        </main>

        <div class="publications-page__clear"></div>
    </div>
</div>
{% endblock %}