{% load static %}
{% if ask_ai_enabled %}
<div class="ask-ai-admin-panel module" data-ask-admin
     data-ask-url="{{ ask_ai_url|default:'ask/' }}"
     {% if ask_ai_explain_url %}data-ask-explain-url="{{ ask_ai_explain_url }}"{% endif %}
     {% if ask_ai_object_id %}data-ask-object-id="{{ ask_ai_object_id }}"{% endif %}>
  <h2>Ask AI</h2>
  {% if ask_ai_object_id %}
  <p class="ask-ai-hint">Anchored to this record — try “Explain this record” or ask about its fields.</p>
  {% endif %}
  {% if ask_ai_suggestions %}
  <div class="ask-ai-suggestions" data-ask-suggestions>
    {% for s in ask_ai_suggestions %}
    <button type="button" class="ask-ai-suggestion" data-ask-suggestion>{{ s }}</button>
    {% endfor %}
  </div>
  {% endif %}
  <div class="ask-ai-log" data-ask-log></div>
  {# no <form>: the admin changelist already wraps this block in one, and #}
  {# nested forms are silently dropped by the HTML parser #}
  <div data-ask-form>
    {% csrf_token %}
    <div class="ask-ai-row">
      <input type="text" name="ask_ai_question" placeholder="Ask about this data…"
             autocomplete="off" data-ask-input>
      <button type="button" data-ask-submit>Ask</button>
      {% if ask_ai_object_id and ask_ai_explain_url %}
      <button type="button" class="ask-ai-explain" data-ask-explain title="Summarize this record safely">Explain this record</button>
      {% endif %}
    </div>
  </div>
</div>
<link rel="stylesheet" href="{% static 'django_ask_ai/widget.css' %}">
<script src="{% static 'django_ask_ai/admin_panel.js' %}" defer></script>
{% endif %}