{% extends "base.html" %}
{% block content %}
<div class="toolbar">
    <div>
        <h2>Dashboard</h2>
        <div class="subtitle">Welcome back, {{ user_email }}</div>
    </div>
</div>
<div class="card-grid">
    {% for model in dashboard_models %}
    <a href="{{ site_prefix }}/{{ model.slug }}/" class="stat-card" style="text-decoration:none;color:inherit;transition:border-color .15s,transform .15s;">
        <h3 style="font-size:15px;font-weight:600;margin-bottom:8px;">{{ model.name }}</h3>
        <div class="stat-value">{{ model.count }}</div>
        <div class="stat-label">records</div>
        <div style="margin-top:14px;display:flex;gap:6px;">
            {% if model.can_add %}<span class="badge badge-green">Add</span>{% endif %}
            {% if model.can_change %}<span class="badge badge-accent">Edit</span>{% endif %}
            {% if model.can_delete %}<span class="badge badge-red">Delete</span>{% endif %}
        </div>
    </a>
    {% endfor %}
</div>
{% if recent_activity %}
<div style="margin-top:36px;">
    <h3 style="font-size:16px;font-weight:700;margin-bottom:14px;">Recent Activity</h3>
    <div class="table-wrap">
        <table>
            <thead><tr><th>User</th><th>Action</th><th>Model</th><th>Time</th></tr></thead>
            <tbody>
                {% for entry in recent_activity %}
                <tr>
                    <td>{{ entry.user_email }}</td>
                    <td>
                        <span class="badge {% if entry.action == 'delete' %}badge-red{% elif entry.action == 'create' %}badge-green{% elif entry.action == 'login' %}badge-blue{% elif entry.action == 'update' %}badge-amber{% else %}badge-accent{% endif %}">{{ entry.action }}</span>
                    </td>
                    <td>{{ entry.model_name }}</td>
                    <td style="color:var(--text2);font-size:12.5px;">{{ entry.created_at }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}
{% endblock %}