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

{% block metakeywords %}{{currentCategory.metakeywords}}{% 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' %}Catalog | Diameb Trade{% endif %}{% endblock %}


{% block body %}

<div class='main-page topPadding'>
  <div class='slide'>

    {% if category|length > 0 %}
    <div class='reagenty-container'>
      <div class='container'>
        <div class='header'>
          <h1>
            <img alt='Ico' src='/images/reagenty-ico.png'>
            {% trans %}каталог продукції{% endtrans %}
          </h1>
        </div>
        <div class='prod-catalog testprod'>
          <div class='prod-catalog-inside clearfix'>
            <ul class='catalog-categories'>
              {% for key,categoryItem in category %}
                {% if  key <= 6 %}
              <li>
                <a class='choose test1'
                  data-category_name="{{categoryItem.title}}"
                  data-category_product_url="{{ path('product', {'id': categoryItem.id }) }}"
                  data-category_reagent_url="{{ path('reagent', {'id': categoryItem.id }) }}"
                  href='{{categoryItem.countProduct|check_catalog_link(categoryItem.countSubcategoryReagent, path('product', {'id': categoryItem.id }), path('reagent', {'id': categoryItem.id }) )}}'>
                    <span>
                      <img alt='{{categoryItem.title}}' src='/images/{{categoryItem.class}}.png'>
                    </span>
                    {{categoryItem.title}}
                </a>
              </li>
                {% endif %}
              {% endfor %}
            </ul>
            <ul>
              {% for key,categoryItem in category %}
                {% if  key > 6 %}
              <li>
                <a class='choose test2'
                data-category_name="{{categoryItem.title}}"
                  data-category_product_url="{{ path('product', {'id': categoryItem.id }) }}"
                  data-category_reagent_url="{{ path('reagent', {'id': categoryItem.id }) }}"
                  href='{{categoryItem.countProduct|check_catalog_link(categoryItem.countSubcategoryReagent, path('product', {'id': categoryItem.id }), path('reagent', {'id': categoryItem.id }) )}}'>
                    <span>
                      <img alt='{{categoryItem.title}}' src='/images/{{categoryItem.class}}.png'>
                    </span>
                    {{categoryItem.title}}
                </a>
              </li>
                {% endif %}
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>
    </div>
    {% endif %}

   <div class='prod-cat-dnk'></div>
    <div class='proposal-container prod-cat-proposal-container'>
      <div class='container'>
        <div class='header'>
          <div class='ico'>
            <span></span>
          </div>
          <div class="h2zam1">{% trans %}Пропозиції{% endtrans %}</div>
        </div>
        {{ render(controller('WebmilFrontendAboutBundle:About:_block')) }}
      </div>
    </div>
  </div>
</div>

<div id='inline1' style='display: none;'>
  <hgroup>
    <div class="h2z" id="category_title"></div>
    <div class="h3z">{% trans %}оберіть необхідний розділ{% endtrans %}</div>
  </hgroup>
  <ul class='clearfix'>
    <li>
      <a class='ico equipment-url' href='javascript:void(0)'>
        <img alt='{% trans %}обладнання{% endtrans %}' src='/images/equipment-ico.png'>
      </a>
      <a class='link-text equipment-url' href='javascript:void(0)'>{% trans %}обладнання{% endtrans %}</a>
    </li>
    <li>
      <a class='ico reagent-url' href='javascript:void(0)'>
        <img alt='{% trans %}реагенти{% endtrans %}' src='/images/reagents-ico.png'>
      </a>
      <a class='link-text' href='javascript:void(0)'>{% trans %}реагенти{% endtrans %}</a>
    </li>
  </ul>
</div>

<div id='inline2' style='display: none;'>
  <hgroup>
    <div class="h2z" id="category_title">{% trans %}розділ на стадії наповнення{% endtrans %}</div>
    <div class="h3z"></div>
  </hgroup>
</div>

{% endblock %}