{% extends "layout.html" %}

{% block content %}

<h2>
    Category Editor
</h2>

<table>
    <thead>
      <tr>
        <th scope="col">Code</th>
        <th scope="col">Name</th>
        <th scope="col">Color</th>
    </tr>
    </thead>
    <tbody> 
        {%for activity in activities %}
        <tr class="activity-{{activity.code}} color-{{activity.color}}" hx-target="closest tr" hx-swap="beforeend">
            <td>{{ activity.code }}</td>
            <td>{{ activity.name }}</td>
            <td hx-get="/get-color-form/{{activity.activity_id}}">{{ activity.color }}</td>
        </tr>
            {% endfor %}
            </tbody>
</table>
{% endblock %}