{% extends 'base.html' %}

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

{% block content %}
<section class="section-light py-4">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-1">
                <li class="breadcrumb-item"><a href="{{ url_for('editor.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Submissions</li>
            </ol>
        </nav>
        <h1 class="h3 mb-0">Manage Submissions</h1>
    </div>
</section>

<section class="section">
    <div class="container">
        <!-- Status Tabs -->
        <ul class="nav nav-pills mb-4">
            <li class="nav-item">
                <a class="nav-link {{ 'active' if not request.args.get('status') else '' }}" 
                   href="{{ url_for('editor.submissions') }}">
                    All <span class="badge bg-secondary ms-1">{{ total_count }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.args.get('status') == 'pending' else '' }}" 
                   href="{{ url_for('editor.submissions', status='pending') }}">
                    Pending <span class="badge bg-warning text-dark ms-1">{{ pending_count }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.args.get('status') == 'in_review' else '' }}" 
                   href="{{ url_for('editor.submissions', status='in_review') }}">
                    In Review <span class="badge bg-info ms-1">{{ in_review_count }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.args.get('status') == 'revision_requested' else '' }}" 
                   href="{{ url_for('editor.submissions', status='revision_requested') }}">
                    Revision <span class="badge bg-secondary ms-1">{{ revision_count }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.args.get('status') == 'accepted' else '' }}" 
                   href="{{ url_for('editor.submissions', status='accepted') }}">
                    Accepted <span class="badge bg-success ms-1">{{ accepted_count }}</span>
                </a>
            </li>
        </ul>
        
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent py-3">
                <form action="" method="GET">
                    <input type="hidden" name="status" value="{{ request.args.get('status', '') }}">
                    <div class="row g-3 align-items-center">
                        <div class="col-md-6">
                            <div class="input-group">
                                <input type="text" name="q" class="form-control" placeholder="Search by title, author, or tracking ID..."
                                       value="{{ request.args.get('q', '') }}">
                                <button type="submit" class="btn btn-outline-primary">
                                    <i class="fas fa-search"></i>
                                </button>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <select name="journal" class="form-select" onchange="this.form.submit()">
                                <option value="">All Journals</option>
                                {% for journal in journals %}
                                <option value="{{ journal.id }}" {{ 'selected' if request.args.get('journal')|int == journal.id }}>
                                    {{ journal.name }}
                                </option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3 text-md-end">
                            <span class="text-muted">{{ submissions|length }} submission{{ 's' if submissions|length != 1 else '' }}</span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-body p-0">
                {% if submissions %}
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Tracking ID</th>
                                <th>Title</th>
                                <th>Author</th>
                                <th>Journal</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Submitted</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for submission in submissions %}
                            <tr>
                                <td>
                                    <code class="text-primary">{{ submission.tracking_id }}</code>
                                </td>
                                <td>
                                    <a href="{{ url_for('editor.view_submission', id=submission.id) }}" 
                                       class="text-decoration-none">
                                        {{ submission.title|truncate(40) }}
                                    </a>
                                </td>
                                <td class="text-muted">{{ submission.authors }}</td>
                                <td>
                                    {% if submission.journal %}
                                    <span class="badge bg-primary-subtle text-primary">{{ submission.journal.abbreviation }}</span>
                                    {% else %}
                                    <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    {% set status_colors = {
                                        'pending': 'warning',
                                        'in_review': 'info',
                                        'revision_requested': 'secondary',
                                        'accepted': 'success',
                                        'published': 'primary',
                                        'rejected': 'danger'
                                    } %}
                                    <span class="badge bg-{{ status_colors.get(submission.status, 'secondary') }}">
                                        {{ submission.status|replace('_', ' ')|title }}
                                    </span>
                                </td>
                                <td class="text-center text-muted">{{ submission.created_at.strftime('%b %d, %Y') }}</td>
                                <td class="text-end">
                                    <a href="{{ url_for('editor.view_submission', id=submission.id) }}" 
                                       class="btn btn-sm btn-outline-primary" title="View">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <div class="text-center py-5">
                    <i class="fas fa-inbox text-muted" style="font-size: 3rem;"></i>
                    <p class="text-muted mt-3 mb-0">No submissions found</p>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</section>
{% endblock %}