{% extends "base.html" %}
{% set section = "groups" %}
{% block title %}{{ group.name }} — Pipekit{% endblock %}

{% block content %}
<div class="panel">
    <header>
        {{ group.name }}
        <span class="subtitle">group #{{ group.id }}</span>
        <span style="margin-left:auto; display:flex; gap:0.5rem; align-items:center">
            <a class="btn ghost" href="/groups/{{ group.id }}/edit">Edit</a>
            <form class="inline"
                  hx-post="/groups/{{ group.id }}/run"
                  hx-target="#group-live"
                  hx-swap="outerHTML">
                <button type="submit">Run</button>
            </form>
            <form class="inline"
                  hx-post="/groups/{{ group.id }}/run"
                  hx-target="#group-live"
                  hx-swap="outerHTML">
                <input type="hidden" name="dry_run" value="1">
                <button type="submit" class="ghost">Dry run</button>
            </form>
        </span>
    </header>
    <div class="body tight">
        {% if members %}
        <table class="grid">
            <thead>
                <tr>
                    <th>order</th>
                    <th>module</th>
                    <th>enabled</th>
                </tr>
            </thead>
            <tbody>
            {% for m in members %}
                <tr>
                    <td class="mono">{{ m.run_order }}</td>
                    <td><a href="/modules/{{ m.module_id }}">{{ m.module_name }}</a></td>
                    <td>
                        {% if m.module_enabled %}
                        <span class="pill success">yes</span>
                        {% else %}
                        <span class="pill disabled">disabled — skipped</span>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div class="empty">No members yet. <a href="/groups/{{ group.id }}/edit">Add some →</a></div>
        {% endif %}
    </div>
</div>

{% include "_group_live.html" %}

<div class="panel" style="margin-top:1rem">
    <header>Danger zone</header>
    <div class="body">
        <form method="post" action="/groups/{{ group.id }}/delete"
              onsubmit="return confirm('Delete group {{ group.name }}? Module runs are kept.')">
            <button type="submit" class="ghost" style="color:var(--danger)">Delete group</button>
        </form>
    </div>
</div>
{% endblock %}