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

{% block content %}
<div class="section">
  <div class="section__center center">
    <div class="packages">
      {% for package in packages %}
      <div class="package"
      {% if forloop.counter == 4 %}style="box-shadow: 0 10px 30px 0 rgba(241, 175, 50, 0.32);"{% endif %}>
        <div class="package__title subtitle">
          {% if package.duration == 12 %}
          <b>1</b>&nbsp;год
          {% else %}
          <b>{{ package.duration }}</b>&nbsp;{{ package.duration|ruplural:"месяц,месяца,месяцев" }}
          {% endif %}
        </div>
        <div class="package__desc">{{ package.description }}</div>
        <div class="package__price">
          {{ package.price|floatformat }}р
          {% if package.high_price %}
          <div class="package__high-price">&nbsp;{{ package.high_price|floatformat }}р&nbsp;</div>
          {% endif %}
        </div>
        <div class="package__options">
          <b>Включает:</b>
          <div>{{ package.options_html|safe }}</div>
        </div>
        <div>
          <a class="package__btn btn {% if forloop.counter == 2 %}btn_light{% endif %}
          {% if school_months_left < package.duration %}btn_disabled{% endif %}"
          {% if forloop.counter == 1 %}
          style="background-image: linear-gradient(104deg, #f8f8f8, #fff2f2)"
          {% endif %}
          {% if forloop.counter == 4 %}
          style="background-image: linear-gradient(to bottom, #ffe790, #f9d055 45%, #f9c155); padding: 12px 9px;"
          {% endif %}

          {% if school_months_left >= package.duration %}
            {% if user.is_authenticated %}
            href="{% url 'school-checkout' %}?duration={{ package.duration }}"
            {% else %}
              href="#" data-popup=".js-popup-auth"
            {% endif %}
          {% else %}href="#"{% endif %}
          >{% if forloop.counter == 4 %}Вступить в Lil-Клуб{% else %}Купить{% endif %}</a>
        </div>
        {% if next_buy_date %}
        <div style="font-size: 12px; margin-top: 10px; height: 15px;">
          {% if school_months_left >= package.duration %}
          на {{ package.duration|rupluralize:"месяц,месяца,месяцев" }} с {{ next_buy_date|date:'j b' }}
          {% endif %}
        </div>
        {% endif %}
      </div>
      {% endfor %}
      <div class="mobile-show">&nbsp;</div>
    </div>
  </div>
</div>
<div class="section section_packages">
  <div class="section__center center">
    <div class="subtitle3">
      Учиться вы можете и бесплатно
    </div>
    <div class="text2">
      <p>
        Приглашайте друзей и знакомых на платформу и получайте 30% от суммы их первой покупки.<br>
        Просто отправьте специальную ссылку, по которой ваши друзья могут присоединиться к нам.
      </p>
      {% if user.is_authenticated %}
      <p><a href="{% url 'user-bonuses' %}">Узнать больше о том, как зарабатывать вместе с Lil School</a></p>
      {% endif %}
      <p style="text-align: center; margin: 35px 0;">
        <a href="#" class="btn btn_white btn_shadow js-video-modal"
        data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1">Получить бесплатный урок 🎁</a>
      </p>
      <p></p>
    </div>
    <div class="subtitle3">Частые вопросы</div>
    <div class="text2">
      <p>
        <b>Если мы купили на месяц, а хотим приобрести на год?</b><br>
        Сумма автоматически пересчитается и останется только доплатить разницу
      </p>
      <p>
        <b>Могу ли я перейти на более низкий тариф?</b><br>
        Можете, но компенсация разницы мы сможем возместить только через 60 дней.
      </p>
      <p>
        <b>Если мы не успели использовать привилегии золотого статуса в течение года?</b><br>
        Желательно использовать все привелегии в установленный срок, тк платформа автоматически предоставляет доступ. В других случаях администрация школы может рассмотреть сложившуюся ситуацию в индивидуальном порядке.
      </p>
    </div>
  </div>
</div>
{% endblock content %}