{% import "includes/macros" as macros %}
{% extends "base" %}
{% block content %}
    <link rel="stylesheet" href="/public/table.css" />
    <div class="max-w-screen-lg w-full">
        <h1 class="h1">Bootsauswertung</h1>
        <div class="text-black dark:text-white">
            <table id="basic">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Art</th>
                        <th>Eigentümer</th>
                        <th>Ort</th>
                        {% for year in stat.pot_years | sort | reverse %}<th>{{ year }}</th>{% endfor %}
                    </tr>
                </thead>
                <tbody>
                    {% for boat in stat.boats %}
                        <tr>
                            <td>{{ boat.name }}</td>
                            <td>{{ boat.cat }}</td>
                            <td>{{ boat.owner }}</td>
                            <td>{{ boat.location }}</td>
                            {% for year in stat.pot_years | sort | reverse %}
                                <td>
                                    {% if year~'' in boat.years %}
                                        {{ boat.years[year] }}
                                    {% else %}
                                        0
                                    {% endif %}
                                </td>
                            {% endfor %}
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <script src="/public/jstable.min.js"></script>
    <script src="/public/table.js"></script>
{% endblock content %}