{% extends 'base.html.twig' %}

{% block title %}AI Actions{% endblock %}

{% block body %}
    <div class="container mx-auto px-4 py-8">
        <h1 class="text-3xl font-bold mb-6">Recent AI Actions</h1>
        
        <div class="grid gap-4">
            {% for action in actions %}
                <div class="bg-white rounded-lg shadow p-6">
                    <div class="flex justify-between items-start">
                        <div>
                            <h2 class="text-xl font-semibold text-gray-800">{{ action.action }}</h2>
                            <p class="text-gray-600 mt-2">{{ action.description }}</p>
                            {% if action.agent %}
                                <a href="{{ path('app_ai_actions_agent', {'agent': action.agent}) }}" 
                                   class="text-blue-600 hover:text-blue-800 mt-2 inline-block">
                                    View all actions by {{ action.agent }}
                                </a>
                            {% endif %}
                        </div>
                        <div class="text-sm text-gray-500">
                            {{ action.createdAt|date('Y-m-d H:i:s') }}
                        </div>
                    </div>
                    {% if action.context %}
                        <div class="mt-4">
                            <pre class="bg-gray-100 p-4 rounded text-sm overflow-x-auto">{{ action.context|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>
                        </div>
                    {% endif %}
                </div>
            {% else %}
                <div class="text-center text-gray-500 py-8">
                    No actions found
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}