{% 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 %}
{% endblock %}

{% block title %}{% if app.request.locale == 'uk' %}Новини компанії | Діамеб Трейд{% endif %}{% if app.request.locale == 'ru' %}Новости компании | Диамеб Трейд{% endif %}{% if app.request.locale == 'en' %}News | 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 news|length > 0 %}
        <ul class='news-list'>
         {% block newsItem %}
          {% for key,newsItem in news %}
          <li>
            <a class='block' href='{{ path('news_show', {'id': newsItem.id }) }}'>
              {% if newsItem.photoFirst %}
              <div class='image-block'>
                <img alt='{{newsItem.title}}' src="{{('/uploads/news/' ~ newsItem.photoFirst )| imagine_filter('news')}}">
              </div>
              {% endif %}
              <div class='text-block'>
                <div class="h4zzz">{{newsItem.title}}</div>
                <p>{{newsItem.short}}</p>
              </div>
            </a>
          </li>
          {% endfor %}
         {% endblock %}
        </ul>
        {% endif %}

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

{% endblock %}