{% extends 'layouts/app.html.twig' %}

{% block title %}Kolejka AI | micey-projects{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}
    <section class="panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <h2 class="panel__title">Kolejka AI</h2>
                <p class="panel__text">
                    Zlecenia przygotowane lokalnie albo wykonywane przez wybrany model z Integracje → AI.
                    Tryb: <strong>{{ ai_settings.ai_execution_mode == 'api' ? 'API' : 'Testowy' }}</strong>.
                    Oczekujące/przygotowane do API: <strong>{{ plain_pending_jobs_count|default(pending_jobs_count|default(0)) }}</strong>.
                    {% if pending_jobs_count|default(0) > plain_pending_jobs_count|default(0) %}
                        W tym zawieszone przetwarzanie do ponowienia: <strong>{{ pending_jobs_count - plain_pending_jobs_count }}</strong>.
                    {% endif %}
                </p>
                <p class="panel__text text-muted">
                    Przycisk poniżej wykonuje joby realnie po kolei w tej samej sekwencji: jeden job → jedno wywołanie API → jeden AI Draft do akceptacji.
                    Szczegóły przebiegu trafiają do <code>var/log/ai_queue_debug.log</code>.
                </p>
            </div>
            <div class="button-row">
                <form method="post" action="{{ path('app_ai_jobs_run_pending') }}" class="inline-form" onsubmit="return confirm('Wysłać oczekujące joby AI do API? Joby będą wykonywane po kolei, każdy jako osobny request.');">
                    <input type="hidden" name="_token" value="{{ csrf_token('ai_jobs_run_pending') }}">
                    <label class="inline-form__label">Limit
                        <select class="form-control form-control--compact" name="limit">
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="20" selected>20</option>
                            <option value="50">50</option>
                        </select>
                    </label>
                    <button class="button button--primary" type="submit" {{ pending_jobs_count|default(0) <= 0 or ai_settings.ai_execution_mode != 'api' ? 'disabled' : '' }}>Wyślij oczekujące do API AI</button>
                </form>
                <a href="{{ path('app_integrations_ai') }}" class="button button--ghost">Integracje → AI</a>
                <a href="{{ path('app_ai_studio') }}" class="button button--ghost">AI Studio</a>
            </div>
        </div>

        <div class="table-responsive">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Projekt</th>
                        <th>Platforma</th>
                        <th>Profil</th>
                        <th>Typ</th>
                        <th>Status</th>
                        <th>Model</th>
                        <th>Data</th>
                        <th>Akcje</th>
                    </tr>
                </thead>
                <tbody>
                {% for job in jobs %}
                    <tr>
                        <td>#{{ job.id }}</td>
                        <td>{{ job.project ? job.project.name : '—' }}</td>
                        <td>{{ job.platform ? job.platform.name : '—' }}</td>
                        <td>{{ job.aiProfile ? job.aiProfile.name : '—' }}</td>
                        <td>{{ job.jobType }}</td>
                        <td><span class="text-badge">{{ job.statusLabel }}</span></td>
                        <td>
                            {% if job.provider or job.modelIdentifier %}
                                <span class="text-badge">{{ job.provider ?: '—' }} / {{ job.modelIdentifier ?: '—' }}</span>
                            {% else %}
                                <span class="text-muted">domyślny</span>
                            {% endif %}
                        </td>
                        <td>{{ job.createdAt ? job.createdAt|date('d-m-Y H:i') : '—' }}</td>
                        <td><a href="{{ path('app_ai_job_payload', { id: job.id }) }}" class="button button--tiny">Payload/API</a></td>
                    </tr>
                {% else %}
                    <tr><td colspan="9">Brak zleceń AI.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}