{% extends "base.html" %}
{% load pytils_numeral static my_tags %}
{% block title %}Лицензии и расчёты{% endblock %}

{% block content %}
<h1>Лицензии и расчёты</h1>
<div class="btn yellow-btn docs-btn"><a href="{% url 'customer_order_license' %}">Купить лицензию</a></div>
<div class="table__content" id="listData">
<table id="history" class="orders">
  <tbody class="list">
  {% for object in object_list %}
  <tr data-id='{{ object.id }}' data-type="{% if object.type %}account{% else %}license{% endif %}"
      data-status="{{ object.status }}" class="list-item type">
    <td width="15%" class="order-date">{{ object.order_date }}</td>
    <td width="40%">
    {% if object.type %}
      <div class="col__account-main">
        <p>Счет № {{object.id}} - Лицензия на {{ object.get_term }},
        {% if object.pay_sum > 0 %}{{ object.pay_sum|get_plural:"рубль,рубля,рублей" }}{% else %}бесплатно{% endif %}</p>
        <p>{% if object.paid_date %}{{ object.get_payform_display }}{% else %}{{ object.get_action_link|safe }}{% endif %}</p>
      </div>
    {% else %}
      <div class="col__lic-main">
        <p>Лицензия № {{object.id}} на {{ object.get_term }},
        {% if object.pay_sum > 0 %}{{ object.pay_sum|get_plural:"рубль,рубля,рублей" }}{% else %}
          {% if object.payform == -1 %}
          бесплатно{% else %}бонусная
          {% endif %}
        {% endif %}</p>
        <p>{% if object.term > 0 %}
          {% if object.payform != -2 %}{{ object.get_action_link|safe }}{% endif %}
        {% else %}Пробный период{% endif %}</p>
      </div>
    {% endif %}
    </td>
    <td width="5%">
      {% if 'активна' in object.get_paid_status and not object.type %}
        <div class="status-license">
          <svg width="20" height="20">
            <image xlink:href="{% static 'img/check.svg' %}" src="{% static 'img/check.png' %}" width="20" height="20"/>
          </svg>
        </div>
      {% endif %}
      {% if 'выдана' in object.get_paid_status and not object.type %}
        <div class="status-license">
         <svg width="20" height="20">
            <image xlink:href="{% static 'img/not-check.svg' %}" src="{% static 'img/not-check.png' %}" width="20" height="20"/>
         </svg>
        </div>
      {% endif %}
    </td>
    <td width="35%">
    {% if object.type %}
      <div class="col__account-detail">
        {% if object.pay_sum == 0 %}
        <!-- free -->
        {% else %}
        <p>{{ object.account_status }} {% if object.paid_date %}{{ object.paid_date }}{% endif %}</p>
        <p>{% if object.paid_date %}Выдана лицензия № {{ object.id }}{% else %}{{ object.account_sub_status }}{% endif %}</p>
        {% endif %}
      </div>
    {% else %}
      <div class="col__lic-detail">
        <p>{{ object.get_paid_status }}</p>
        <p>Период действия: {% if object.date_from %}{{ object.date_from }} - {{ object.date_to }}{% else %}-{% endif %}</p>
      </div>
    {% endif %}
    </td>
    <td width="5%">
      {% if object.status == 0 %}
        <a class="delete_license" data-id="{{ object.pk }}" href="#" title="Удалить счёт на оплату">
          <svg width="20" height="20">
            <image xlink:href="{% static 'img/delete.svg' %}" src="{% static 'img/delete.png' %}" width="20" height="20"/>
          </svg>
        </a>
      {% endif %}
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>

<div class="filter__table">
  <div class="filter__title">Фильтр списка</div>
  <div class="filter__account">
    <div class="account__title">Счета</div>
    <ul class="account__list">
      <li class="account__item"><a class="account__link filter__link" href="#" id="filterAccountsNone">Все счета</a></li>
      <li class="account__item"><a class="account__link filter__link" href="#" id="filterAccountsPay">Оплаченные</a></li>
      <li class="account__item"><a class="account__link filter__link" href="#" id="filterAccountsWaitPay">Ожидают оплаты</a></li>
      <li class="account__item"><a class="account__link filter__link" href="#" id="filterAccountsFreezePay">Замороженные</a></li>
    </ul>
  </div>
  <div class="filter__license">
    <div class="license__title">Лицензии</div>
    <ul class="license__list">
      <li class="license__item"><a class="license__link filter__link" href="#" id="filterLicenseNone">Все лицензии</a></li>
      <li class="license__item"><a class="license__link filter__link" href="#" id="filterLicenseNow">Актуальные</a></li>
      <li class="license__item"><a class="license__link filter__link" href="#" id="filterLicenseOld">С истекшим сроком</a></li>
    </ul>
  </div>
  <div class="filter__period">
    <div class="period__title">По времени создания</div>
    <ul class="period__list">
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodNone">Все время</a></li>
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodThisMonth">Этот месяц</a></li>
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodPrevMonth">Прошлый месяц</a></li>
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodThisQuarter">Этот квартал</a></li>
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodPrevQuarter">Прошлый квартал</a></li>
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodThisYear">Этот год</a></li>
      <li class="period__item"><a class="period__link" href="#" id="filterPeriodPrevYear">Прошлый год</a></li>
    </ul>
  </div>
  <div class="filter__clean">
    <a class="clean__link" href="#" id="filterNone">Сбросить фильтр</a>
  </div>
</div>

</div>
{% endblock content %}

{% block js %}
    <script src="{% static 'vendor/list.js/dist/list.min.js' %}"></script>
    <script src="{% static 'js/orders.js' %}?ver={% file_version 'js/orders.js' %}"></script>
{% endblock %}