{% extends "admin/base.html" %}
{% block title %}Товары — {{ app_name }}{% endblock %}

{% block content %}
<div class="section-head row-head">
  <div>
    <h2>Товары</h2>
    <p>Каталог и остатки ключей</p>
  </div>
  <a class="btn btn-primary" href="/admin/products/new">Добавить товар</a>
</div>

<div class="table-wrap">
  <table class="data-table">
    <thead>
      <tr>
        <th>Название</th>
        <th>Цена</th>
        <th>Остаток</th>
        <th>Статус</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for product in products %}
      <tr>
        <td>
          <strong>{{ product.title }}</strong>
          <div class="muted">{{ product.slug }}</div>
        </td>
        <td>{{ product.price | rub }}</td>
        <td>{{ stock_map.get(product.id, 0) }}</td>
        <td>{% if product.is_active %}active{% else %}hidden{% endif %}</td>
        <td class="actions">
          <a href="/admin/products/{{ product.id }}/edit">Изменить</a>
          <a href="/admin/products/{{ product.id }}/keys">Ключи</a>
          <form method="post" action="/admin/products/{{ product.id }}/delete" onsubmit="return confirm('Удалить товар?')">
            <button type="submit" class="linkish">Удалить</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="5">Товаров нет</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}