{% extends 'base.html' %}

{% block title %}{{ agent.name }} - AI Agent{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row">
        <div class="col-lg-8 offset-lg-2">
            <div class="agent-detail-header text-center mb-4">
                <h1 class="display-4">{{ agent.name }}</h1>
            </div>
            <div class="agent-detail-body">
                <p class="lead">{{ agent.description }}</p>
                <!-- Add more agent details here as needed -->
            </div>
        </div>
    </div>
</div>
{% endblock %}