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

{% block title %}Dashboard - GJEE Admin{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Dashboard</h1>
</div>

<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-number">{{ stats.users }}</div>
        <div class="stat-label">Admin Users</div>
        <a href="{{ url_for('admin_users') }}" class="stat-link">Manage &rarr;</a>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ stats.editors }}</div>
        <div class="stat-label">Editorial Board</div>
        <a href="{{ url_for('admin_editors') }}" class="stat-link">Manage &rarr;</a>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ stats.volumes }}</div>
        <div class="stat-label">Volumes</div>
        <a href="{{ url_for('admin_volumes') }}" class="stat-link">Manage &rarr;</a>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ stats.issues }}</div>
        <div class="stat-label">Issues</div>
        <a href="{{ url_for('admin_volumes') }}" class="stat-link">Manage &rarr;</a>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ stats.articles }}</div>
        <div class="stat-label">Articles</div>
        <a href="{{ url_for('admin_volumes') }}" class="stat-link">Manage &rarr;</a>
    </div>
    <div class="stat-card highlight">
        <div class="stat-number">{{ stats.pending_contributions }}</div>
        <div class="stat-label">Pending Contributions</div>
        <a href="{{ url_for('admin_contributions', status='pending') }}" class="stat-link">Review &rarr;</a>
    </div>
</div>

<div class="section">
    <h2>Recent Contributions</h2>
    {% if recent_contributions %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Authors</th>
                <th>Email</th>
                <th>Submitted</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for contribution in recent_contributions %}
            <tr>
                <td>{{ contribution.title[:50] }}{% if contribution.title|length > 50 %}...{% endif %}</td>
                <td>{{ contribution.authors[:30] }}{% if contribution.authors|length > 30 %}...{% endif %}</td>
                <td>{{ contribution.email }}</td>
                <td>{{ contribution.submitted_at.strftime('%Y-%m-%d %H:%M') }}</td>
                <td>
                    <span class="status-badge status-{{ contribution.status }}">
                        {{ contribution.status|capitalize }}
                    </span>
                </td>
                <td>
                    <a href="{{ url_for('admin_view_contribution', contribution_id=contribution.id) }}" class="btn btn-sm">View</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <a href="{{ url_for('admin_contributions') }}" class="btn btn-secondary">View All Contributions</a>
    {% else %}
    <p class="no-data">No contributions yet.</p>
    {% endif %}
</div>

<div class="section">
    <h2>Quick Actions</h2>
    <div class="quick-actions">
        <a href="{{ url_for('admin_add_user') }}" class="btn btn-primary">Add User</a>
        <a href="{{ url_for('admin_add_editor') }}" class="btn btn-primary">Add Editor</a>
        <a href="{{ url_for('admin_add_volume') }}" class="btn btn-primary">Add Volume</a>
        <a href="{{ url_for('admin_content') }}" class="btn btn-secondary">Edit Content</a>
    </div>
</div>
{% endblock %}