{% extends 'generic/_base.html' %}

{% block title %}{{ action_label }} {{ change_plan }}{% endblock %}

{% block content %}
  <div class="row mt-5">
    <div class="col col-md-8 offset-md-2">
      <form action="" method="post" class="form">
        {% csrf_token %}
        {% for field in form.hidden_fields %}
          {{ field }}
        {% endfor %}
        <div class="card border-warning">
          <h2 class="card-header">{{ action_label }} ROA Change Plan</h2>
          <div class="card-body">
            <p>
              {% if action_label == 'Approve' %}
                Approve <strong>{{ change_plan }}</strong> for provider execution.
              {% else %}
                Apply <strong>{{ change_plan }}</strong> to the configured provider and trigger a follow-up provider sync.
              {% endif %}
            </p>
            {% if show_governance_inputs %}
              {% for field in form.visible_fields %}
                {% if field.name == 'acknowledged_findings' and field.field.queryset.exists %}
                  <h5 class="mt-4">New Acknowledgements Required</h5>
                {% elif field.name == 'previously_acknowledged_findings' and field.field.queryset.exists %}
                  <div class="alert alert-secondary mt-4 mb-3">
                    <strong>Re-Confirm Previously Acknowledged Findings</strong>
                  </div>
                {% endif %}
                <div class="mb-3">
                  <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                  {{ field }}
                  {% if field.help_text %}
                    <div class="form-text">{{ field.help_text }}</div>
                  {% endif %}
                  {% for error in field.errors %}
                    <div class="text-danger">{{ error }}</div>
                  {% endfor %}
                </div>
              {% endfor %}
            {% elif change_plan.has_governance_metadata %}
              <h5>Governance Metadata</h5>
              <dl class="row">
                <dt class="col-sm-4">Ticket Reference</dt>
                <dd class="col-sm-8">{{ change_plan.ticket_reference|default:'None' }}</dd>
                <dt class="col-sm-4">Change Reference</dt>
                <dd class="col-sm-8">{{ change_plan.change_reference|default:'None' }}</dd>
                <dt class="col-sm-4">Maintenance Window Start</dt>
                <dd class="col-sm-8">{{ change_plan.maintenance_window_start|default:'None' }}</dd>
                <dt class="col-sm-4">Maintenance Window End</dt>
                <dd class="col-sm-8">{{ change_plan.maintenance_window_end|default:'None' }}</dd>
              </dl>
            {% endif %}
            {% if delta %}
              <h5>Outbound Delta</h5>
              <pre class="mb-0"><code>{{ delta }}</code></pre>
            {% endif %}
          </div>
          <div class="card-footer text-end">
            <a href="{{ return_url }}" class="btn btn-outline-secondary">Cancel</a>
            <button type="submit" name="_confirm" class="btn btn-{{ button_class|default:'primary' }}">{{ action_label }}</button>
          </div>
        </div>
      </form>
    </div>
  </div>
{% endblock %}