{% extends 'base.html' %}

{% block content %}
<div class="container mt-5">
    <h1 class="display-4">Create a New Agent</h1>
    <p class="lead">Define the name and description of your new AI agent.</p>

    <form method="post">
        {% csrf_token %}
        <div class="mb-3">
            <label for="name" class="form-label">Name</label>
            <input type="text" class="form-control" id="name" name="name" placeholder="e.g., 'Customer Support Bot'">
        </div>
        <div class="mb-3">
            <label for="description" class="form-label">Description</label>
            <textarea class="form-control" id="description" name="description" rows="3" placeholder="e.g., 'An AI assistant that answers customer questions.'"></textarea>
        </div>
        <button type="submit" class="btn btn-primary">Create Agent</button>
    </form>
</div>
{% endblock %}
