{% 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="catalog.html">Каталог</a>
                        </li>
                        <li>
                            <a href="news.html">Новости</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="#">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 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="#" title="{{ request.user.username }}" class="header__link">Личный кабинет</a>
                            </div>
                        {% endif %}
                        <a href="basket.html" class="header__cart">
                            {% if request.user.is_authenticated %}
                            <img src="{% static "img/header/cart-icon.svg" %}"
                                 alt="Перейти в корзину"><span class="cart__count">{{ "5" }}</span>
                            {% else %}
                                <img src="{% static "img/header/cart-icon.svg" %}" alt="Перейти в корзину">
                            {% endif %}

                        </a>
                        <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>