{% load i18n %}
<header>
    <div class="header-first">
      <div><a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a></div>
      <div onclick="showMenu(this, event)"  class="dropdown">
          <img class="dropbtn" src="/static/img/svg/Menu.svg">
          <div
              onmouseleave="hideMenu(event)"
              class="dropdown-content"
          >
                <a href="/">Главная</a>
                <a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a>
                <a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a>
                <a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a>
                <a href="{% url 'static_page' 'contacts' %}">Контакты</a>
                <a href="{% url 'static_page' 'advertisement' %}">Реклама</a>
                <a href="{% url "articles" %}">Новости</a>
                <a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
                <a href="{% url "static_page" "partners" %}">Партнерам</a>

          </div>
      </div>

      <div><a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a></div>
      <div><a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a></div>
    </div>
    <div class="header-second">
      <div class="header-second-item">
          <a href="#"><img src="/static/img/png/ru.png" alt=""></a>
      </div>
      <div><img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg"><a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a></div>
        {% if user.is_authenticated %}

                <a class="button_profile_header" data-user-id="{{ user.id }}"

                  href="{% url "user_profile" %}">
                    <span>
                        {{ user.first_name }} {{ user.last_name }}
                    </span>
                    <div class="icon_unread_messages" style="padding-top: 2px;padding-right: 13px;">
                      <div class="cost-messages-in-user-tab-messenger" style="background: #FFFFFF;">
                          <span class="unredmessages_value_text" style="padding-top: 2px;padding-left: 0; color: #000000;"></span>
                      </div>
                    </div>
                </a>


        {% endif %}

        {% if not user.is_authenticated %}

                <a
                  class="registration_button"
                  href="{% url "registration_page" %}">
                  Регистрация
                </a>

            <a
              class="enter_button"
              href="{% url "login_profile" %}">
              Войти
            </a>

        {% endif %}

    </div>
    <div class="clear_both"></div>
  </header>