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

{% block title %}Payload AI #{{ job.id }} | 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">Payload wejściowy AI #{{ job.id }}</h2>
                <p class="panel__text">
                    Krok 6G: payload pokazuje zwykły tryb oraz cacheable static prefix / dynamic context.
                    Status: <strong>{{ job.statusLabel }}</strong>.
                </p>
            </div>
            <div class="button-row">
                <a href="{{ path('app_ai_jobs') }}" class="button button--ghost">Kolejka</a>
                {% if job.project %}
                    <a href="{{ path('app_project_show', { id: job.project.id }) }}#ai" class="button button--ghost">Projekt</a>
                {% endif %}
            </div>
        </div>

        {% if job.errorMessage %}
            <div class="flash flash--error">{{ job.errorMessage }}</div>
        {% endif %}

        <div class="presta-warning-box">
            <strong>Tryb wykonania:</strong>
            {{ ai_settings.ai_execution_mode == 'api' ? 'API / OpenAI' : 'Testowy' }}.
            API key OpenAI:
            <strong>{{ ai_settings.ai_openai_api_key_configured == '1' ? 'ustawiony' : 'brak' }}</strong>.
        </div>

        {% set visual = job.inputPayloadJson.visual_input|default({}) %}
        <div class="presta-warning-box ai-vision-status">
            <strong>Obraz projektu:</strong>
            {% if visual.image_attached|default(false) %}
                użyty / dołączany do API.
            {% elseif visual.status|default('') == 'disabled' %}
                nieużyty — wysyłka obrazu jest wyłączona.
            {% elseif visual.status|default('') == 'no_image' %}
                brak obrazu projektu.
            {% elseif visual.status|default('') == 'too_large' %}
                za duży — request pójdzie tekstowo.
            {% elseif visual.status|default('') == 'unsupported_mime' %}
                nieobsługiwany format — request pójdzie tekstowo.
            {% elseif visual.status|default('') == 'missing' %}
                plik nie istnieje — request pójdzie tekstowo.
            {% else %}
                nieużyty.
            {% endif %}
            <br>
            <span class="text-muted">
                Status: {{ visual.status|default('unknown') }}{% if visual.image_size_mb|default(null) %}, {{ visual.image_size_mb }} MB{% endif %}.
                Źródło: {{ visual.image_source|default('project.mainImagePath') }}.
            </span>
        </div>


        <h3 class="panel__section-title">Input payload</h3>
        <div class="technical-preview"><pre>{{ job.inputPayloadJson|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></div>

        <h3 class="panel__section-title mt-3">Prompt caching / tryb cacheable</h3>
        <div class="presta-warning-box ai-prompt-cache-note">
            Część <strong>static prefix</strong> powinna być identyczna dla wielu projektów, aby prompt caching działał.
            Dane projektu, job ID, notatki użytkownika i obraz muszą być w <strong>dynamic context</strong>.
        </div>

        {% if prompt_cache_error %}
            <div class="flash flash--error">Nie udało się zbudować podglądu prompt cache: {{ prompt_cache_error }}</div>
        {% elseif prompt_cache_pack %}
            <div class="presta-mini-grid">
                <span>prompt_cache_key: <code>{{ prompt_cache_pack.promptCacheKey }}</code></span>
                <span>static_prefix_hash: <code>{{ prompt_cache_pack.staticPrefixHash }}</code></span>
                <span>dynamic_context_hash: <code>{{ prompt_cache_pack.dynamicContextHash }}</code></span>
            </div>

            <details class="ai-cache-details" open>
                <summary>Cacheable static prefix</summary>
                <div class="technical-preview"><pre>{{ prompt_cache_pack.staticPrefix|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></div>
            </details>

            <details class="ai-cache-details">
                <summary>Dynamic project context</summary>
                <div class="technical-preview"><pre>{{ prompt_cache_pack.dynamicContext|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></div>
            </details>
        {% endif %}

        {% if job.outputPayloadJson is not empty %}
            <h3 class="panel__section-title mt-3">Output payload</h3>
            <div class="technical-preview"><pre>{{ job.outputPayloadJson|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></div>
        {% endif %}

        <div class="button-row mt-3">
            {% if ai_settings.ai_execution_mode == 'api' and job.status in ['prepared', 'pending', 'failed'] %}
                <form method="post" action="{{ path('app_ai_job_run_api', { id: job.id }) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('ai_job_run_api_' ~ job.id) }}">
                    <button class="button button--primary" type="submit">Wyślij do AI przez API</button>
                </form>
            {% endif %}

            <form method="post" action="{{ path('app_ai_job_create_test_draft', { id: job.id }) }}">
                <input type="hidden" name="_token" value="{{ csrf_token('ai_job_test_draft_' ~ job.id) }}">
                <button class="button button--ghost" type="submit">Utwórz przykładowy draft testowy</button>
            </form>
        </div>
    </section>

    {% if api_logs is not empty %}
        <section class="panel">
            <h3 class="panel__section-title">Logi API dla tego zlecenia</h3>
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                    <tr><th>Data</th><th>Provider</th><th>Model</th><th>Operacja</th><th>Status</th><th>Czas</th><th>Usage</th><th>Cache</th><th>Obraz</th><th>Błąd</th></tr>
                    </thead>
                    <tbody>
                    {% for log in api_logs %}
                        <tr>
                            <td>{{ log.createdAt ? log.createdAt|date('d-m-Y H:i:s') : '—' }}</td>
                            <td>{{ log.provider }}</td>
                            <td>{{ log.model ?: '—' }}</td>
                            <td>{{ log.operation }}</td>
                            <td><span class="text-badge">{{ log.status }}</span></td>
                            <td>{{ log.durationMs ? log.durationMs ~ ' ms' : '—' }}</td>
                            <td>
                                {% if log.usageJson %}
                                    <code>{{ log.usageJson|json_encode }}</code>
                                {% else %}
                                    —
                                {% endif %}
                            </td>
                            <td>
                                {% set cache_usage = log.usageJson.prompt_cache|default(null) %}
                                {% set cache_debug = log.requestPayloadJson.prompt_cache_debug|default(null) %}
                                {% if cache_usage %}
                                    cached: {{ cache_usage.cached_tokens|default(0) }}<br>
                                    ratio: {{ cache_usage.cache_hit_ratio|default('—') }}
                                {% elseif cache_debug %}
                                    <code>{{ cache_debug.prompt_cache_key|default('—') }}</code>
                                {% else %}
                                    —
                                {% endif %}
                            </td>
                            <td>
                                {% set image_meta = log.requestPayloadJson.image_metadata|default(null) %}
                                {% if image_meta %}
                                    {{ image_meta.image_used ? 'użyty' : 'nieużyty' }}
                                    {% if image_meta.image_mime %}<br><small>{{ image_meta.image_mime }}</small>{% endif %}
                                    {% if image_meta.image_size_mb %}<br><small>{{ image_meta.image_size_mb }} MB</small>{% endif %}
                                {% else %}
                                    —
                                {% endif %}
                            </td>
                            <td>{{ log.errorMessage ? log.errorMessage|slice(0, 160) : '—' }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>
    {% endif %}

    <section class="panel">
        <h3 class="panel__section-title">Utwórz AI Draft z wklejonego JSON</h3>
        <p class="panel__text">
            To zostaje do ręcznych testów. W trybie API standardowo używaj przycisku „Wyślij do AI przez API”.
        </p>
        <form method="post" action="{{ path('app_ai_job_create_draft_from_json', { id: job.id }) }}" class="stack-form">
            <input type="hidden" name="_token" value="{{ csrf_token('ai_job_json_draft_' ~ job.id) }}">
            <textarea class="form-control" rows="14" name="json_payload" placeholder="Wklej testową odpowiedź AI JSON"></textarea>
            <button class="button button--primary" type="submit">Zapisz jako AI Draft</button>
        </form>
    </section>
{% endblock %}