{% 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. Krok 6C obsługuje pełną generację AI Draft dla PrestaShop.
                    Tryb: <strong>{{ ai_settings.ai_execution_mode == 'api' ? 'API' : 'Testowy' }}</strong>.
                </p>
            </div>
            <div class="button-row">
                <a href="{{ path('app_settings_general') }}" class="button button--ghost">Ustawienia 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>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>{{ 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="8">Brak zleceń AI.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}