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

{% block title %}Ustawienia ogólne | micey-projects{% endblock %}

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

    <section class="panel panel--hero">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Ustawienia</p>
                <h2 class="panel__title">Ustawienia ogólne</h2>
                <p class="panel__text">
                    Konfigurujesz tu tryb pracy AI, tryb test/API i połączenie z OpenAI Responses API.
                </p>
            </div>
            <a href="{{ path('app_ai_studio') }}" class="button button--ghost">AI Studio</a>
        </div>
    </section>

    <section class="panel">
        <form method="post" class="stack-form">
            <input type="hidden" name="_token" value="{{ csrf_token('settings_general_ai') }}">

            <h3 class="panel__section-title">Tryb pracy AI</h3>

            <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 — klikam przycisk w projekcie</option>
                        <option value="automatic" {{ ai_settings.ai_dispatch_mode == 'automatic' ? 'selected' : '' }}>Automatyczny — po zmianie statusu projektu</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 — pokazuje JSON i pozwala wgrać odpowiedź AI</option>
                        <option value="api" {{ ai_settings.ai_execution_mode == 'api' ? 'selected' : '' }}>API — realne wywołanie OpenAI</option>
                    </select>
                </label>

                <label>Status uruchamiający tryb automatyczny
                    <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>
            </div>

            <h3 class="panel__section-title mt-3">OpenAI API</h3>

            <div class="presta-warning-box">
                API key nie jest pokazywany po zapisie. Status:
                <strong>{{ ai_settings.ai_openai_api_key_configured == '1' ? 'API key ustawiony' : 'API key nieustawiony' }}</strong>.
                Parametr temperature jest domyślnie niewysyłany, bo część modeli go nie obsługuje. TODO 6C: dodać szyfrowanie sekretów lub przenieść klucz do zmiennej środowiskowej.
            </div>

            <div class="form-grid form-grid--two">
                <label>Provider
                    <input class="form-control" value="OpenAI" disabled>
                    <input type="hidden" name="ai_provider" value="openai">
                </label>

                <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>Model
                    <input class="form-control" name="ai_openai_model" value="{{ ai_settings.ai_openai_model }}">
                </label>

                <label>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>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>Temperature
                    <input class="form-control" type="text" name="ai_openai_temperature" value="{{ ai_settings.ai_openai_temperature }}">
                    <small class="form-help">Używane tylko wtedy, gdy włączysz opcję poniżej i model wspiera ten parametr.</small>
                </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 parametr temperature do OpenAI
                </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 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>

                <label class="checkbox-row">
                    <input type="checkbox" name="ai_api_run_after_create" value="1" {{ ai_settings.ai_api_run_after_create == '1' ? 'checked' : '' }}>
                    Po kliknięciu „Generuj draft AI” od razu uruchom API
                </label>
            </div>

            <h3 class="panel__section-title mt-3">Obraz projektu dla AI Vision</h3>

            <div class="presta-warning-box">
                Domyślnie obraz projektu nie jest wysyłany do AI. Włącz tę opcję dopiero wtedy, gdy chcesz,
                aby model analizował główną grafikę projektu: tekst na grafice, motyw, styl, emocję i kolory.
                Base64 obrazu nie będzie zapisywany w logach.
            </div>

            <div class="form-grid form-grid--two">
                <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 OpenAI
                </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>

            <h3 class="panel__section-title mt-3">Prompt caching</h3>

            <div class="presta-warning-box">
                Prompt caching działa najlepiej, gdy początek promptu jest identyczny. Static prefix nie może zawierać
                danych projektu, daty, job ID, notatki użytkownika ani obrazu. Zmiana instrukcji lub słowników może wymagać
                podbicia wersji static prefix.
            </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>Strategia cache key
                    <select class="form-control" name="ai_prompt_cache_key_strategy">
                        <option value="profile_platform_schema" {{ ai_settings.ai_prompt_cache_key_strategy == 'profile_platform_schema' ? 'selected' : '' }}>profile_platform_schema</option>
                    </select>
                </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>
            </div>

            <div class="form-actions">
                <button class="button button--primary" type="submit">Zapisz ustawienia AI/OpenAI</button>
            </div>
        </form>

        <form method="post" action="{{ path('app_settings_ai_test_openai') }}" class="mt-3">
            <input type="hidden" name="_token" value="{{ csrf_token('settings_ai_test_openai') }}">
            <button class="button button--ghost" type="submit">Testuj połączenie OpenAI</button>
        </form>
    </section>
{% endblock %}