{% load static %}

<header class="header">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 d-flex col col-md-2  justify-content-between header__nav align-self-center">
                <div class="header__logo align-self-center">
                    <a href="/">
                        <img src="{% static "img/header/logo.png" %}" alt="Русские программы">
                    </a>
                </div>
                <div class="header__menu align-self-center">
                    <ul class="d-flex justify-content-around">
                        <li class="active">
                            <a href="{% url 'products:product_list' %}">Каталог</a>
                        </li>
                        <li>
                            <a href="{% url 'news:blog' %}">Новости</a>
                        </li>
                        <li>
                            <a href="{% url 'django.contrib.flatpages.views.flatpage' url='sales/' %}">Акции</a>
                        </li>
                        <li>
                            <a href="{% url 'django.contrib.flatpages.views.flatpage' url='about-us/' %}">О компании</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-2 col  align-self-center">
                <div class="row">
                    <div class="header__contact">
                        <a href="call:84957996554">8 (495) 799-65-54</a>
                    </div>
                </div>
                <div class="row">
                    <div class="header__time">
                        Пн - пт, 9:00 - 19:00
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col align-self-center controls">
                <div class="row">
                    <div class="header__control {% if not request.user.is_authenticated %}header__control-width-fix{% endif %} justify-content-lg-between d-flex">
                        {% if not request.user.is_authenticated %}
                            <a href="{% url "accounts_ext:login" %}" class="header__link_fill">Вход</a>
                            <a href="{% url "accounts_ext:register" %}" class="header__link_inv">Регистрация</a>
                        {% else %}
                            <div class="header__lk">
                                <a href="{% url 'cabinet:index' %}" title="{{ request.user.username }}"
                                   class="header__link">Личный кабинет</a>
                            </div>
                        {% endif %}
                        {% if request.user.is_authenticated %}
                            <a href="{% url 'cart:buyings' %}" class="header__cart">
                                <img src="{% static "img/header/cart-icon.svg" %}"
                                     alt="Перейти в корзину">
                                {% if cart|length > 0 %}
                                    <span class="cart__count">{{ cart|length }}</span>
                                {% endif %}
                            </a>
                        {% endif %}
                        <div class="mob-menu align-self-center ">
                            <button id="menu_active">
                                <img src="{% static "img/menu/menu-mob.svg" %}">
                            </button>
                        </div>
                    </div>
                </div>
                {% if request.user.is_authenticated %}
                    <div class="row">
                        <div class="header__control justify-content-lg-between d-flex">
                            <div class="header__lk">
                                <a href="{% url 'accounts_ext:logout' %}" class="header__link">Выход</a>
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</header>