{% extends "admin/base_site.html" %}
{% load static %}
{% block content %}
<div class="dashboard-container">
    <!-- Status Overview -->
    <div class="card">
        <h2>Current Status</h2>
        <div class="status-grid">
            {% for status in status_counts %}
            <div class="status-item status-{{ status.visibility }}">
                <h3>{{ status.visibility|title }}</h3>
                <p class="count">{{ status.count }}</p>
            </div>
            {% endfor %}
        </div>
    </div><!-- Pending Updates -->
<div class="card">
    <h2>Pending Updates</h2>
    <div class="metric">
        <span class="label">Pending</span>
        <span class="value">{{ pending_updates }}</span>
    </div>
    <div class="metric">
        <span class="label">Failed Attempts</span>
        <span class="value">{{ failed_attempts }}</span>
    </div>
</div>


<!-- Recent Events -->
<div class="card">
    <h2>Recent Events</h2>
    <table class="events-table">
        <thead>
            <tr>
                <th>Time</th>
                <th>Event</th>
                <th>Site</th>
                <th>Details</th>
            </tr>
        </thead>
        <tbody>
            {% for event in recent_events %}
            <tr>
                <td>{{ event.created_at|date:"Y-m-d H:i:s" }}</td>
                <td>{{ event.event_type }}</td>
                <td>{{ event.payload.site_id }}</td>
                <td>{{ event.payload|json }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>


</div>
{% endblock %}