{% extends 'base.html' %}
{% block content %}
<div class="row g-3">
  <div class="col-lg-4">
    <div class="card shadow-sm"><div class="card-body">
      <h1 class="h4 mb-3">{{ t('admin.categories') }}</h1>
      <form method="post">{{ form.hidden_tag() }}
        <div class="row g-3">
          <div class="col-12">{{ form.key.label(class='form-label') }}{{ form.key(class='form-control') }}</div>
          <div class="col-md-6">{{ form.name_pl.label(class='form-label') }}{{ form.name_pl(class='form-control') }}</div>
          <div class="col-md-6">{{ form.name_en.label(class='form-label') }}{{ form.name_en(class='form-control') }}</div>
          <div class="col-md-6">{{ form.color.label(class='form-label') }}{{ form.color(class='form-select') }}</div>
          <div class="col-12">{{ form.submit(class='btn btn-primary w-100') }}</div>
        </div>
      </form>
    </div></div>
  </div>
  <div class="col-lg-8"><div class="card shadow-sm"><div class="card-body"><div class="table-responsive"><table class="table">
    <thead><tr><th>{{ t('common.name') }}</th><th>PL</th><th>EN</th><th>{{ t('common.status') }}</th></tr></thead>
    <tbody>{% for category in categories %}<tr><td>{{ category.key }}</td><td>{{ category.name_pl }}</td><td>{{ category.name_en }}</td><td>{{ t('common.active') if category.is_active else t('common.inactive') }}</td></tr>{% endfor %}</tbody>
  </table></div></div></div></div>
</div>
{% endblock %}