{% 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 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 user.is_authenticated %}
          href="{% url 'school-checkout' %}?duration={{ package.duration }}"
          {% else %}
            href="#" data-popup=".js-popup-auth"
          {% endif %}
          >{% if forloop.counter == 4 %}Вступить в Lil-Клуб{% else %}Купить{% endif %}</a>
        </div>
        {% if next_buy_date %}
        <div style="font-size: 12px; margin-top: 10px; height: 15px;">
          на {{ package.duration|rupluralize:"месяц,месяца,месяцев" }} с {{ next_buy_date|date:'j b' }}
        </div>
        {% endif %}
        {% if forloop.counter == 4 %}
        <img class="package__medal" src="{% static 'img/medal.png' %}" />
        {% 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="package__trial-btn btn btn_white btn_shadow js-video-modal"
        data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1">
          Получить бесплатный урок <img src="{% static 'img/emoji_present.png' %}" /></a>
      </p>
      <p></p>
    </div>
    <div class="subtitle3">Часто задаваемые вопросы:</div>
    <div class="text2">
      <p>
        <b>Что значит «доступ ко всем урокам школы/лагеря»?</b><br/>
        Максимальный доступ включает все уроки школы:<br>
        По будням с 1 сентября по 31 мая. Пять уроков в неделю.<br>
        И все уроки летнего рисовального лагеря:<br>
        С 1 июня по 31 августа. Три урока в неделю.
      </p>
      <p>
        <b>Какие дисциплины входят в программу онлайн-школы и рисовального лагеря?</b><br/>
        В онлайн-школе пять дисциплин:<br>
        Понедельник - иллюстрация;<br>
        Вторник - пластилиновая живопись;<br>
        Среда - акварель;<br>
        Четверг - креативное мышление;<br>
        Пятница - зенарт.<br>
        В рисовальном лагере облегчённая программа. Микс из трёх дисциплин ежемесячно.
      </p>
      <p>
        <b>Сколько хранится запись урока?</b><br/>
        Запись урока онлайн-школы хранится неделю. Ровно до следующего урока. В Золотом клубе уроки хранятся месяц.
      </p>
      <p>
        <b>Если я приобрёл доступ на месяц, а после начала занятий решил взять на год?</b><br/>
        В любой момент можно стать участником клуба! Новая подписка начнется на следующий день после окончания предыдущей,
        а купить ее вы можете когда захотите!
      </p>
      <p>
        <b>Могу ли я перейти на более низкий тариф?</b><br/>
        Конечно можете. Компенсацию разницы мы возместим в течение 60 банковских дней.
      </p>
      <p>
        <b>Если я не успел использовать привилегии золотого статуса в течение года?</b><br/>
        Желательно использовать все привилегии в установленный срок, т.к. доступ к ним платформа предоставляет
        автоматически. В других случаях администрация школы может рассмотреть сложившуюся ситуацию в индивидуальном порядке.
      </p>
      <p>
        <b>Что делать после оплаты? Как узнать, что меня добавили в школу?</b><br/>
        Нажмите на иконку в правом верхнем углу. Перейдите в свой профиль. Все, - приобретённые вами курсы хранятся там.
      </p>
      <p>
        <b>Если я купил доступ на месяц не первого, а восьмого сентября, какая будет цена?</b><br/>
        Цена будет такая же - 1990₽. Система автоматически откроет вам доступ с восьмого сентября по восьмое октября.
      </p>
      <p>
        <b>Если я купил доступ восьмого сентября, будет ли у меня доступ к урокам, которые вышли до этой даты?</b><br/>
        Система автоматически откроет вам доступ на месяц вперёд. Прошедших уроков в нём не будет.
      </p>
      <p>
        <b>Как получить грамоту?</b><br/>
        По окончании месяца занятий именная грамота автоматически придёт вам на e-mail, который вы указывали при регистрации на платформе.
      </p>
      <p>
        <b>Можно ли купить не все дисциплины школы, а только некоторые?</b><br/>
        Такой технической возможности нет.
      </p>
      <p>
        <b>Можно ли купить неделю занятий?</b><br/>
        Минимальный срок доступа - месяц.
      </p>
    </div>
  </div>
</div>
{% endblock content %}