{% extends "base.html" %}
{% load document_filters %}
{% block title %}Расходы денежных средств — ERP WaterSurf{% endblock %}
{% block content %}
<div class="ws-card">
  <div class="ws-card-header">
    <h2 class="ws-page-title mb-0">Расходы денежных средств</h2>
    <a href="{% url 'documents:cash_expense_create' %}" class="btn btn-ws-primary">Создать</a>
  </div>
  <div class="ws-table-wrap">
    <table class="ws-table ws-table-list-nowrap">
      <thead>
        <tr>
          <th>{% with key="date" %}<a href="?sort={{ key }}&order={% if sort_key == key and sort_order == 'asc' %}desc{% else %}asc{% endif %}" class="ws-th-sort">Дата</a>{% if sort_key == key %} <span class="ws-sort-arrow">{% if sort_order == 'asc' %}↑{% else %}↓{% endif %}</span>{% endif %}{% endwith %}</th>
          <th>{% with key="number" %}<a href="?sort={{ key }}&order={% if sort_key == key and sort_order == 'asc' %}desc{% else %}asc{% endif %}" class="ws-th-sort">Номер</a>{% if sort_key == key %} <span class="ws-sort-arrow">{% if sort_order == 'asc' %}↑{% else %}↓{% endif %}</span>{% endif %}{% endwith %}</th>
          <th>{% with key="sender" %}<a href="?sort={{ key }}&order={% if sort_key == key and sort_order == 'asc' %}desc{% else %}asc{% endif %}" class="ws-th-sort">Отправитель</a>{% if sort_key == key %} <span class="ws-sort-arrow">{% if sort_order == 'asc' %}↑{% else %}↓{% endif %}</span>{% endif %}{% endwith %}</th>
          <th class="ws-num">{% with key="amount" %}<a href="?sort={{ key }}&order={% if sort_key == key and sort_order == 'asc' %}desc{% else %}asc{% endif %}" class="ws-th-sort">Сумма</a>{% if sort_key == key %} <span class="ws-sort-arrow">{% if sort_order == 'asc' %}↑{% else %}↓{% endif %}</span>{% endif %}{% endwith %}</th>
          <th>{% with key="supplier_order" %}<a href="?sort={{ key }}&order={% if sort_key == key and sort_order == 'asc' %}desc{% else %}asc{% endif %}" class="ws-th-sort">Заказ поставщику</a>{% if sort_key == key %} <span class="ws-sort-arrow">{% if sort_order == 'asc' %}↑{% else %}↓{% endif %}</span>{% endif %}{% endwith %}</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for obj in object_list %}
        <tr>
          <td>{{ obj.date }}</td>
          <td>{{ obj.number }}</td>
          <td>{{ obj.sender }}</td>
          <td class="ws-num">{{ obj.amount|ws_num:2 }}</td>
          <td>{{ obj.supplier_order|default:"—" }}</td>
          <td class="ws-actions">
            <a href="{% url 'documents:cash_expense_edit' obj.pk %}" class="ws-link ws-btn-icon-edit" title="Изменить" aria-label="Изменить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></a>
            <a href="{% url 'documents:cash_expense_delete' obj.pk %}" class="ws-link ws-link-danger ws-btn-icon-delete" title="Удалить" aria-label="Удалить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></a>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="6" class="ws-empty">Нет расходов.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}