{% extends "templates/lilcity/index.html" %} {% load static %} {% load thumbnail %} {% block content %}
<div class="section">
  <div class="section__center center">
    <div class="profile">
      <div class="profile__ava ava">
        {% thumbnail user.photo "120x120" crop="center" as im %}
        <img class="ava__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
        {% empty %}
        <img class="ava__pic" src="{% static 'img/user_default.jpg' %}" width="120px" height="120px" />
        {% endthumbnail %}
      </div>
      <div class="profile__wrap">
        <div class="profile__name">{{ user.get_full_name }}</div>
        <div class="profile__share share share_sm">
          <div class="share__list">
            {% if user.facebook %}
            <a class="share__item" href="{{ user.facebook }}">
              <svg class="icon icon-share-facebook">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
              </svg>
            </a>
            {% endif %} {% if user.instagram %}
            <a class="share__item" href="{{ user.instagram }}">
              <svg class="icon icon-share-instagram">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-instagram"></use>
              </svg>
            </a>
            {% endif %} {% if user.twitter %}
            <a class="share__item" href="{{ user.twitter }}">
              <svg class="icon icon-share-twitter">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
              </svg>
            </a>
            {% endif %} {% if user.google %}
            <a class="share__item" href="{{ user.google }}">
              <svg class="icon icon-share-google">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
              </svg>
            </a>
            {% endif %} {% if user.pinterest %}
            <a class="share__item" href="{{ user.pinterest }}">
              <svg class="icon icon-share-pinterest">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
              </svg>
            </a>
            {% endif %}
          </div>
        </div>
      </div>
      <div class="profile__content">
        {% if user.about %}
        {{ user.about }}
        {% endif %}
      </div>
    </div>
  </div>
</div>

<div class="section section_pink-light section_tabs">
  <div class="section__center center">
    <div class="tabs js-tabs">
      <div class="tabs__nav">
        <button class="tabs__btn js-tabs-btn {% if not owner %}active{% endif %}">ОПУБЛИКОВАННЫЕ
          <span class="mobile-hide">КУРСЫ</span>
        </button>
      </div>
      <div class="tabs__container">
        <div class="tabs__item js-tabs-item" style="display: block;">
          <div class="courses courses_scroll">
            <div class="courses__list">
              {% if published.exists %}
              {% include "course/course_items.html" with course_items=published %}
              {% else %}
              <div class="center center_xs">
                <div class="done">
                  <div class="done__title title">Нет опубликованных курсов!</div>
                </div>
              </div>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock content %}