{% extends "base.html" %}
{% block title %}Dashboard — BashyOverlay{% endblock %}
{% block content %}
<hgroup>
    <h1>Dashboard</h1>
    <p>Welcome, {{ user.twitch_display_name }}</p>
</hgroup>

<div class="status-bar">
    <span class="status-dot {% if eventsub_connected %}connected{% else %}disconnected{% endif %}"></span>
    EventSub: <strong>{% if eventsub_connected %}connected{% else %}disconnected{% endif %}</strong>
    {% if not eventsub_connected %}
    <form method="post" action="/settings/reconnect" style="display:inline">
        <button type="submit" class="outline small-btn">Reconnect</button>
    </form>
    {% endif %}
</div>

<section>
    <h2>Recent activity</h2>
    {% if logs %}
    <figure>
        <table>
            <thead>
                <tr>
                    <th>Time</th>
                    <th>Event</th>
                    <th>User</th>
                    <th>Detail</th>
                    <th>Action taken</th>
                </tr>
            </thead>
            <tbody>
                {% for log in logs %}
                <tr>
                    <td><small>{{ log.triggered_at.strftime('%H:%M:%S') }}</small></td>
                    <td><code>{{ log.event_type }}</code></td>
                    <td>{{ log.username or '—' }}</td>
                    <td>{{ log.detail or '—' }}</td>
                    <td>{{ log.action_taken or '<span class="muted">none configured</span>' | safe }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </figure>
    {% else %}
    <p><em>No activity yet. Events will appear here as they come in.</em></p>
    {% endif %}
</section>
{% endblock %}