{% extends 'base.html' %}
{% block title %}Szablony list{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center flex-wrap mb-4 gap-2">
  <div>
    <h2 class="mb-2">🧩 Szablony list</h2>
    <p class="text-secondary mb-0">Szablony są niezależne od zwykłych list i mogą służyć do szybkiego tworzenia nowych list.</p>
  </div>
</div>
{% include 'admin/_nav.html' %}
<div class="row g-4">
  <div class="col-lg-5">
    <div class="card bg-dark text-white mb-4"><div class="card-body">
      <h5 class="mb-3">➕ Nowy szablon ręcznie</h5>
      <form method="post" class="stack-form">
        <input type="hidden" name="action" value="create_manual">
        <div class="mb-3"><label class="form-label">Nazwa</label><input type="text" name="name" class="form-control" required></div>
        <div class="mb-3"><label class="form-label">Opis</label><textarea name="description" class="form-control" rows="2"></textarea></div>
        <div class="mb-3"><label class="form-label">Produkty</label><textarea name="items_text" class="form-control" rows="8" placeholder="Mleko x2&#10;Chleb&#10;Jajka x10"></textarea><div class="form-text">Każdy produkt w osobnej linii. Ilość opcjonalnie po „x”.</div></div>
        <button type="submit" class="btn btn-success w-100">Utwórz szablon</button>
      </form>
    </div></div>
    <div class="card bg-dark text-white"><div class="card-body">
      <h5 class="mb-3">📋 Utwórz z istniejącej listy</h5>
      <form method="post" class="stack-form">
        <input type="hidden" name="action" value="create_from_list">
        <div class="mb-3"><label class="form-label">Lista źródłowa</label><select name="source_list_id" class="form-select" required>{% for l in source_lists %}<option value="{{ l.id }}">#{{ l.id }} — {{ l.title }}</option>{% endfor %}</select></div>
        <div class="mb-3"><label class="form-label">Nazwa szablonu</label><input type="text" name="template_name" class="form-control"></div>
        <div class="mb-3"><label class="form-label">Opis</label><textarea name="description" class="form-control" rows="2"></textarea></div>
        <button type="submit" class="btn btn-outline-light w-100">Utwórz z listy</button>
      </form>
    </div></div>
  </div>
  <div class="col-lg-7">
    <div class="card bg-dark text-white"><div class="card-body">
      <div class="admin-page-head mb-3"><h5 class="mb-0">Wszystkie szablony użytkowników</h5><span class="badge rounded-pill bg-secondary">{{ templates|length }} szt.</span></div>
      <div class="table-responsive">
        <table class="table table-dark align-middle keep-horizontal">
          <thead><tr><th>Nazwa</th><th>Produkty</th><th>Status</th><th>Autor</th><th>Akcje</th></tr></thead>
          <tbody>
            {% for template in templates %}
            <tr>
              <td><div class="fw-semibold">{{ template.name }}</div><div class="small text-secondary">{{ template.description or 'Bez opisu' }}</div></td>
              <td>{{ template.items|length }}</td>
              <td>{% if template.is_active %}<span class="badge rounded-pill bg-success">Aktywny</span>{% else %}<span class="badge rounded-pill bg-secondary">Wyłączony</span>{% endif %}</td>
              <td>{{ template.creator.username if template.creator else '—' }}</td>
              <td>
                <div class="d-flex flex-wrap gap-2">
                  <form method="post"><input type="hidden" name="action" value="instantiate"><input type="hidden" name="template_id" value="{{ template.id }}"><button class="btn btn-sm btn-outline-primary" type="submit">➕ Utwórz listę</button></form>
                  <form method="post"><input type="hidden" name="action" value="toggle"><input type="hidden" name="template_id" value="{{ template.id }}"><button class="btn btn-sm btn-outline-warning" type="submit">{% if template.is_active %}⏸ Wyłącz{% else %}▶ Włącz{% endif %}</button></form>
                  <form method="post" onsubmit="return confirm('Usunąć szablon?')"><input type="hidden" name="action" value="delete"><input type="hidden" name="template_id" value="{{ template.id }}"><button class="btn btn-sm btn-outline-danger" type="submit">🗑 Usuń</button></form>
                </div>
              </td>
            </tr>
            {% else %}
            <tr><td colspan="5" class="text-center text-secondary py-4">Brak szablonów użytkowników.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div></div>
  </div>
</div>
{% endblock %}