{% load i18n %}

<section class="profile" >
     {% csrf_token %}
    <div

            class="menu_profile">
        <div>
          <img class="svg" src="/static/img/svg/MagnifyingGlass.svg">
          <a href="#">Поиск посылки</a>
        </div>
        <div
                id="customer"
                onclick="createRoute(this)"
                {% if page_name == 'create_route_for_customer' %}
                    class="selected"
                {% endif %} >
          <img class="svg" src="/static/img/svg/PushPin.svg">
          <a href="#">Разместить объявление как отправитель</a>
        </div>
        <div
                id="mover"
                onclick="createRoute(this)"
                {% if page_name == 'create_route_for_mover' %}
                    class="selected"
                {% endif %}>
          <img class="svg" src="/static/img/svg/PushPin.svg">
          <a href="#">Разместить объявление как перевозчик</a>
        </div>
        <div
                id="my_routes_id"
                onclick="getRoute(this)"
                {% if page_name == 'my_routes' %}
                    class="selected"
                {% endif %}>
          <img class="svg" src="/static/img/svg/Cards.svg">
          <a href="#">Мои объявления</a>
        </div>
        <div
                onclick="writeMessage(this)"
                {% if page_name == 'chat' %}
                    class="selected"
                {% endif %}>
          <img class="svg" src="/static/img/svg/ChatCircleDots.svg">
          <a href="#">Написать сообщение
              <div class="icon_unread_messages" style="padding-top: 0;">
                  <div class="cost-messages-in-user-tab-messenger">
                      <span class="unredmessages_value_text" style="padding-top: 2px;padding-left: 0;"></span>
                  </div>
              </div>
          </a>
        </div>
        <div
                onclick="technicalSupport(this)"
                {% if page_name == 'support' %}
                    class="selected"
                {% endif %}>
          <img class="svg" src="/static/img/svg/Headset.svg">
          <a href="#">Тех. поддержка</a>
        </div>
         <div
                 onclick="mySubscription(this)"
                {% if page_name == 'my_subscribe' %}
                    class="selected"
                {% endif %}>
          <img class="svg" src="/static/img/svg/CurrencyDollar.svg">
          <a href="#">Моя подписка</a>
        </div>
        <div
                onclick="myProfile(this)"
                {% if page_name == 'change_profile' %}
                    class="selected"
                {% endif %}>
          <img class="svg" src="/static/img/svg/User.svg">
          <a href="#">Мой профиль</a>
        </div>
        <div>
            <a href="/profile/logout">Выйти из профиля</a>
        </div>
    </div>
    <div class="info_profile">
        {% if not page_html %}
            {% include "blocks/profile/b_profile_first_page.html" %}
        {% else %}
            {{ page_html|safe }}
{#            {% include "blocks/profile/b_chats.html" %}#}
{#        {% elif page == 'chat' %}#}
{#            {% include "blocks/profile/b_chats.html" %}#}
        {% endif %}
    </div>
<div class="clear_both"></div>
  </section>