{% 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-success">
          <h2 class="card-header">{{ action_label }} Change Plan</h2>
          <div class="card-body">
            <p>
              Record the second independent approval for <strong>{{ change_plan }}</strong>.
            </p>
            {% for field in form.visible_fields %}
              <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 %}
          </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:'success' }}">{{ action_label }}</button>
          </div>
        </div>
      </form>
    </div>
  </div>
{% endblock %}