{# templates/Collector/ai_chat.html.twig #}
{% extends '@WebProfiler/Profiler/layout.html.twig' %}

{% block toolbar %}
    {# Optional: Add a toolbar icon or summary here #}
{% endblock %}

{% block menu %}
    <span class="label">
        <span class="icon">{{ include('@WebProfiler/Icon/logger.svg') }}</span>
        <strong>AI Chat</strong>
    </span>
{% endblock %}

{% block panel %}
    <h2>AI Chat Log</h2>
    {% if collector.log is empty %}
        <div class="empty">
            <p>No AI chat log entries.</p>
        </div>
    {% else %}
        <table>
            <thead>
                <tr>
                    <th>Prompt</th>
                    <th>Response</th>
                </tr>
            </thead>
            <tbody>
                {% for entry in collector.log %}
                    <tr>
                        <td><pre>{{ entry.prompt|e }}</pre></td>
                        <td><pre>{{ entry.response|e }}</pre></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endblock %}