{% extends 'base.html' %}

{% block title %}Submissions | Admin | {{ settings.site_name }}{% endblock %}

{% block content %}
<section class="section-light py-4">
    <div class="container">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-1">
                        <li class="breadcrumb-item"><a href="{{ url_for('admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Submissions</li>
                    </ol>
                </nav>
                <h1 class="h3 mb-0">Research Submissions</h1>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <!-- Stats -->
        <div class="row g-3 mb-4">
            <div class="col-6 col-md-2">
                <div class="card border-0 shadow-sm text-center h-100">
                    <div class="card-body py-3">
                        <div class="h4 mb-0 text-warning">{{ stats.pending or 0 }}</div>
                        <small class="text-muted">Pending</small>
                    </div>
                </div>
            </div>
            <div class="col-6 col-md-2">
                <div class="card border-0 shadow-sm text-center h-100">
                    <div class="card-body py-3">
                        <div class="h4 mb-0 text-info">{{ stats.under_review or 0 }}</div>
                        <small class="text-muted">Under Review</small>
                    </div>
                </div>
            </div>
            <div class="col-6 col-md-2">
                <div class="card border-0 shadow-sm text-center h-100">
                    <div class="card-body py-3">
                        <div class="h4 mb-0 text-secondary">{{ stats.revision or 0 }}</div>
                        <small class="text-muted">Revision</small>
                    </div>
                </div>
            </div>
            <div class="col-6 col-md-2">
                <div class="card border-0 shadow-sm text-center h-100">
                    <div class="card-body py-3">
                        <div class="h4 mb-0 text-success">{{ stats.accepted or 0 }}</div>
                        <small class="text-muted">Accepted</small>
                    </div>
                </div>
            </div>
            <div class="col-6 col-md-2">
                <div class="card border-0 shadow-sm text-center h-100">
                    <div class="card-body py-3">
                        <div class="h4 mb-0 text-primary">{{ stats.published or 0 }}</div>
                        <small class="text-muted">Published</small>
                    </div>
                </div>
            </div>
            <div class="col-6 col-md-2">
                <div class="card border-0 shadow-sm text-center h-100">
                    <div class="card-body py-3">
                        <div class="h4 mb-0 text-danger">{{ stats.rejected or 0 }}</div>
                        <small class="text-muted">Rejected</small>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Filters -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <form action="{{ url_for('admin.submissions') }}" method="GET" class="row g-3">
                    <div class="col-md-4">
                        <input type="text" class="form-control" name="q" 
                               placeholder="Search by title, author, or tracking ID"
                               value="{{ request.args.get('q', '') }}">
                    </div>
                    <div class="col-md-3">
                        <select class="form-select" name="status">
                            <option value="">All Statuses</option>
                            <option value="pending" {% if request.args.get('status') == 'pending' %}selected{% endif %}>Pending</option>
                            <option value="under_review" {% if request.args.get('status') == 'under_review' %}selected{% endif %}>Under Review</option>
                            <option value="revision_requested" {% if request.args.get('status') == 'revision_requested' %}selected{% endif %}>Revision Requested</option>
                            <option value="accepted" {% if request.args.get('status') == 'accepted' %}selected{% endif %}>Accepted</option>
                            <option value="rejected" {% if request.args.get('status') == 'rejected' %}selected{% endif %}>Rejected</option>
                            <option value="published" {% if request.args.get('status') == 'published' %}selected{% endif %}>Published</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <select class="form-select" name="journal">
                            <option value="">All Journals</option>
                            {% for journal in journals %}
                            <option value="{{ journal.id }}" 
                                    {% if request.args.get('journal')|int == journal.id %}selected{% endif %}>
                                {{ journal.name }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-outline-primary w-100">
                            <i class="fas fa-filter me-1"></i>Filter
                        </button>
                    </div>
                </form>
            </div>
        </div>
        
        {% if submissions.items %}
        <div class="card border-0 shadow-sm">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Tracking ID</th>
                            <th style="min-width: 250px;">Title</th>
                            <th>Author</th>
                            <th>Journal</th>
                            <th>Status</th>
                            <th>Submitted</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for sub in submissions.items %}
                        <tr>
                            <td>
                                <code class="text-primary">{{ sub.tracking_id }}</code>
                            </td>
                            <td>
                                <a href="{{ url_for('admin.view_submission', id=sub.id) }}" class="text-decoration-none fw-medium">
                                    {{ sub.title|truncate(50) }}
                                </a>
                            </td>
                            <td>
                                <div>{{ sub.authors }}</div>
                                <small class="text-muted">{{ sub.contact_email }}</small>
                            </td>
                            <td>
                                {% if sub.journal %}
                                <span class="badge bg-light text-dark">{{ sub.journal.name|truncate(15) }}</span>
                                {% else %}
                                <span class="text-muted">—</span>
                                {% endif %}
                            </td>
                            <td>
                                <span class="badge 
                                    {% if sub.status == 'pending' %}bg-warning
                                    {% elif sub.status == 'under_review' %}bg-info
                                    {% elif sub.status == 'revision_requested' %}bg-secondary
                                    {% elif sub.status == 'accepted' %}bg-success
                                    {% elif sub.status == 'rejected' %}bg-danger
                                    {% elif sub.status == 'published' %}bg-primary
                                    {% else %}bg-secondary{% endif %}">
                                    {{ sub.status|replace('_', ' ')|title }}
                                </span>
                            </td>
                            <td>
                                <small>{{ sub.created_at.strftime('%b %d, %Y') }}</small>
                            </td>
                            <td class="text-end">
                                <a href="{{ url_for('admin.view_submission', id=sub.id) }}" 
                                   class="btn btn-sm btn-outline-primary">
                                    <i class="fas fa-eye me-1"></i>View
                                </a>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        
        <!-- Pagination -->
        {% if submissions.pages > 1 %}
        <nav aria-label="Page navigation" class="mt-4">
            <ul class="pagination justify-content-center">
                {% if submissions.has_prev %}
                <li class="page-item">
                    <a class="page-link" href="{{ url_for('admin.submissions', page=submissions.prev_num, **request.args) }}">
                        <i class="fas fa-chevron-left"></i>
                    </a>
                </li>
                {% endif %}
                
                {% for page in submissions.iter_pages(left_edge=2, left_current=2, right_current=2, right_edge=2) %}
                    {% if page %}
                    <li class="page-item {% if page == submissions.page %}active{% endif %}">
                        <a class="page-link" href="{{ url_for('admin.submissions', page=page, **request.args) }}">{{ page }}</a>
                    </li>
                    {% else %}
                    <li class="page-item disabled"><span class="page-link">...</span></li>
                    {% endif %}
                {% endfor %}
                
                {% if submissions.has_next %}
                <li class="page-item">
                    <a class="page-link" href="{{ url_for('admin.submissions', page=submissions.next_num, **request.args) }}">
                        <i class="fas fa-chevron-right"></i>
                    </a>
                </li>
                {% endif %}
            </ul>
        </nav>
        {% endif %}
        
        {% else %}
        <div class="text-center py-5">
            <i class="fas fa-inbox fa-4x text-muted mb-4"></i>
            <h4>No Submissions Found</h4>
            <p class="text-muted">
                {% if request.args %}
                No submissions match your filters.
                {% else %}
                No research submissions have been received yet.
                {% endif %}
            </p>
        </div>
        {% endif %}
    </div>
</section>
{% endblock %}