{% load static %}
<div id="teachers" class="anchor"></div>
<div class="section">
  <div class="section__center center center_md">
    <div class="title title_center">Преподаватели</div>
    <div class="text">
      <p>Преподаватели Lil School имеют большой опыт, поэтому с первых минут детям будет интересно с нами.</p>
      <img class="text__curve text__curve_three" src="{% static 'img/curve-3.svg' %}">
    </div>
    <div class="teachers">
      {% for teacher in teachers %}
      <div class="teachers__item">
        <div class="teachers__ava ava">
          {% if teacher.photo %}
          <img class="ava__pic" src="{{ teacher.photo.url }}"> {% else %}
          <img class="ava__pic" src="{% static 'img/user_default.jpg' %}"> {% endif %}
        </div>
        <div class="teachers__wrap">
          <div class="teachers__title">
            <div class="teachers__title-name">
              <a href="{{ teacher.url }}">{{ teacher.get_full_name }}</a>{% if teacher.instagram_hashtag %},
              <a href='https://www.instagram.com/explore/tags/{{ teacher.instagram_hashtag }}/' target="_blank">
                {{ teacher.instagram_hashtag }}
              </a>
              {% endif %}
            </div>
            {% if teacher.trial_lesson %}
            <a data-video-url="{{ teacher.trial_lesson }}" data-trial-lesson="1" href="#" class="btn btn_light js-video-modal">ПРОБНЫЙ УРОК</a>
            {% endif %}
          </div>
          <div class="teachers__social">
            {% if teacher.facebook %}
            <a class="social__item" href="{{ teacher.facebook }}" target="_blank">
              <svg class="icon icon-share-facebook">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
              </svg>
            </a>
            {% endif %} {# if teacher.instagram #}
            <a class="social__item" href="{{ teacher.instagram }}" target="_blank">
              <svg class="icon icon-share-instagram">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-instagram"></use>
              </svg>
            </a>
            {# endif #} {% if teacher.twitter %}
            <a class="social__item" href="{{ teacher.twitter }}" target="_blank">
              <svg class="icon icon-share-twitter">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
              </svg>
            </a>
            {% endif %} {% if teacher.google %}
            <a class="social__item" href="{{ teacher.google }}" target="_blank">
              <svg class="icon icon-share-google">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
              </svg>
            </a>
            {% endif %} {% if teacher.pinterest %}
            <a class="social__item" href="{{ teacher.pinterest }}" target="_blank">
              <svg class="icon icon-share-pinterest">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
              </svg>
            </a>
            {% endif %}
          </div>
          {% if teacher.about %}
          <div class="teachers__content">
            {{ teacher.about }}
          </div>
          {% endif %}
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="text text_mb0">Если хотите к нам в команду, то <a href="{% url 'author_request' %}">отправьте</a> нам заявку</div>
  </div>
</div>