{% extends "paxalia/base.html" %}
{% load static i18n %}

{% block page_title %}{% trans "Queues" %}{% endblock %}
{% block page_subtitle %}{% trans "Celery worker and task status" %}{% endblock %}

{% block extra_css %}
    <link rel="stylesheet" href="{% static 'paxalia/styles/components/server.css' %}">
{% endblock %}

{% block dashboard_content %}
<div class="server-queues">
    <div class="ops-card"><span class="ops-label">{% trans "Worker integration" %}</span><span class="ops-value">{% if queue_stats is None %}{% trans "Not configured" %}{% elif queue_stats.reachable %}{% trans "Connected" %}{% else %}{% trans "Configured · offline" %}{% endif %}</span><span class="ops-help">{% trans "This page reports Celery workers; it does not create or control them." %}</span></div>
    {% if queue_stats is None %}
        <div class="table-card">
            <div class="chart-empty">
                <strong>{% trans "Celery is not connected to the dashboard." %}</strong>
                <span>{% trans "If this project uses Celery, set CELERY_APP_PATH to the existing application instance. If this project does not use Celery, this state is expected." %}</span>
            </div>
        </div>
    {% elif not queue_stats.reachable %}
        <div class="table-card">
            <div class="chart-empty">
                {% trans "Celery is configured, but no worker responded to the inspect ping. Workers may be down or restarting." %}
            </div>
        </div>
    {% else %}
        <div class="stat-grid">
            <div class="stat-card">
                <span class="stat-label">{% trans "Workers" %}</span>
                <span class="stat-value">{{ queue_stats.workers|length }}</span>
            </div>
            <div class="stat-card">
                <span class="stat-label">{% trans "Active tasks" %}</span>
                <span class="stat-value">{{ queue_stats.active_count }}</span>
            </div>
            <div class="stat-card">
                <span class="stat-label">{% trans "Reserved tasks" %}</span>
                <span class="stat-value">{{ queue_stats.reserved_count }}</span>
            </div>
            <div class="stat-card">
                <span class="stat-label">{% trans "Scheduled tasks" %}</span>
                <span class="stat-value">{{ queue_stats.scheduled_count }}</span>
            </div>
        </div>

        <div class="table-card">
            <div class="chart-title-wrapper">
                <h2 class="chart-title">{% trans "Workers" %}</h2>
            </div>
            {% if queue_stats.workers %}
            <table class="analytics-table">
                <thead>
                    <tr>
                        <th>{% trans "Worker" %}</th>
                        <th>{% trans "Active" %}</th>
                        <th>{% trans "Reserved" %}</th>
                        <th>{% trans "Scheduled" %}</th>
                        <th>{% trans "Concurrency" %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for w in queue_stats.workers %}
                    <tr>
                        <td>{{ w.name }}</td>
                        <td>{{ w.active }}</td>
                        <td>{{ w.reserved }}</td>
                        <td>{{ w.scheduled }}</td>
                        <td>{{ w.concurrency|default:"—" }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
            <div class="chart-empty">{% trans "No workers found." %}</div>
            {% endif %}
        </div>
    {% endif %}
</div>
{% endblock %}