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

{% block content %}
<div class="section">
  <div class="section__center center">
    <div class="packages">
      {% for package in packages %}
      <div class="package">
        <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 href="#" 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 forloop.counter == 4 %}Вступить в Lil-Клуб{% else %}Купить{% endif %}</a>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock content %}