{% extends "admin/base.html" %}
{% block content %}
<h1>Категорії</h1>

<div class="card">
  <div class="table-wrap">
  <table class="responsive-table">
    <tr><th>Порядок</th><th>Назва</th><th>Slug</th><th>Активна</th><th></th></tr>
    {% for c in categories %}
    <tr>
      <td data-label="Порядок" class="actions-cell">
        <form method="post" action="{{ url_for('admin.categories_move', category_id=c.id, direction='up') }}" style="display:inline;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn small secondary" type="submit" aria-label="Перемістити «{{ c.name }}» вгору">↑</button></form>
        <form method="post" action="{{ url_for('admin.categories_move', category_id=c.id, direction='down') }}" style="display:inline;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn small secondary" type="submit" aria-label="Перемістити «{{ c.name }}» вниз">↓</button></form>
      </td>
      <td data-label="Назва" class="responsive-block">
        <form method="post" action="{{ url_for('admin.categories_edit', category_id=c.id) }}" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <input type="text" name="name" value="{{ c.name }}" style="margin:0;width:180px;flex:1;min-width:120px;">
          <input type="text" name="name_en" value="{{ c.name_en or '' }}" placeholder="Назва EN (необов'язково)" style="margin:0;width:180px;flex:1;min-width:120px;">
          <label style="display:flex;align-items:center;gap:6px;margin:0;">
            <input type="checkbox" name="is_active" {{ 'checked' if c.is_active }} class="admin-checkbox"> активна
          </label>
          <button class="btn small" type="submit">Зберегти</button>
        </form>
      </td>
      <td data-label="Slug" class="muted">{{ c.slug }}</td>
      <td data-label="Активна">{{ '✅' if c.is_active else '—' }}</td>
      <td data-label="">
        <form method="post" action="{{ url_for('admin.categories_delete', category_id=c.id) }}" onsubmit="return confirm('Видалити категорію разом з товарами?');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button class="btn small danger" type="submit">Видалити</button>
        </form>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="5" class="muted">Категорій ще немає</td></tr>
    {% endfor %}
  </table>
  </div>
</div>

<h2>Додати категорію</h2>
<div class="card">
  <form method="post" action="{{ url_for('admin.categories_new') }}" style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div style="flex:1;min-width:140px;">
      <label>Назва</label>
      <input type="text" name="name" required style="margin:0;">
    </div>
    <div style="flex:1;min-width:140px;">
      <label>Назва EN (необов'язково)</label>
      <input type="text" name="name_en" style="margin:0;">
    </div>
    <button class="btn" type="submit">Додати</button>
  </form>
</div>
{% endblock %}