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

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

{% block body %}
    <div class="container mx-auto px-4 py-8">
        <div class="flex justify-between items-center mb-6">
            <h1 class="text-3xl font-bold">Actions by {{ agent }}</h1>
            <a href="{{ path('app_ai_actions_index') }}" class="text-blue-600 hover:text-blue-800">
                ← Back to all actions
            </a>
        </div>
        
        <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>
                        </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 for this agent
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}