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

{% block content %}
{% include "../blocks/profile-menu.html" with active="bonuses" %}

<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>
      Приглашайте друзей в Lil School и получайте {{ config.REFERRER_BONUS }}%
      от суммы их первой покупки. Накапливайте монеты и тратьте их на оплату школы и курсов.
      <br>
      Просто отправьте эту ссылку, по которой ваши друзья могут присоединиться к нам:
    </div>
  </div>
</div>

<div class="section section_gray">
  <div class="section__center center center_xs">
    <div class="form__field field" style="margin-bottom: 40px;">
      <div class="referrer-url field__wrap">
        <input id="referrer-url" class="referrer-url__input field__input" type="text" value="{{ referrer_url }}" readonly="readonly">
        <button class="referrer-url__btn go__btn btn" data-clipboard-target="#referrer-url">Копировать ссылку</button>
      </div>
    </div>
    {% include 'templates/blocks/share.html' with share_object_name="ссылкой" share_url=referrer_url %}
  </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>
          {% else %}
          <div class="transactions__cell transactions__product">
            {% 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 %}
          </div>
          {% endif %}
          <div class="transactions__cell transactions__amount">{{payment.amount }}</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 %}