{% extends "base.html" %}
{% set section = "modules" %}
{% block title %}Modules — Pipekit{% endblock %}

{% block content %}
<div class="panel">
    <header>
        Modules
        <span class="subtitle">{{ total }} total · grouped by source connection</span>
        <span style="margin-left:auto">
            <a class="btn" href="/wizard">New module…</a>
        </span>
    </header>
    <div class="body tight">
        {% if grouped %}
            {% for conn_name, driver_label, modules in grouped %}
                <div class="group-head">{{ conn_name }} <span style="opacity:.7">({{ driver_label }})</span></div>
                <table class="grid">
                    <thead>
                        <tr>
                            <th style="width:12em">name</th>
                            <th style="width:7em">strategy</th>
                            <th style="width:14em">dest</th>
                            <th style="width:13em">groups</th>
                            <th style="width:11em;white-space:nowrap">last run</th>
                            <th style="width:8em">status</th>
                            <th style="width:6em">rows</th>
                            <th style="width:12em"></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for m in modules %}
                        <tr>
                            <td><a href="/modules/{{ m.id }}"><strong>{{ m.name }}</strong></a></td>
                            <td class="mono">{{ m.merge_strategy }}</td>
                            <td class="mono">{{ m.dest_table }}</td>
                            <td>
                                {% for g in m.groups %}
                                <a href="/groups/{{ g.group_id }}" class="tag">{{ g.group_name }}</a>
                                {% endfor %}
                            </td>
                            <td class="mono" style="white-space:nowrap">{{ m.last_run_at | localtime }}</td>
                            {% with module=m %}{% include "_module_status_pill.html" %}{% endwith %}
                            <td class="mono">{{ m.last_row_count if m.last_row_count is not none else "—" }}</td>
                            <td style="text-align:right">
                                <form class="inline"
                                      hx-post="/modules/{{ m.id }}/run"
                                      hx-target="#module-status-{{ m.id }}"
                                      hx-swap="outerHTML">
                                    <button type="submit">Run</button>
                                </form>
                                <form class="inline"
                                      hx-post="/modules/{{ m.id }}/run"
                                      hx-target="#module-status-{{ m.id }}"
                                      hx-swap="outerHTML">
                                    <input type="hidden" name="dry_run" value="1">
                                    <button type="submit" class="ghost">Dry run</button>
                                </form>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% endfor %}
        {% else %}
            <div class="empty">
                No modules yet.<br>
                <a class="btn" href="/wizard" style="margin-top:0.7rem; display:inline-block">Create one</a>
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}