{% extends 'base.html' %}
{% load static %}
{% load crispy_forms_tags %}

{% block content %}
    <div class="col-4 left-menu">
        <div class="">
            {% if left_product_search_form %}
                <div class="left-menu__search">
                    {% crispy left_product_search_form %}
                </div>
            {% endif %}

            {% block extra_left_menu_items %}
            {% endblock extra_left_menu_items %}
            {% if product_root_categories %}
                <div class="left-menu__category">
                    {% for category in product_root_categories %}
                        <a class="left-menu__category-item"
                           href="{% url "products:category" slug=category.slug %}">
                                <span class="category-item__image">
                                    <img src="{% static category.img %}" alt="{{ category.alt }}">
                                </span>
                            <span class="category-item__name">{{ category.name }}</span>
                        </a>
                    {% endfor %}
                </div>
            {% endif %}
            {% if contact_us_form %}
            <div class="left-menu__contact">
                {% crispy contact_us_form %}
            </div>
            {% endif %}
        </div>
    </div>
    <div class="col-lg-8 col-md-12">
        <div class="content">
            <div class="content__menu">
                <div class="row">
                    <div class="col-5 d-flex justify-content-start align-items-center">
                        <button id="content__category-btn" class="content__menu-btn">Разделы сайта</button>
                    </div>
                    {% if content_product_search_form %}
                        <div class="col-7 justify-content-center">
                            <div class="content__search">
                                {% crispy content_product_search_form %}
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
            {% block right_common_content %}
            {% endblock right_common_content %}

        </div>
    </div>
{% endblock content %}