{% extends 'layout/base.html' %}
{% block title %}Группы{% endblock %}
{% block topbar_right %}
  <a class="btn btn-primary" href="{{ url_for('groups.create') }}">Новая группа</a>
{% endblock %}
{% block body %}
<div class="content">
  <div class="card">
    <div class="card-head"><div class="card-title">Группы рассылки</div></div>
    <table class="tbl">
      <thead><tr><th>Название</th><th>Участники</th><th>Кол-во</th><th style="width:160px"></th></tr></thead>
      <tbody>
        {% for g in groups %}
        <tr>
          <td><strong>{{ g.name }}</strong></td>
          <td style="color:var(--color-text-secondary);font-size:12px">{{ g.members|join(', ') }}</td>
          <td><span class="badge badge-gray">{{ g.members|length }}</span></td>
          <td style="text-align:right;white-space:nowrap">
            <div style="display:inline-flex;gap:6px;align-items:center;justify-content:flex-end">
              <a class="btn btn-sm" href="{{ url_for('groups.edit', gid=g.id) }}">Изменить</a>
              <form method="post" action="{{ url_for('groups.delete', gid=g.id) }}" style="display:inline"
                    onsubmit="return confirm('Удалить группу «{{ g.name }}»?')">
                <button class="btn btn-sm btn-danger" type="submit">Удалить</button>
              </form>
            </div>
          </td>
        </tr>
        {% else %}
        <tr><td colspan="4" style="text-align:center;color:var(--color-text-tertiary);padding:20px">Групп нет</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}