{% extends 'eval/base.html' %}
{% load static %}
{% block title %}New Prompt | Eval Admin{% endblock %}

{% block action_bar %}
<c-detail-nav
  back_url="{% url 'Eval:prompt_library' %}{% if subagent_key %}?subagent={{ subagent_key }}{% endif %}"
  back_label="Prompt Library"
  title="{% if is_clone %}Clone Prompt{% else %}New Prompt{% endif %}{% if subagent_display_name %} — {{ subagent_display_name }}{% endif %}"
/>
{% endblock %}

{% block content %}
<div x-data="promptCreator()"
     x-init="initFormGuard()"
     data-subagent="{{ subagent_key }}"
     data-initial-label="{{ initial_label }}"
     data-initial-prompt="{{ initial_prompt|escape }}"
     data-source-label="{{ source_label }}"
     data-is-clone="{% if is_clone %}true{% else %}false{% endif %}"
     class="max-w-4xl space-y-4">

    {% include 'eval/components/_prompt_form.html' with mode='create' %}
</div>

<script id="subagents-json" type="application/json">{{ subagents_json|safe }}</script>
<script id="diff-targets-json" type="application/json">{{ diff_targets_json|safe }}</script>
{% endblock %}

{% block extra_scripts %}
<script src="{% static 'eval/js/eval-prompt-creator.js' %}"></script>
{% endblock %}