{% extends "admin/change_form.html" %}
{% load i18n admin_urls static admin_list %}

{% block extrastyle %}
  {{ block.super }}
  <style>
    /* Keep page within viewport and allow horizontal scroll for wide tables */
    .change-form { max-width: 100%; overflow-x: hidden; }
    .inline-group { overflow-x: auto; }
    .inline-group table { table-layout: fixed; width: 100%; }
    .inline-group table th, .inline-group table td { white-space: nowrap; }
    /* Make textareas fill width */
    textarea { width: 100% !important; min-height: 120px; }
    /* Adjust numeric inputs smaller */
    input[type=number] { width: 90px; }
    /* Make select boxes reasonable width */
    .related-widget-wrapper select, select { min-width: 260px; }
    .inline-action { margin: 8px 0 16px; }
    /* Green Save & Send button */
    .btn-save-send { background-color: #28a745 !important; border-color: #28a745 !important; color: #fff !important; }
    .btn-save-send:hover, .btn-save-send:focus { background-color: #218838 !important; border-color: #1e7e34 !important; color: #fff !important; }
    /* Hide labels (and colons) for regen action rows */
    .form-row.field-regen_controls_action label,
    .form-row.field-regen_keyfindings_action label,
    .form-row.field-regen_document_action label,
    .form-row.field-regen_note_action label,
    .form-row.field-regen_recommendations_action label { display: none; }
    .form-row.field-regen_top_risks_action label { display: none; }
    .form-row.field-regen_controls_action { display: none !important; }
    .form-row label:empty { display: none; !important; }
    .ai-callout {
      margin: 8px 0 0;
      padding: 10px 12px;
      border-left: 4px solid #2f80ed;
      border-radius: 4px;
      background: #e8f4ff;
      color: #0c3b66;
      box-shadow: 0 1px 0 rgba(0,0,0,0.04), 0 0 0 1px rgba(13, 110, 253, 0.06) inset;
      font-size: 13px;
      line-height: 1.35;
    }
  </style>
{% endblock %}

{% block content %}
  <h2 style="margin-top:0">Review and Edit Document</h2>
  <p>Use the Regenerate buttons inside each section to update content. When ready, Save and Send.</p>
  {{ block.super }}
{% endblock %}
{% block field_sets %}
  {% for fieldset in adminform %}
    {% include "admin/includes/fieldset.html" %}
    {% if forloop.first %}
      {% for inline_admin_formset in inline_admin_formsets %}
        {% include inline_admin_formset.opts.template %}
      {% endfor %}
    {% endif %}
  {% endfor %}
{% endblock %}

{% block inline_field_sets %}{% endblock %}


{% block submit_buttons_bottom %}
  {{ block.super }}
{% endblock %}

{% block footer %}
  {{ block.super }}
  <script>
    (function() {
      function addSaveSendButton() {
        document.querySelectorAll('.submit-row').forEach(function(row){
          var saveBtn = row.querySelector('input[name="_save"]');
          if (saveBtn && !row.querySelector('button[name="_save_send"]')) {
            saveBtn.insertAdjacentHTML('afterend', '\n<button type="submit" name="_save_send" class="button btn-save-send">Save and Send</button>');
          }
        });
      }

      function addRegenControlsInsideInline() {
        var inlineGroup = document.getElementById('documentriskcontrol_set-group');
        if (!inlineGroup) {
          document.querySelectorAll('.inline-group').forEach(function(g){
            if (inlineGroup) return;
            var h2 = g.querySelector('h2');
            if (h2 && /document risk controls/i.test(h2.textContent)) {
              inlineGroup = g;
            }
          });
        }
        if (!inlineGroup) return;

        if (inlineGroup.querySelector('button[name="_regen_controls"]')) return;

        var h2 = inlineGroup.querySelector('h2') || inlineGroup.firstElementChild;
        (h2 || inlineGroup).insertAdjacentHTML('afterend',
          '<div class="inline-action">' +
            '<div class="ai-callout ai-callout-info">' +
              '💡 <strong>Recommended:</strong> after regenerating controls, also update Key Findings and Recommendations.' +
            '</div>' +
            '<br/>' +
            '<button type="submit" name="_regen_controls" class="button">Regenerate Controls using AI</button>' +
            '<br/>'+
            '</div>'
        );
      }
      addSaveSendButton();
      addRegenControlsInsideInline();
      document.addEventListener('formset:added', addSaveSendButton);
      document.addEventListener('formset:removed', addSaveSendButton);
    })();
  </script>
{% endblock %}