{# Table and status box together, swapped as one by the row toggles - hence the id and the
   outerHTML swap on the checkboxes inside _task_row.html.twig.

   The box cannot be swapped out of band alongside a single <tr>: htmx re-parses a response that
   starts with a row as "<table><tbody>" + response, and the HTML parser foster-parents any
   non-table element out of that tbody again, so the box would be dropped without an error. #}
<div id="season-checklist">
    <div class="data-table-wrapper overflow-x-auto">
        <table class="w-full text-left">
            <thead>
                <tr class="border-b-2 border-gray-300">
                    <th class="py-2 pr-4">Dokument/ToDo</th>
                    <th class="py-2 pr-4">Frist 1</th>
                    <th class="py-2 pr-4">Frist 2</th>
                    <th class="py-2 pr-4 text-center">ToDo</th>
                    <th class="py-2 pr-4 text-center">erledigt</th>
                    <th class="py-2"></th>
                </tr>
            </thead>
            <tbody>
                {% for row in checklist %}
                    {% include 'administrative/season_assignment/_task_row.html.twig' with { 'row': row } only %}
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% include 'administrative/season_assignment/_checklist_status.html.twig' with { 'checklistStatus': checklistStatus } only %}
</div>