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

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

{% block metadescription %}


{% if app.request.locale == 'ru' %} Обзоры и статьи от Диамеб Трейд: {{articles['translations'][app.request.locale].title}} - все детали на сайте>>{% endif %}
{% if app.request.locale == 'uk' %} Огляди та статті від Діамеб Трейд: {{articles['translations'][app.request.locale].title}} - усі деталі на сайті>>{% endif %}
{% if app.request.locale == 'en' %} Reviews and articles from Diameb Trade: {{articles['translations'][app.request.locale].title}} - all the details on the web-site >>{% endif %}

{% endblock %}

{% block title %}

{% if app.request.locale == 'ru' %}{{articles['translations'][app.request.locale].title}} - Обзоры и статьи{% endif %}
{% if app.request.locale == 'uk' %}{{articles['translations'][app.request.locale].title}} - Огляди та статті{% endif %}
{% if app.request.locale == 'en' %}{{articles['translations'][app.request.locale].title}} - Reviews and articles{% 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'>{{articles.createdAt|date("d.m.Y") }}</span>
          <div class='image-block'>
          {% if articles.photoFirst %}
            <div class='big-image'>
             <a class='fancybox-buttons' data-fancybox-group='thumb' href='{{('/uploads/articles/' ~ articles.photoFirst )}}'>
              <img alt='{{articles['translations'][app.request.locale].title}}' id='largeImg' src="{{('/uploads/articles/' ~ articles.photoFirst )| imagine_filter('articles')}}">
            </a>
            </div>
          {% else %}
            <img alt='{{articles['translations'][app.request.locale].title}}' id='largeImg' src='/images/n-1.png'>
          {% endif %}
            <ul class='small-images clearfix'>
              {% if articles.gallery|length > 0 %}
                {% for key,galleryItem in articles.gallery  %}
              <li>
                <a class='fancybox-buttons' data-fancybox-group='thumb' href='{{('/uploads/articles_gallery/' ~ galleryItem.imageName )}}'>
                  <img alt='{{articles['translations'][app.request.locale].title}}' src='{{('/uploads/articles_gallery/' ~ galleryItem.imageName )| imagine_filter('articles_show_thumb')}}'>
                </a>
              </li>
                {% endfor %}
               {% endif %}
            </ul>
          </div>
          <div class='text-block'>
            <h1>{{articles['translations'][app.request.locale].title}}</h1>
            {{articles['translations'][app.request.locale].description|raw}}
          </div>
        </div>

        {% if articlesRelated | length > 0 %}
        <ul class='news-list'>
          {% for key,articlesItem in articlesRelated %}
          <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'>
                <h4>{{articlesItem.title}}</h4>
                <p>{{articlesItem.short}}</p>
              </div>
            </a>
          </li>
          {% endfor %}
        </ul>
        {% endif %}
        <div class='news-archive'>
          <a class='link' href='{{path('articles')}}'>{% trans %} повернутись до списку статей {% endtrans %}</a>
        </div>
      </div>
    </div>
  </div>
</div>



{% endblock %}