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

{% block metakeywords %}
    {% trans %}
    meta keywords
    {% endtrans %}{% endblock %}

{% block metadescription %}
{% if app.request.locale == 'ru' %}Интересные обзоры и статьи на темы медицины, медицинского оборудования. Статьи профессиональные, тематические и с достоверной информацией >>{% endif %}
{% if app.request.locale == 'uk' %}Цікаві огляди і статті на теми медицини, медичного обладнання. Статті професійні, тематичні та з достовірною інформацією >>{% endif %}
{% if app.request.locale == 'en' %}Interesting reviews and articles on medical topics, medical equipment. Articles professional, thematic and with reliable information >>{% endif %}
{% endblock %}

{% block title %}{% if app.request.locale == 'uk' %}Огляди та статті | Діамеб Трейд{%
endif %}{% if app.request.locale == 'ru' %}Обзоры и статьи | Диамеб Трейд{% endif %}{% if app.request.locale == 'en' %}Reviews and articles | Diameb Trade{% endif %}{% endblock %}

{% block body %}

<div class='main-page topPadding'>
  <div class='slide'>
    <div class='news-container'>
      <div class='container'>
        <div class="header">
          <h1>
            <img src="/images/news-ico.png" alt="Ico">
            {% trans %}Огляди та статті{% endtrans %}
          </h1>
        </div>
        {% if articles|length > 0 %}
        <ul class='news-list'>
         {% block articlesItem %}
          {% for key,articlesItem in articles %}
          <li>
            <a class='block' href='{{ path('articles_show', {'id': articlesItem.id }) }}'>
              {% if articlesItem.photoFirst %}
              <div class='image-block'>
                <img alt='{{articlesItem.title}}' src="{{('/uploads/articles/' ~ articlesItem.photoFirst )| imagine_filter('articles')}}">
              </div>
              {% endif %}
              <div class='text-block'>
                <div class="h4zzz">{{articlesItem.title}}</div>
                <p>{{articlesItem.short}}</p>
              </div>
            </a>
          </li>
          {% endfor %}
         {% endblock %}
        </ul>
        {% endif %}

        <div class="moreNews">
          {% block pagination %}
            {{ knp_pagination_render(articles) }}
          {% endblock %}
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}