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

{% block metakeywords %}{{currentCategory.metakeywords}}{% endblock %}

{% block metadescription %}{{currentCategory.metadescription}}{% endblock %}


{% block title %}{{currentCategory.metakeywords}}{% endblock %}


{% block body %}

<div class='main-page topPadding'>
  <div class='catalog-categories-links'>
    <div class='container'>
      {% if category|length > 0 %}
      <div id="cat_container"><a href="javascript:void(0)">{% if app.request.locale == 'uk' %}Переглянути категорії{% endif %}{% if app.request.locale == 'ru' %}Посмотреть категории{% endif %}{% if app.request.locale == 'en' %}View categories{% endif %}</a></div>
      <ul class='clearfix'>
        {% for key,categoryItem in category %}
        <li>
          <a {%if categoryItem.id == currentCategory.id %} class="current" {% endif %} href='{{ path('product', {'id': categoryItem.id }) }}'>{{categoryItem.title}}</a>
        </li>
        {% endfor %}
      </ul>
      {% endif %}
    </div>
  </div>
  <div class='catalog-table-container'>
    <div class='container'>
      <div class='catalog-table-top'>
        <div class='link-container'>
          <span>{{currentCategory.title}}</span>
        </div>
        <div class='view-mode-container'>
          <ul class='clearfix'>
            <li>
              <a class='current' href='javascript:void(0)'>{% trans %}ЛАБОРАТОРНЕ  ОБЛАДНАННЯ{% endtrans %}</a>
            </li>
            <li>
              <a href='{{ path('reagent', {'id': currentCategory.id }) }}'>{% trans %}РЕАГЕНТИ{% endtrans %}</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
{% if currentCategory.title == 'Системы забора' %}
  <div class='link-container'>
          </div>
{% endif %}
  {% if h1Onpage %}
  <h1 style="text-align:center">{{h1Onpage}}</h1>
  {% endif %}
  <div class='equipment-catalog'> <!-- equip -->
    {% if product|length > 0 %}
    <ul class='equipment-list'>
       {% for key,productItem in product %}
      <li class='item'>
        <div class='container'>
          {% if productItem.photo %}
          <div class='image-block'>
            <a href='{{ path('product_show', {'id': productItem.id }) }}'>
              <img alt='{{productItem.title}}' src='{{('/uploads/product/' ~ productItem.photo )| imagine_filter('product')}}'>
            </a>
          </div>
          {% endif %}
          <div class='text-block'>
            <div class="h2zz">
              <a href='{{ path('product_show', {'id': productItem.id }) }}'>{{productItem.title}}</a>
            </div>
            {{productItem.description|raw}}
            <div class='details'>
              <a class='link' href='{{ path('product_show', {'id': productItem.id }) }}'>{% trans %}детальніше{% endtrans %}</a>
            </div>
          </div>
        </div>
      </li>
      {% endfor %}
    </ul>
    {% endif %}
  </div>
    {% if textOnpage %}
    <div class='catalog-categories-links textOnpagestyle'>
      <div class='container'>
        <div class="pageText">
            {{textOnpage|raw}}
        </div>
      </div>
    </div>
    {% endif %}

    <div class='about-company-container'>
      <div class='line'></div>
    <div class='about-company-container-inside'>
        <div class='container'>
          <div class='about-page-tabs'>
            <div id='about-page-tabs'>
              <ul class='etabs clearfix width20'>
                <li class='tab' id='dio'>
                  <a href='https://diameb.ua/{% if app.request.locale == 'uk' %}uk/{% endif %}{% if app.request.locale == 'ru' %}ru/{% endif %}{% if app.request.locale == 'en' %}en/{% endif %}terms#tab-1'>{% trans %}Доставка та оплата{% endtrans %}</a>
                </li>
                <li class='tab' id='remont'>
                  <a href='https://diameb.ua/{% if app.request.locale == 'uk' %}uk/{% endif %}{% if app.request.locale == 'ru' %}ru/{% endif %}{% if app.request.locale == 'en' %}en/{% endif %}terms#tab-2'>{% trans %}Ремонт{% endtrans %}</a>
                </li>
                <li class='tab' id='umovy'>
                  <a href='https://diameb.ua/{% if app.request.locale == 'uk' %}uk/{% endif %}{% if app.request.locale == 'ru' %}ru/{% endif %}{% if app.request.locale == 'en' %}en/{% endif %}terms#tab-3'>{% trans %}Умови гарантії{% endtrans %}</a>
                </li>
                <li class='tab' id='dyleram'>
                  <a href='https://diameb.ua/{% if app.request.locale == 'uk' %}uk/{% endif %}{% if app.request.locale == 'ru' %}ru/{% endif %}{% if app.request.locale == 'en' %}en/{% endif %}terms#tab-4'>{% trans %}Дилерам{% endtrans %}</a>
                </li>
                <li class='tab last' id='support'>
                  <a href='https://diameb.ua/{% if app.request.locale == 'uk' %}uk/{% endif %}{% if app.request.locale == 'ru' %}ru/{% endif %}{% if app.request.locale == 'en' %}en/{% endif %}terms#tab-5'>{% trans %}Підтримка{% endtrans %}</a>
                </li>
              </ul>
            </div>
          </div>
      </div>
    </div>
    </div>

{% endblock %}