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

{% block title %}Kolejka akceptacji 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 akceptacji AI</h2>
                <p class="panel__text">Sprawdź pola, zaakceptuj potrzebne elementy i przenieś dane do draftu PrestaShop.</p>
            </div>
            <a href="{{ path('app_ai_jobs') }}" class="button button--ghost">Kolejka AI</a>
        </div>

        <form method="get" class="catalog-toolbar">
            <div class="catalog-toolbar__filters">
                <label>Status draftu
                    <select name="status" class="form-control">
                        <option value="">Wszystkie statusy</option>
                        {% for code, label in status_choices %}
                            <option value="{{ code }}" {{ current_status == code ? 'selected' : '' }}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </label>
            </div>
            <div class="catalog-toolbar__actions">
                <button class="button button--ghost" type="submit">Filtruj</button>
                <a class="button button--ghost" href="{{ path('app_ai_review') }}">Wyczyść</a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Projekt</th>
                        <th>Platforma</th>
                        <th>Profil</th>
                        <th>Status</th>
                        <th>Źródło</th>
                        <th>Pola</th>
                        <th>Bloki</th>
                        <th>Data</th>
                        <th>Akcje</th>
                    </tr>
                </thead>
                <tbody>
                {% for draft in drafts %}
                    {% set s = stats[draft.id]|default({}) %}
                    <tr>
                        <td>{{ draft.project ? draft.project.name : '—' }}</td>
                        <td>{{ draft.platform ? draft.platform.name : '—' }}</td>
                        <td>{{ draft.aiProfile ? draft.aiProfile.name : '—' }}</td>
                        <td><span class="text-badge">{{ draft.statusLabel }}</span></td>
                        <td>{{ draft.sourceType == 'api' ? 'AI API' : draft.sourceType }}</td>
                        <td>{{ s.fields_accepted|default(0) }}/{{ s.fields_total|default(0) }} zaakc.</td>
                        <td>{{ s.blocks_accepted|default(0) }}/{{ s.blocks_total|default(0) }} zaakc.</td>
                        <td>{{ draft.createdAt ? draft.createdAt|date('d-m-Y H:i') : '—' }}</td>
                        <td><a class="button button--tiny" href="{{ path('app_ai_draft_show', { id: draft.id }) }}">Otwórz</a></td>
                    </tr>
                {% else %}
                    <tr><td colspan="9">Brak draftów AI dla wybranego filtra.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}