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

{% block title %} {% trans %}Діамеб Трейд{% endtrans %} |
     {% trans %}
Пошук
    {% endtrans %}{% endblock %}


{% block body %}

<div class='main-page topPadding'>
  <div class='catalog-categories-links'>
    <div class='container'>
      <ul class='clearfix'>
        <li>
          <div class='container'>{% trans %}Пошуковий запит{% endtrans %} &laquo;{{query}}&raquo; </div>
        </li>
      </ul>
    </div>
  </div>
  <div class='catalog-table-container'>
    <div class='container'>
      <div class='catalog-table-top'>
        <div class='link-container'>
          <span>{% trans %}Пошук{% endtrans %}</span>
        </div>
        <div id='search-category' class='view-mode-container'>
          <ul class='clearfix'>
            <li>
              <a class='tab {{reagent|search_current_tab(product) == "current"?'':"current"}}' data-show_tab="product-catalog" data-hide_tab="reagent-catalog"  href='javascript:void(0)'>{% trans %}ЛАБОРАТОРНЕ  ОБЛАДНАННЯ{% endtrans %} ({{product|length}})</a>
            </li>
            <li>
              <a class='tab {{reagent|search_current_tab(product)}}' data-hide_tab="product-catalog" data-show_tab="reagent-catalog" href='javascript:void(0)'>{% trans %}РЕАГЕНТИ{% endtrans %} ({{reagent|length}})</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div id='product-catalog' {{reagent|search_current_tab(product) == 'current'?'style="display:none"':''}} class='equipment-catalog'>
    {{ include('WebmilFrontendProductBundle:Product:_searchProduct.html.twig', { 'product': product,'query': query }) }}
  </div>

  <div id='reagent-catalog' {{reagent|search_current_tab(product) == 'current'?'':'style="display:none"'}}  class='equipment-catalog'>
      {{ include('WebmilFrontendProductBundle:Product:_searchReagent.html.twig', { 'reagent': reagent,'query': query, 'reagentForThead': reagentForThead  }) }}
  </div>
</div>

{% endblock %}