title = "Kategoriýalar"
url = "/kategoriyalar"
layout = "default"
is_hidden = 0

[viewBag]
localeTitle[en] = "Categories"
localeTitle[ru] = "Категории"
localeUrl[en] = "/categories"
localeUrl[ru] = "/kategorii"

[categories]
active = 1
slug = "{{ :slug }}"
renderFeatures = "without_images"

[offers]
perPage = 2
sortOrder = "desc"
productSlug = "{{ :slug }}"
==
<!--Category ============================================================= -->
<section class="category">
    <div class="auto_container">
        <div class="category_wrap">

            {% component 'categories' %}

            <div class="cat_source">
                <div class="product_head">
                    <div class="product_title">
                        {{'page.new_prods'|_}}
                    </div>
                    <div class="sort_by">
                        <div class="sort_icon">
                            <svg id="inline" data-name="Иконка (Стиль 2)" xmlns="http://www.w3.org/2000/svg"
                                class="icon" viewBox="0 0 40 40">
                                <path id="Иконка_Стиль_2_2" data-name="Иконка (Стиль 2)"
                                    d="M-177-64a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm14-15a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm14-15a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h22a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Zm-14,0a2,2,0,0,1-2-2v-6a2,2,0,0,1,2-2h6a2,2,0,0,1,2,2v6a2,2,0,0,1-2,2Z"
                                    transform="translate(193 104)" fill="#003197" />
                            </svg>
                        </div>
                        <div class="sort_icon">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" id="card"
                                class="icon active">
                                <path id="Иконка_Стиль_1_" data-name="Иконка (Стиль 1)"
                                    d="M-169-64a2,2,0,0,1-2-2V-80a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm-22,0a2,2,0,0,1-2-2V-80a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm22-22a2,2,0,0,1-2-2v-14a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Zm-22,0a2,2,0,0,1-2-2v-14a2,2,0,0,1,2-2h14a2,2,0,0,1,2,2v14a2,2,0,0,1-2,2Z"
                                    transform="translate(193 104)" fill="#003197" />
                            </svg>
                        </div>
                    </div>
                </div>
                <form action="{{ 'search' | page }}" method="get" class="category_search">
                    <div class="category_input">
                        <input name="q" type="text" placeholder="Поиск" autocomplete="off">
                        <button class="category_loupe" type="submit">
                            <img src="{{ 'assets/images/svg/loupe.svg'|theme }}" alt="loupe">
                        </button>
                    </div>
                </form>
                <form action="#" class="sort-order">
                    <div class="category_select">
                        <select name="sort_order">
                            <option value="1">{{'page.sort_by_date'|_}}</option>
                            <option value="desc">{{'page.date_decrease'|_}}</option>
                            <option value="asc">{{'page.date_increase'|_}}</option>
                        </select>
                        {% if input('page') %}
                            <input type="hidden" name="page" value="{{ input('page') }}">
                        {% endif %}
                    </div>
                </form>
                <div class="inline_head">
                    <div class="inline_item">
                        {{page.prod_id|_}} №:
                    </div>
                    <div class="inline_item">
                        {{ 'page.prod_img'|_ }}
                    </div>
                    <div class="inline_item">
                        {{ 'page.prod_title'|_ }}
                    </div>
                    <div class="inline_item">
                        {{ 'page.prod_amount'|_ }}
                    </div>
                    <div class="inline_item">
                        {{ 'page.prod_price'|_ }}
                    </div>
                    <div class="inline_item">
                        {{ 'page.prod_finishdate'|_ }}
                    </div>
                </div>

                <div>
                    {% component 'offers' %}
                </div>
                
                
            </div>

            
        </div>
    </div>
</section>
<!--Category end ========================================================= -->

{% put scripts %}
<script>
    $('form.sort-order select').change(function() {
        $('form.sort-order').submit();
    })
</script>
{% endput %}