{% extends "admin/base.html" %}

{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="header">
    <h2>Dashboard</h2>
</div>

<div class="stats">
    <div class="stat">
        <div class="stat-value">{{ post_count }}</div>
        <div class="stat-label">Posts</div>
    </div>
    <div class="stat">
        <div class="stat-value">{{ page_count }}</div>
        <div class="stat-label">Pages</div>
    </div>
    <div class="stat">
        <div class="stat-value">{{ published_count }}</div>
        <div class="stat-label">Published</div>
    </div>
</div>

<div class="card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
        <h3>Recent Posts</h3>
        <a href="/admin/posts/new" class="btn btn-primary btn-sm">New Post</a>
    </div>

    {% if recent_posts | length > 0 %}
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Status</th>
                <th>Created</th>
            </tr>
        </thead>
        <tbody>
            {% for post in recent_posts %}
            <tr>
                <td><a href="/admin/posts/{{ post.id }}/edit">{{ post.title }}</a></td>
                <td>
                    <span class="status status-{{ post.status }}">{{ post.status }}</span>
                </td>
                <td>{{ post.created_at }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p style="color: var(--text-muted);">No posts yet. <a href="/admin/posts/new">Create your first post</a></p>
    {% endif %}
</div>
{% endblock %}