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

{% block metakeywords %}{{news['translations'][app.request.locale].metakeywords}}{% endblock %}

{% block metadescription %}


{% if app.request.locale == 'ru' %} Наши новости: {{news['translations'][app.request.locale].title}} - интересные факты из жизни компании. Читайте «{{news['translations'][app.request.locale].title}}» на сайте{% endif %}
{% if app.request.locale == 'uk' %} Наші новини: {{news['translations'][app.request.locale].title}} - цікаві факти з життя компанії. Читайте «{{news['translations'][app.request.locale].title}}» на сайті{% endif %}

{% endblock %}

{% block title %}

{% if app.request.locale == 'ru' %}{{news['translations'][app.request.locale].title}} - Новости компании Диамеб Трейд{% endif %}
{% if app.request.locale == 'uk' %}{{news['translations'][app.request.locale].title}} - Новини компанії Діамеб Трейд{% endif %}

{% endblock %}

{% block body %}

<div class='main-page topPadding'>
  <div class='slide'>
    <div class='news-open-container'>
      <div class='container'>
         <div class='header'>
            <div class="h3zz">
              <img alt='Ico' src='/images/news-ico.png'>
              {% trans %}Новини компанії{% endtrans %}
            </div>
          </div>
        <div class='news-open-block'>
          <span class='date'>{{news.createdAt|date("d.m.Y") }}</span>
          <div class='image-block'>
          {% if news.photoFirst %}
            <div class='big-image'>
             <a class='fancybox-buttons' data-fancybox-group='thumb' href='{{('/uploads/news/' ~ news.photoFirst )}}'>
              <img alt='{{news['translations'][app.request.locale].title}}' id='largeImg' src="{{('/uploads/news/' ~ news.photoFirst )| imagine_filter('news')}}">
            </a>
            </div>
          {% else %} 
            <img alt='{{news['translations'][app.request.locale].title}}' id='largeImg' src='/images/n-1.png'>
          {% endif %}
            <ul class='small-images clearfix'>
              {% if news.gallery|length > 0 %}
                {% for key,galleryItem in news.gallery  %}
              <li>
                <a class='fancybox-buttons' data-fancybox-group='thumb' href='{{('/uploads/news_gallery/' ~ galleryItem.imageName )}}'>
                  <img alt='{{news['translations'][app.request.locale].title}}' src='{{('/uploads/news_gallery/' ~ galleryItem.imageName )| imagine_filter('news_show_thumb')}}'>
                </a>
              </li>
                {% endfor %}
               {% endif %}
            </ul>
          </div>
          <div class='text-block'>
            <h1>{{news['translations'][app.request.locale].title}}</h1>
            {{news['translations'][app.request.locale].description|raw}}
          </div>
        </div>
        
        {% if newsRelated | length > 0 %}
        <ul class='news-list'>
          {% for key,newsItem in newsRelated %}
          <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'>
                <h4>{{newsItem.title}}</h4>
                <p>{{newsItem.short}}</p>
              </div>
            </a>
          </li>
          {% endfor %}
        </ul>
        {% endif %}
        <div class='news-archive'>
          <a class='link' href='{{path('news')}}'>{% trans %} повернутись до списку новин {% endtrans %}</a>
        </div>
      </div>
    </div>
  </div>
</div>



{% endblock %}