LilSchool/apps/user/templates/user/bonus-history.html

{% extends "templates/lilcity/index.html" %}
{% load static %}
{% load rupluralize from plural %}

{% block content %}
<div class="section section_gray" style="padding-bottom: 0;">
  <div class="section__center center center_sm">
    <div class="bonuses">
      <div class="bonuses__count">У вас <b>{{ request.user.bonus }}</b> LIL</div>
      <div class="bonuses__course">
        <img class="bonuses__lil-coin-img" src="{% static 'img/lilcoin.png' %}" />1 LIL = 1 ₽
      </div>
    </div>
    <div class="referrer-url">
      <div class="referrer-url__text-column">
        <div class="referrer-url__title">Приглашайте друзей в Lil School</div>
        <div class="referrer-url__text">
          Получайте {{ config.REFERRER_BONUS }}% от суммы их первой покупки.
          <br>
          Просто отправьте эту ссылку, по которой ваши друзья могут присоединиться к нам:
        </div>
      </div>
      <div class="referrer-url__url-column">
        <input id="referrer-url" class="referrer-url__input field__input" type="text" value="{{ referrer_url }}" readonly="readonly">
        <button id="copy-referrer-url-btn" class="referrer-url__btn go__btn btn" data-clipboard-target="#referrer-url">Копировать ссылку</button>
      </div>
    </div>
  </div>
</div>

<div class="section section_gray" style="padding-bottom: 0;">
  <div class="section__center center center_sm">
    <div style="text-align: center; border-top: 1px solid #ddd; padding-top: 40px;">
      <img src="{% static 'img/lils.png' %}" />
    </div>
  </div>
</div>

<div class="section section_gray">
  <div class="section__center center center_sm">
    <div class="title" style="margin-bottom: 7px;">Как еще заработать лилики?</div>
    <div>
      Накапливайте монеты и тратьте их на оплату школы и курсов. Около трети наших учеников обучаются за счет лиликов.
    </div>

    <div class="bonuses-table">
      <div class="bonuses-table__row">
        <div>1</div>
        <div>
          <div class="bonuses-table__title">Заполнить профиль</div>
          Заполните свой профиль, включая номер телефона.
        </div>
        <div>+{{ amount_fill_profile }} LIL</div>
        <div><a class="btn btn_stroke" href="{% url 'user-profile' %}">ЗАПОЛНИТЬ</a></div>
        <div>{% if request.user.phone and request.user.first_name and request.user.last_name %}
          <img src="{% static 'img/done2.png' %}" />{% endif %}</div>
      </div>
      <div class="bonuses-table__row">
        <div>2</div>
        <div>
          <div class="bonuses-table__title">Оплата второго месяца или курса</div>
          Получайте бонусы при оплате последующих месяцев обучения или курсов. Чем дольше вы с нами, тем больше лиликов получаете.
        </div>
        <div>+{{ amount_paid_one_more }} LIL</div>
        <div><a class="btn btn_stroke" href="{% url 'courses' %}">ВЫБРАТЬ КУРС</a></div>
        <div>{% if request.user.paid_one_more %}<img src="{% static 'img/done2.png' %}" />{% endif %}</div>
      </div>
      <div class="bonuses-table__row">
        <div>3</div>
        <div>
          <div class="bonuses-table__title">Видео-отзыв о Lil School</div>
          Выкладывайте свои видео-обзоры и видео-отзывы в Инстаграм с тегом #lil_отзыв и высылайте отчет нам на почту school@lil.city
        </div>
        <div>+{{ amount_have_review }} LIL</div>
        <div><a class="btn btn_stroke" target="_blank" href="https://youtu.be/QrlR5sL_eGI">ПОСМОТРЕТЬ ПРИМЕР</a></div>
        <div>{% if request.user.review_url %}<img src="{% static 'img/done2.png' %}" />{% endif %}</div>
      </div>
      <div class="bonuses-table__row">
        <div>4</div>
        <div>
          <div class="bonuses-table__title">На День Рождения!</div>
          Мы любим наших учеников, поэтому дарим лилики на день рождения.
        </div>
        <div>+{{ amount_child_birthday }} LIL</div>
        <div><a class="btn btn_stroke" href="{% url 'user-profile' %}">ЗАПОЛНИТЬ КАРТОЧКУ РЕБЕНКА</a></div>
        <div>{% if request.user.child_filled %}
          <img src="{% static 'img/done2.png' %}" />{% endif %}</div>
      </div>
    </div>
  </div>
</div>

<div class="section section_gray">
  <div class="section__center center center_sm">
    <div class="title title_sm">История бонусов</div>
    <div class="transactions transactions_bonuses">
      <div class="transactions__wrap">
        <div class="transactions__row">
          <div class="transactions__cell transactions__product">Продукт</div>
          <div class="transactions__cell transactions__amount">Сумма покупки</div>
          <div class="transactions__cell transactions__user">Реферал</div>
          <div class="transactions__cell transactions__amount">Сумма бонусов</div>
        </div>
        {% for bonus in bonuses %}
        <div class="transactions__row">
          {% with payment=bonus.payment %}
          {% if payment.course %}
          <div class="transactions__cell transactions__product">Курс. {{ payment.course.title }}</div>
          {% elif payment.giftcertificate %}
          <div class="transactions__cell transactions__product">Подарочный сертификат</div>
          {% else %}
          <div class="transactions__cell transactions__product">
            {% if payment %}
              {% if request.user_agent.is_mobile %}
              Школа. {% if payment.date_start and payment.date_end %}{{ payment.date_start|date:"j b" }} - {{ payment.date_end|date:"j b" }}{% endif %}
              {% else %}
              Школа. {% if payment.date_start and payment.date_end %}{{ payment.date_start }} - {{ payment.date_end }}{% endif %}
              {% endif %}
            {% else %}
              {% if bonus.action_name %}Зачисление по акции{% endif %}
            {% endif %}
          </div>
          {% endif %}
          <div class="transactions__cell transactions__amount">{% if payment %}{{payment.amount }}{% endif %}</div>
          <div class="transactions__cell transactions__user">
            {% if bonus.referral %}{{ bonus.referral.referral.get_full_name }}{% endif %}
          </div>
          <div class="transactions__cell transactions__amount">{{ bonus.amount|floatformat }}</div>
          {% endwith %}
        </div>
        {% empty %}
        Нет истории бонусов
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{% endblock content %}

{% block pre_app_js %}
  <script type="text/javascript" src="{% static 'profile.js' %}"></script>
{% endblock pre_app_js %}