LilSchool/project/templates/blocks/header.html

{% load static %} {% load active_link_tags %} {% load category_menu_items from lilcity_category %}
<header class="header header_bg js-header">
  <div class="header__center center">
    <div class="header__container">
      <button class="header__menu js-header-menu">
        <svg class="icon icon-menu">
          <use xlink:href={% static "img/sprite.svg" %}#icon-menu></use>
        </svg>
      </button>
      <a class="header__logo logo" href="/"></a>
      <div class="header__wrap js-header-wrap">
        <div class="header__top">
          <button class="header__close js-header-close">
            <svg class="icon icon-close">
              <use xlink:href={% static "img/sprite.svg" %}#icon-close></use>
            </svg>
          </button>
          <form class="header__search search js-search" action="/search/">
            <input name="q" class="search__input js-search-input" type="text">
            <button class="search__btn js-search-btn" type="submit">
              <svg class="icon icon-search">
                <use xlink:href={% static "img/sprite.svg" %}#icon-search></use>
              </svg>
            </button>
          </form>
        </div>
        <nav class="header__nav">
          <div class="header__group">
            <a class="header__section header__section_sub js-header-section {% active_link 'school:school' %}" href="{% url 'school:school' %}">
              ОНЛАЙН-ШКОЛА
              <div class="header__dot"></div>
            </a>
            <div class="header__list js-header-list">
              <a class="header__link" data-scroll href="/#about">
                <div class="header__title">О школе</div>
              </a>
              {% comment %}
              <a class="header__link" href="/">
                <div class="header__title">Процесс</div>
              </a> {% endcomment %}
              <a class="header__link" href="/#advantages">
                <div class="header__title">Преимущества</div>
              </a>
              <a class="header__link" href="/#reviews">
                <div class="header__title">Отзывы</div>
              </a>
              <a class="header__link" href="/#gallery">
                <div class="header__title">Галерея</div>
              </a>
              <a class="header__link" href="/#teachers">
                <div class="header__title">Преподаватели</div>
              </a>
              <a class="header__link" href="/#schedule">
                <div class="header__title">Расписание</div>
              </a>
              <a class="header__link" href="/#partners">
                <div class="header__title">Партнеры</div>
              </a>
              {% comment %}
              <a class="header__link" href="/#">
                <div class="header__title">Частые вопросы</div>
              </a> {% endcomment %} {% comment %}
              <a class="header__link" href="/#">
                <div class="header__title">Оплата</div>
              </a> {% endcomment %} {% comment %}
              <a class="header__link" href="/#">
                <div class="header__title">Контакты</div>
              </a> {% endcomment %}
            </div>
          </div>
          <div class="header__group">
            <a class="header__section header__section_sub js-header-section {% active_link 'courses' %}" href="{% url 'courses' %}">ВИДЕОКУРСЫ</a>
            <div class="header__list js-header-list">
              {% category_menu_items category %}
            </div>
          </div>
          <div class="header__group">
            <a class="header__section" target="_blank" href="http://blog.lil.school">БЛОГ</a>
          </div>
        </nav>
      </div>
      {% if request.user.is_authenticated %}
      <div class="header__login">
        {% if request.user.photo %}
        <div class="header__ava ava">
          <img class="ava__pic" src="{{ request.user.photo.url }}">
        </div>
        {% else %}
        <div class="header__ava ava">
          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
        </div>
        {% endif %}
        <div class="header__drop">
          {% if request.user.role >= request.user.AUTHOR_ROLE %}
          <a class="header__link header__link_border" href="{% url 'user-edit-payments' request.user.id %}">{{ request.user.balance }} руб.</a>
          {% if request.user.auth_token %}
          <a class="header__link header__link_green" href="{% url 'course_create' %}">
            {% comment %}
            <a class="header__link header__link_gray disabled" href="#"> {% endcomment %}
              <div class="header__title">ДОБАВИТЬ КУРС</div>
            </a>
            {% endif %} {% endif %}
            <a class="header__link" href="{% url 'user' request.user.id %}">
              <div class="header__title">ПРОФИЛЬ</div>
            </a>
            <a class="header__link" href="#">
              <div class="header__title">НАСТРОЙКИ</div>
            </a>
            <a class="header__link" href="{% url 'lilcity:logout' %}">
              <div class="header__title">ВЫЙТИ</div>
            </a>
        </div>
      </div>
      {% else %}
      <button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД
        <svg class="icon icon-user">
          <use xlink:href={% static "img/sprite.svg" %}#icon-user></use>
        </svg>
      </button>
      {% endif %}
    </div>
  </div>
  {% if request.user.is_authenticated %} {% if not request.user.is_email_proved and not request.user.fb_id %}
  <div class="message message_error">Необходимо подтвердить электронную почту</div>
  {% endif %} {% endif %}
</header>