{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h1>User Analytics</h1>
    <table class="table table-striped table-bordered">
        <thead class="table-dark">
            <tr>
                <th>Date</th>
                <th>Activity</th>
                <th>Details</th>
            </tr>
        </thead>
        <tbody class="table-analytics">
            {% for date, group in analytics | groupby('startDate') %}
                {% set row_count = group | length %}
                {% for item in group %}
                    <tr>
                        {% if loop.first %}
                            <td rowspan="{{ row_count }}">{{ date }}</td>
                        {% endif %}
                        <td>{{ item.activity }}</td>
                        <td>
                            {% for key, value in item.items() if key not in ['@odata.type', 'activity', 'startDate', 'endDate', 'id', 'timeZoneUsed'] %}
                                {{ key | capitalize }}: {{ value }}<br>
                            {% endfor %}
                        </td>
                    </tr>
                {% endfor %}
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}