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

{% block title %}Integracje → AI | micey-projects{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}

    <section class="panel panel--hero ai-integration-hero">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Integracje</p>
                <h2 class="panel__title">Integracje → AI</h2>
                <p class="panel__text">Klucze API, providerzy, domyślny model, tryb pracy oraz parametry OpenAI/Gemini. AI Studio zostaje miejscem profili, promptów i instrukcji.</p>
            </div>
            <div class="ai-integration-hero__actions">
                <a href="{{ path('app_ai_studio') }}" class="button button--ghost">AI Studio</a>
                <a href="{{ path('app_ai_review') }}" class="button button--secondary">Drafty AI</a>
            </div>
        </div>
        <div class="ai-studio-stat-grid ai-integration-stat-grid mt-3">
            <div class="ai-studio-stat-card">
                <span class="ai-studio-stat-card__icon ui-icon">hub</span>
                <span class="ai-studio-stat-card__label">Domyślny model</span>
                <strong>{{ default_model_label }}</strong>
            </div>
            <div class="ai-studio-stat-card">
                <span class="ai-studio-stat-card__icon ui-icon">key</span>
                <span class="ai-studio-stat-card__label">OpenAI API</span>
                <strong>{{ ai_settings.ai_openai_api_key_configured == '1' ? 'Ustawiony' : 'Brak' }}</strong>
            </div>
            <div class="ai-studio-stat-card">
                <span class="ai-studio-stat-card__icon ui-icon">key_off</span>
                <span class="ai-studio-stat-card__label">Gemini API</span>
                <strong>{{ ai_settings.ai_gemini_api_key_configured == '1' ? 'Ustawiony' : 'Brak' }}</strong>
            </div>
            <div class="ai-studio-stat-card">
                <span class="ai-studio-stat-card__icon ui-icon">play_circle</span>
                <span class="ai-studio-stat-card__label">Tryb wykonania</span>
                <strong>{{ ai_settings.ai_execution_mode == 'api' ? 'API' : 'Testowy' }}</strong>
            </div>
        </div>
    </section>

    <form method="post" action="{{ path('app_integrations_ai_settings_save') }}" class="ai-integration-grid">
        <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_settings') }}">

        <section class="panel ai-integration-card">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">A</p>
                    <h3 class="panel__section-title">Tryb pracy AI</h3>
                    <p class="panel__text">Ustawia, czy status projektu ma automatycznie tworzyć job AI oraz czy taki job ma zostać od razu wykonany przez API. Pełny automat tworzy job, wysyła jeden request do API i zapisuje zwrotkę jako AI Draft do akceptacji.</p>
                </div>
            </div>
            <div class="form-grid form-grid--two">
                <label>Tryb uruchamiania
                    <select class="form-control" name="ai_dispatch_mode">
                        <option value="manual" {{ ai_settings.ai_dispatch_mode == 'manual' ? 'selected' : '' }}>Ręczny — użytkownik klika generowanie/regenerację</option>
                        <option value="automatic" {{ ai_settings.ai_dispatch_mode == 'automatic' ? 'selected' : '' }}>Automatyczny — twórz job AI po wejściu w wybrany status</option>
                    </select>
                </label>
                <label>Tryb wykonania
                    <select class="form-control" name="ai_execution_mode">
                        <option value="test" {{ ai_settings.ai_execution_mode == 'test' ? 'selected' : '' }}>Testowy — bez realnego API</option>
                        <option value="api" {{ ai_settings.ai_execution_mode == 'api' ? 'selected' : '' }}>API — realny request do providera</option>
                    </select>
                </label>
                <label>Status uruchamiający automatyczne tworzenie joba AI
                    <select class="form-control" name="ai_automatic_status_code">
                        <option value="">— wybierz status —</option>
                        {% for status in statuses %}
                            <option value="{{ status.code }}" {{ ai_settings.ai_automatic_status_code == status.code ? 'selected' : '' }}>{{ status.name }} / {{ status.code }}</option>
                        {% endfor %}
                    </select>
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_api_run_after_create" value="1" {{ ai_settings.ai_api_run_after_create == '1' ? 'checked' : '' }}>
                    Automatycznie wykonaj job przez API po utworzeniu i utwórz AI Draft
                </label>
            </div>
        </section>

        <section class="panel ai-integration-card">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">B</p>
                    <h3 class="panel__section-title">Domyślna integracja i model</h3>
                    <p class="panel__text">Tego modelu użyją pełne generacje, joby CLI i regeneracje bez ręcznego wyboru.</p>
                </div>
            </div>
            <div class="form-grid form-grid--two">
                <label>Domyślny provider AI
                    <select class="form-control" name="ai_default_provider">
                        <option value="openai" {{ ai_settings.ai_default_provider == 'openai' ? 'selected' : '' }}>OpenAI</option>
                        <option value="gemini" {{ ai_settings.ai_default_provider == 'gemini' ? 'selected' : '' }}>Gemini</option>
                    </select>
                </label>
                <label>Domyślny model AI
                    <select class="form-control" name="ai_default_model_config_id">
                        <option value="">Automatycznie: pierwszy aktywny model domyślnego providera</option>
                        {% for model in active_models %}
                            <option value="{{ model.id }}" {{ ai_settings.ai_default_model_config_id == model.id ? 'selected' : '' }}>
                                {{ model.providerLabel }} / {{ model.modelIdentifier }}{% if model.default %} · domyślny globalnie{% endif %}
                            </option>
                        {% endfor %}
                    </select>
                </label>
                <label>Provider embeddingów
                    <select class="form-control" name="ai_embedding_provider">
                        <option value="openai" {{ ai_settings.ai_embedding_provider == 'openai' ? 'selected' : '' }}>OpenAI</option>
                        <option value="gemini" {{ ai_settings.ai_embedding_provider == 'gemini' ? 'selected' : '' }}>Gemini</option>
                    </select>
                </label>
                <label>Model embeddingów OpenAI
                    <input class="form-control" name="ai_openai_embedding_model" value="{{ ai_settings.ai_openai_embedding_model|default('text-embedding-3-small') }}">
                </label>
                <label>Model embeddingów Gemini
                    <input class="form-control" name="ai_gemini_embedding_model" value="{{ ai_settings.ai_gemini_embedding_model|default('text-embedding-004') }}">
                </label>
            </div>
        </section>

        <section class="panel ai-integration-card ai-integration-card--wide">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">Pipeline</p>
                    <h3 class="panel__section-title">Tryb kosztu/jakości i limity kandydatów</h3>
                    <p class="panel__text">Te ustawienia odchudzają nowy krokowy pipeline. Zwiększ limity tylko wtedy, gdy AI nie ma z czego wybierać.</p>
                </div>
            </div>
            <div class="form-grid form-grid--three">
                <label>Tryb generacji pipeline
                    <select class="form-control" name="ai_pipeline_generation_mode">
                        <option value="economy" {{ ai_settings.ai_pipeline_generation_mode == 'economy' ? 'selected' : '' }}>economy — najtaniej, bez redaktora</option>
                        <option value="balanced" {{ ai_settings.ai_pipeline_generation_mode == 'balanced' ? 'selected' : '' }}>balanced — domyślnie, redaktor tylko gdy potrzeba</option>
                        <option value="quality" {{ ai_settings.ai_pipeline_generation_mode == 'quality' ? 'selected' : '' }}>quality — redaktor zawsze, drożej</option>
                    </select>
                </label>
                <label>Editor pass
                    <select class="form-control" name="ai_pipeline_editor_mode">
                        <option value="off" {{ ai_settings.ai_pipeline_editor_mode == 'off' ? 'selected' : '' }}>wyłączony</option>
                        <option value="auto" {{ ai_settings.ai_pipeline_editor_mode == 'auto' ? 'selected' : '' }}>auto — tylko przy ostrzeżeniach / złamanym planie</option>
                        <option value="always" {{ ai_settings.ai_pipeline_editor_mode == 'always' ? 'selected' : '' }}>zawsze</option>
                    </select>
                </label>
                <label>Aktywny preset modeli per krok
                    <select class="form-control" name="ai_pipeline_active_model_preset">
                        <option value="default" {{ pipeline_active_preset_key == 'default' ? 'selected' : '' }}>default — użyj modelu globalnego</option>
                        {% for key, preset in pipeline_model_presets %}
                            <option value="{{ key }}" {{ pipeline_active_preset_key == key ? 'selected' : '' }}>{{ preset.name }}</option>
                        {% endfor %}
                    </select>
                </label>
                <label>Max style cards
                    <input class="form-control" type="number" min="1" max="30" name="ai_pipeline_max_style_cards" value="{{ ai_settings.ai_pipeline_max_style_cards|default('8') }}">
                </label>
                <label>Max block cards
                    <input class="form-control" type="number" min="3" max="80" name="ai_pipeline_max_block_cards" value="{{ ai_settings.ai_pipeline_max_block_cards|default('30') }}">
                </label>
                <label>Max wybranych bloków
                    <input class="form-control" type="number" min="3" max="10" name="ai_pipeline_max_selected_blocks" value="{{ ai_settings.ai_pipeline_max_selected_blocks|default('6') }}">
                </label>
                <label>Max gałęzi kategorii
                    <input class="form-control" type="number" min="5" max="160" name="ai_pipeline_max_category_branches" value="{{ ai_settings.ai_pipeline_max_category_branches|default('60') }}">
                </label>
                <label>Max kategorii kandydatów
                    <input class="form-control" type="number" min="5" max="160" name="ai_pipeline_max_category_candidates" value="{{ ai_settings.ai_pipeline_max_category_candidates|default('50') }}">
                </label>
                <label>Max custom tag candidates
                    <input class="form-control" type="number" min="5" max="120" name="ai_pipeline_max_custom_tag_candidates" value="{{ ai_settings.ai_pipeline_max_custom_tag_candidates|default('35') }}">
                </label>
                <label>Max Perfect For candidates
                    <input class="form-control" type="number" min="0" max="120" name="ai_pipeline_max_perfect_for_candidates" value="{{ ai_settings.ai_pipeline_max_perfect_for_candidates|default('20') }}">
                </label>
                <label>Snippet znaków w kartach
                    <input class="form-control" type="number" min="120" max="1200" name="ai_pipeline_text_snippet_chars" value="{{ ai_settings.ai_pipeline_text_snippet_chars|default('360') }}">
                </label>
                <label>Instrukcja bloku, max znaków
                    <input class="form-control" type="number" min="400" max="4000" name="ai_pipeline_block_instruction_chars" value="{{ ai_settings.ai_pipeline_block_instruction_chars|default('1400') }}">
                </label>
            </div>
        </section>

        <section class="panel ai-integration-card ai-integration-card--wide">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">C</p>
                    <h3 class="panel__section-title">OpenAI</h3>
                    <p class="panel__text">Jeden klucz API, wiele modeli. Identifier wpisujesz ręcznie, bez twardej walidacji nazw.</p>
                </div>
                <span class="status-pill {{ ai_settings.ai_openai_api_key_configured == '1' ? 'status-pill--success' : 'status-pill--muted' }}">{{ ai_settings.ai_openai_api_key_configured == '1' ? 'API key ustawiony' : 'API key nieustawiony' }}</span>
            </div>
            <div class="presta-warning-box">API key nie jest pokazywany po zapisie. Sekrety są nadal zapisywane jak dotychczas — TODO przed produkcją: szyfrowanie albo zmienna środowiskowa.</div>
            <div class="form-grid form-grid--two">
                <label>API key OpenAI
                    <input class="form-control" type="password" name="ai_openai_api_key" placeholder="{{ ai_settings.ai_openai_api_key_configured == '1' ? 'Pozostaw puste, aby nie zmieniać' : 'sk-...' }}">
                </label>
                <label>Structured schema version
                    <input class="form-control" name="ai_openai_structured_schema_version" value="{{ ai_settings.ai_openai_structured_schema_version }}">
                </label>
                <label>Fallback timeout sekund
                    <input class="form-control" type="number" min="5" max="300" name="ai_openai_timeout_seconds" value="{{ ai_settings.ai_openai_timeout_seconds }}">
                </label>
                <label>Fallback max output tokens
                    <input class="form-control" type="number" min="512" max="30000" name="ai_openai_max_output_tokens" value="{{ ai_settings.ai_openai_max_output_tokens }}">
                </label>
                <label>Fallback temperature
                    <input class="form-control" name="ai_openai_temperature" value="{{ ai_settings.ai_openai_temperature }}">
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_openai_send_temperature" value="1" {{ ai_settings.ai_openai_send_temperature == '1' ? 'checked' : '' }}>
                    Wysyłaj temperature, gdy model to wspiera
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_openai_store_raw_payloads" value="1" {{ ai_settings.ai_openai_store_raw_payloads == '1' ? 'checked' : '' }}>
                    Zapisuj raw request/response w logach AI API
                </label>
            </div>
        </section>

        <section class="panel ai-integration-card ai-integration-card--wide">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">D</p>
                    <h3 class="panel__section-title">Gemini</h3>
                    <p class="panel__text">Drugi provider AI. W tym kroku działa tekstowy prompt, JSON output, timeout, max output i opcjonalna temperature/top-p/top-k per model.</p>
                </div>
                <span class="status-pill {{ ai_settings.ai_gemini_api_key_configured == '1' ? 'status-pill--success' : 'status-pill--muted' }}">{{ ai_settings.ai_gemini_api_key_configured == '1' ? 'API key ustawiony' : 'API key nieustawiony' }}</span>
            </div>
            <div class="form-grid form-grid--two">
                <label>API key Gemini
                    <input class="form-control" type="password" name="ai_gemini_api_key" placeholder="{{ ai_settings.ai_gemini_api_key_configured == '1' ? 'Pozostaw puste, aby nie zmieniać' : 'AIza...' }}">
                </label>
                <label>Fallback timeout sekund
                    <input class="form-control" type="number" min="5" max="300" name="ai_gemini_timeout_seconds" value="{{ ai_settings.ai_gemini_timeout_seconds }}">
                </label>
                <label>Fallback max output tokens
                    <input class="form-control" type="number" min="512" max="30000" name="ai_gemini_max_output_tokens" value="{{ ai_settings.ai_gemini_max_output_tokens }}">
                </label>
                <label>Fallback temperature
                    <input class="form-control" name="ai_gemini_temperature" value="{{ ai_settings.ai_gemini_temperature }}">
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_gemini_send_temperature" value="1" {{ ai_settings.ai_gemini_send_temperature == '1' ? 'checked' : '' }}>
                    Wysyłaj temperature do Gemini
                </label>
            </div>
        </section>

        <section class="panel ai-integration-card ai-integration-card--wide">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">Zaawansowane</p>
                    <h3 class="panel__section-title">Prompt cache i obraz projektu</h3>
                    <p class="panel__text">Prompt cache zostaje dla OpenAI, a obraz projektu jest wspólną opcją dla modeli multimodalnych OpenAI/Gemini.</p>
                </div>
            </div>
            <div class="form-grid form-grid--two">
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_prompt_cache_enabled" value="1" {{ ai_settings.ai_prompt_cache_enabled == '1' ? 'checked' : '' }}>
                    Włącz prompt caching
                </label>
                <label>Retencja cache
                    <select class="form-control" name="ai_prompt_cache_retention">
                        <option value="" {{ ai_settings.ai_prompt_cache_retention == '' ? 'selected' : '' }}>nie wysyłaj parametru</option>
                        <option value="empty" {{ ai_settings.ai_prompt_cache_retention == 'empty' ? 'selected' : '' }}>empty / nie wysyłaj parametru</option>
                        <option value="in_memory" {{ ai_settings.ai_prompt_cache_retention == 'in_memory' ? 'selected' : '' }}>in_memory</option>
                        <option value="24h" {{ ai_settings.ai_prompt_cache_retention == '24h' ? 'selected' : '' }}>24h</option>
                    </select>
                </label>
                <label>Wersja static prefix
                    <input class="form-control" name="ai_prompt_cache_static_prefix_version" value="{{ ai_settings.ai_prompt_cache_static_prefix_version }}">
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_prompt_cache_include_dictionaries_in_prefix" value="1" {{ ai_settings.ai_prompt_cache_include_dictionaries_in_prefix == '1' ? 'checked' : '' }}>
                    Umieszczaj słowniki w static prefix
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_prompt_cache_include_examples_in_prefix" value="1" {{ ai_settings.ai_prompt_cache_include_examples_in_prefix == '1' ? 'checked' : '' }}>
                    Umieszczaj przykłady w static prefix
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_prompt_cache_log_cached_tokens" value="1" {{ ai_settings.ai_prompt_cache_log_cached_tokens == '1' ? 'checked' : '' }}>
                    Loguj cached_tokens i cache_hit_ratio
                </label>
                <label class="checkbox-row">
                    <input type="checkbox" name="ai_openai_send_project_image" value="1" {{ ai_settings.ai_openai_send_project_image == '1' ? 'checked' : '' }}>
                    Wysyłaj główny obraz projektu do AI Vision (OpenAI/Gemini)
                </label>
                <label>Maksymalny rozmiar obrazu, MB
                    <input class="form-control" type="number" min="1" max="25" name="ai_openai_max_image_mb" value="{{ ai_settings.ai_openai_max_image_mb }}">
                </label>
                <label>Image detail
                    <select class="form-control" name="ai_openai_image_detail">
                        <option value="auto" {{ ai_settings.ai_openai_image_detail == 'auto' ? 'selected' : '' }}>auto</option>
                        <option value="low" {{ ai_settings.ai_openai_image_detail == 'low' ? 'selected' : '' }}>low</option>
                        <option value="high" {{ ai_settings.ai_openai_image_detail == 'high' ? 'selected' : '' }}>high</option>
                    </select>
                </label>
            </div>
        </section>

        <div class="ai-integration-savebar">
            <button class="button button--primary" type="submit">Zapisz ustawienia Integracje → AI</button>
        </div>
    </form>


    <section class="panel ai-models-panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Pipeline</p>
                <h3 class="panel__section-title">Presety modeli per krok</h3>
                <p class="panel__text">Utwórz preset, ustaw go jako aktywny powyżej i pipeline będzie używał innych modeli dla analizy obrazu, planu, draftu, redakcji i taksonomii.</p>
            </div>
        </div>

        {% for key, preset in pipeline_model_presets %}
            <form method="post" action="{{ path('app_integrations_ai_pipeline_preset_save') }}" class="panel panel--nested mb-3">
                <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_pipeline_preset_save') }}">
                <input type="hidden" name="preset_key" value="{{ key }}">
                <div class="form-grid form-grid--three">
                    <label>Nazwa presetu
                        <input class="form-control" name="preset_name" value="{{ preset.name }}">
                    </label>
                    {% for step, label in pipeline_steps %}
                        <label>{{ label }}
                            <select class="form-control" name="step_{{ step }}">
                                <option value="">model globalny</option>
                                {% for model in active_models %}
                                    <option value="{{ model.id }}" {{ preset.steps[step]|default(null) == model.id ? 'selected' : '' }}>{{ model.providerLabel }} / {{ model.modelIdentifier }}</option>
                                {% endfor %}
                            </select>
                        </label>
                    {% endfor %}
                </div>
                <div class="form-actions">
                    <label class="checkbox-row"><input type="checkbox" name="make_active" value="1" {{ pipeline_active_preset_key == key ? 'checked' : '' }}> Ustaw jako aktywny</label>
                    <button class="button button--primary" type="submit">Zapisz preset</button>
                </div>
            </form>
            <form method="post" action="{{ path('app_integrations_ai_pipeline_preset_delete', { key: key }) }}" class="mb-4">
                <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_pipeline_preset_delete_' ~ key) }}">
                <button class="button button--tiny button--danger" type="submit">Usuń preset „{{ preset.name }}”</button>
            </form>
        {% else %}
            <p class="panel__text">Brak zapisanych presetów. Dodaj pierwszy preset poniżej.</p>
        {% endfor %}

        <form method="post" action="{{ path('app_integrations_ai_pipeline_preset_save') }}" class="panel panel--nested">
            <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_pipeline_preset_save') }}">
            <div class="form-grid form-grid--three">
                <label>Klucz presetu
                    <input class="form-control" name="preset_key" placeholder="np. economy_openai">
                </label>
                <label>Nazwa presetu
                    <input class="form-control" name="preset_name" placeholder="np. Economy OpenAI">
                </label>
                {% for step, label in pipeline_steps %}
                    <label>{{ label }}
                        <select class="form-control" name="step_{{ step }}">
                            <option value="">model globalny</option>
                            {% for model in active_models %}
                                <option value="{{ model.id }}">{{ model.providerLabel }} / {{ model.modelIdentifier }}</option>
                            {% endfor %}
                        </select>
                    </label>
                {% endfor %}
            </div>
            <div class="form-actions">
                <label class="checkbox-row"><input type="checkbox" name="make_active" value="1" checked> Ustaw jako aktywny</label>
                <button class="button button--primary" type="submit">Dodaj preset modeli</button>
            </div>
        </form>
    </section>

    <section class="panel ai-models-panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Modele</p>
                <h3 class="panel__section-title">Konfiguracje modeli AI</h3>
                <p class="panel__text">Każdy provider może mieć wiele modeli. Domyślny model jest globalny: aktywny może być tylko jeden model domyślny naraz.</p>
            </div>
        </div>

        {% for provider, models in models_by_provider %}
            <div class="ai-provider-model-section">
                <h4 class="ai-provider-model-section__title">{{ provider == 'gemini' ? 'Gemini' : 'OpenAI' }}</h4>
                <div class="table-wrap">
                    <table class="data-table ai-model-table">
                        <thead>
                        <tr>
                            <th>Nazwa</th>
                            <th>Model identifier</th>
                            <th>Status</th>
                            <th>Default</th>
                            <th>Timeout</th>
                            <th>Max output</th>
                            <th>Temp.</th>
                            <th class="text-right">Akcje</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for model in models %}
                            <tr>
                                <td>
                                    <form id="ai-model-form-{{ model.id }}" method="post" action="{{ path('app_integrations_ai_model_update', { id: model.id }) }}" class="ai-model-inline-form">
                                        <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_model_' ~ model.id) }}">
                                        <input class="form-control form-control--compact" name="name" value="{{ model.name }}">
                                    </form>
                                </td>
                                <td><input form="ai-model-form-{{ model.id }}" class="form-control form-control--compact" name="model_identifier" value="{{ model.modelIdentifier }}"></td>
                                <td>
                                    <label class="checkbox-row checkbox-row--compact">
                                        <input form="ai-model-form-{{ model.id }}" type="checkbox" name="enabled" value="1" {{ model.enabled ? 'checked' : '' }}>
                                        Aktywny
                                    </label>
                                </td>
                                <td>{% if model.default %}<span class="status-pill status-pill--success">Domyślny globalnie</span>{% else %}<span class="status-pill status-pill--muted">—</span>{% endif %}</td>
                                <td><input form="ai-model-form-{{ model.id }}" class="form-control form-control--compact" type="number" name="timeout_seconds" value="{{ model.timeoutSeconds }}" min="1" max="300"></td>
                                <td><input form="ai-model-form-{{ model.id }}" class="form-control form-control--compact" type="number" name="max_output_tokens" value="{{ model.maxOutputTokens }}" min="1" max="30000"></td>
                                <td>
                                    <input form="ai-model-form-{{ model.id }}" class="form-control form-control--compact" name="temperature" value="{{ model.temperature }}">
                                    <label class="checkbox-row checkbox-row--compact"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="send_temperature" value="1" {{ model.sendTemperature ? 'checked' : '' }}> wysyłaj</label>
                                </td>
                                <td class="ai-model-table__actions">
                                    <details class="ai-model-advanced">
                                        <summary class="button button--tiny button--ghost">Zaawansowane</summary>
                                        <div class="ai-model-advanced__body">
                                            {% if provider == 'openai' %}
                                                <label>Reasoning effort
                                                    <select form="ai-model-form-{{ model.id }}" class="form-control" name="reasoning_effort">
                                                        <option value="" {{ model.reasoningEffort is empty ? 'selected' : '' }}>nie wysyłaj</option>
                                                        {% for effort in ['minimal', 'low', 'medium', 'high'] %}<option value="{{ effort }}" {{ model.reasoningEffort == effort ? 'selected' : '' }}>{{ effort }}</option>{% endfor %}
                                                    </select>
                                                </label>
                                                <label class="checkbox-row"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="send_reasoning_effort" value="1" {{ model.sendReasoningEffort ? 'checked' : '' }}> Wysyłaj reasoning effort</label>
                                                <label class="checkbox-row"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="prompt_cache_enabled" value="1" {{ model.promptCacheEnabled ? 'checked' : '' }}> Prompt cache dla tego modelu</label>
                                                <label>Prompt cache retention<input form="ai-model-form-{{ model.id }}" class="form-control" name="prompt_cache_retention" value="{{ model.promptCacheRetention }}"></label>
                                                <label class="checkbox-row"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="supports_vision" value="1" {{ model.supportsVision ? 'checked' : '' }}> Model wspiera vision/image</label>
                                            {% else %}
                                                <label>Top P<input form="ai-model-form-{{ model.id }}" class="form-control" name="top_p" value="{{ model.topP }}"></label>
                                                <label class="checkbox-row"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="send_top_p" value="1" {{ model.sendTopP ? 'checked' : '' }}> Wysyłaj top_p</label>
                                                <label>Top K<input form="ai-model-form-{{ model.id }}" class="form-control" type="number" name="top_k" value="{{ model.topK }}"></label>
                                                <label class="checkbox-row"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="send_top_k" value="1" {{ model.sendTopK ? 'checked' : '' }}> Wysyłaj top_k</label>
                                                <label class="checkbox-row"><input form="ai-model-form-{{ model.id }}" type="checkbox" name="supports_vision" value="1" {{ model.supportsVision ? 'checked' : '' }}> Model wspiera vision/image</label>
                                            {% endif %}
                                            <label>Notatki<textarea form="ai-model-form-{{ model.id }}" class="form-control" rows="2" name="notes">{{ model.notes }}</textarea></label>
                                        </div>
                                    </details>
                                    <button form="ai-model-form-{{ model.id }}" class="button button--tiny button--primary" type="submit">Zapisz</button>

                                    {% if model.default %}
                                        <form method="post" action="{{ path('app_integrations_ai_model_unset_default', { id: model.id }) }}">
                                            <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_model_unset_default_' ~ model.id) }}">
                                            <button class="button button--tiny button--ghost" type="submit">Odznacz domyślny</button>
                                        </form>
                                    {% else %}
                                        <form method="post" action="{{ path('app_integrations_ai_model_default', { id: model.id }) }}">
                                            <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_model_default_' ~ model.id) }}">
                                            <button class="button button--tiny button--ghost" type="submit">Ustaw domyślny</button>
                                        </form>
                                    {% endif %}
                                    <form method="post" action="{{ path('app_integrations_ai_model_test', { id: model.id }) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_model_test_' ~ model.id) }}">
                                        <button class="button button--tiny button--ghost" type="submit">Test</button>
                                    </form>
                                    <form method="post" action="{{ path('app_integrations_ai_model_disable', { id: model.id }) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_model_disable_' ~ model.id) }}">
                                        <button class="button button--tiny button--danger" type="submit">Wyłącz</button>
                                    </form>
                                </td>
                            </tr>
                        {% else %}
                            <tr><td colspan="8">Brak modeli dla tego providera.</td></tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        {% endfor %}
    </section>

    <section class="panel ai-add-model-panel">
        <div class="panel__header">
            <div>
                <p class="panel__eyebrow">Dodaj model</p>
                <h3 class="panel__section-title">Nowa konfiguracja modelu</h3>
            </div>
        </div>
        <form method="post" action="{{ path('app_integrations_ai_model_add') }}" class="form-grid form-grid--three">
            <input type="hidden" name="_token" value="{{ csrf_token('integrations_ai_model_add') }}">
            <label>Provider
                <select class="form-control" name="provider">
                    <option value="openai">OpenAI</option>
                    <option value="gemini">Gemini</option>
                </select>
            </label>
            <label>Nazwa / label
                <input class="form-control" name="name" placeholder="np. OpenAI nano do opisów">
            </label>
            <label>Model identifier
                <input class="form-control" name="model_identifier" placeholder="np. gpt-5.5-nano albo gemini-2.5-flash" required>
            </label>
            <label>Timeout sekund
                <input class="form-control" type="number" min="1" max="300" name="timeout_seconds" value="90">
            </label>
            <label>Max output tokens
                <input class="form-control" type="number" min="1" max="30000" name="max_output_tokens" value="6000">
            </label>
            <label>Temperature
                <input class="form-control" name="temperature" value="0.7">
            </label>
            <label class="checkbox-row"><input type="checkbox" name="send_temperature" value="1"> Wysyłaj temperature</label>
            <label class="checkbox-row"><input type="checkbox" name="prompt_cache_enabled" value="1"> Prompt cache</label>
            <label class="checkbox-row"><input type="checkbox" name="supports_vision" value="1"> Vision/image</label>
            <div class="form-actions form-actions--full"><button class="button button--primary" type="submit">Dodaj model AI</button></div>
        </form>
    </section>
{% endblock %}