{% if groups %}
{% for g in groups %}
<div class="task-group">
	<div class="task-group-head">
		<span class="task-group-broker">
			<span class="broker-type">{{ g.broker_type }}</span>
			{% if g.broker_key_short %}<span class="broker-key mono dim">{{ g.broker_key_short }}</span>{% endif %}
		</span>
		<span class="task-group-presets dim">
			{% for p in g.presets %}<span class="preset-chip">{{ p }}</span>{% endfor %}
		</span>
		<span class="task-group-count">{{ g.tasks|length }} task{% if g.tasks|length != 1 %}s{% endif %}</span>
	</div>
	{% if g.tasks %}
	<table class="kuu-table">
		<thead>
			<tr>
				<th>task</th>
				<th>queue</th>
				<th>attempts</th>
				<th>timeout</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			{% for t in g.tasks %}
			<tr>
				<td class="mono-cell">{{ t.name }}</td>
				<td class="mono-cell">{{ t.queue }}</td>
				<td>{{ t.max_attempts }}</td>
				<td class="dim">{{ "%.1fs"|format(t.timeout) if t.timeout else "-" }}</td>
				<td class="action-cell">
					<button class="btn" onclick="kuuRunTask({{ t.name|tojson }}, {{ (g.instance or '')|tojson }})">run</button>
				</td>
			</tr>
			{% endfor %}
		</tbody>
	</table>
	{% else %}
	<p class="placeholder">no tasks registered</p>
	{% endif %}
</div>
{% endfor %}
{% else %}
<p class="placeholder">no tasks registered</p>
{% endif %}