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

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

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

<div class="filter-bar">
    <span>Filter by status:</span>
    <a href="{{ url_for('admin_contributions', status='all') }}" class="btn btn-sm {% if status_filter == 'all' %}btn-primary{% else %}btn-secondary{% endif %}">All</a>
    <a href="{{ url_for('admin_contributions', status='pending') }}" class="btn btn-sm {% if status_filter == 'pending' %}btn-primary{% else %}btn-secondary{% endif %}">Pending</a>
    <a href="{{ url_for('admin_contributions', status='reviewed') }}" class="btn btn-sm {% if status_filter == 'reviewed' %}btn-primary{% else %}btn-secondary{% endif %}">Reviewed</a>
    <a href="{{ url_for('admin_contributions', status='accepted') }}" class="btn btn-sm {% if status_filter == 'accepted' %}btn-primary{% else %}btn-secondary{% endif %}">Accepted</a>
    <a href="{{ url_for('admin_contributions', status='rejected') }}" class="btn btn-sm {% if status_filter == 'rejected' %}btn-primary{% else %}btn-secondary{% endif %}">Rejected</a>
</div>

<table class="data-table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Title</th>
            <th>Authors</th>
            <th>Email</th>
            <th>Submitted</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for contribution in contributions %}
        <tr>
            <td>{{ contribution.id }}</td>
            <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 class="actions">
                <a href="{{ url_for('admin_view_contribution', contribution_id=contribution.id) }}" class="btn btn-sm">View</a>
                <a href="{{ url_for('admin_download_contribution', contribution_id=contribution.id) }}" class="btn btn-sm">Download</a>
                <form action="{{ url_for('admin_delete_contribution', contribution_id=contribution.id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this contribution?');">
                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                </form>
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="7" class="no-data">No contributions found.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}