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

{% block content %}
<h1>Лицензии и расчёты</h1>
<div class="btn yellow-btn docs-btn"><a href="{% url 'customer_order_license' %}">Купить лицензию</a></div>
<table id="history" class="list">
  {% for object in object_list %}
  <tr class='{% if object.type %}account_{% else %}license_{% endif %}{{ object.id }}'>
    <td>{{ object.order_date }}</td>
    <td>
    {% 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 %}бесплатно{% endif %}</p>
        <p>{% if object.term > 0 %}{{ object.get_action_link|safe  }}{% else %}Пробный период{% endif %}</p>
      </div>
    {% endif %}
    </td>
    <td>
      {% 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>
    {% 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>
      {% 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 %}
</table>
<table id="history" class="list">
  {% for object in filters.qs %}
  <tr class='{% if object.type %}account_{% else %}license_{% endif %}{{ object.id }}'>
    <td>{{ object.order_date }}</td>
    <td>
    {% 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 %}бесплатно{% endif %}</p>
        <p>{% if object.term > 0 %}{{ object.get_action_link|safe  }}{% else %}Пробный период{% endif %}</p>
      </div>
    {% endif %}
    </td>
    <td>
      {% 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>
    {% 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>
      {% 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 %}
</table>

<div class="filter__table">

</div>

{% endblock content %}

{% block js %}
    <script src="{% static 'js/orders.js' %}"></script>
{% endblock %}