{% extends "addons/addon_base.html" %}

{% load crispy_forms_tags i18n permissions static translations %}

{% block addon_content %}

  {% if form %}
    <form method="post" id="addon-form">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">
            {% if addon %}
              {% documentation_icon 'admin/addons' addon.doc_anchor right=True %}
            {% endif %}
            {% translate "Configure add-on" %}
          </h4>
        </div>
        <div class="card-body">
          <input type="hidden" name="form" value="1" />
          <input type="hidden"
                 name="name"
                 value="{% if instance %}{{ instance.name }}{% else %}{{ addon.name }}{% endif %}" />
          {% crispy form %}
        </div>
        <div class="card-footer">
          <input type="submit" value="{% translate "Save" %}" class="btn btn-primary" />
          {% if instance and addon.has_preview %}
            <button type="submit"
                    name="preview"
                    value="1"
                    class="btn btn-primary">{% translate "Preview without changes" %}</button>
          {% endif %}
        </div>
      </div>
    </form>
  {% else %}
    <p class="help-block">{% translate "This add-on has no settings." %}</p>
  {% endif %}

  {% if preview_result %}
    <section aria-labelledby="automation-preview-title">
      <h2 id="automation-preview-title">{% translate "Automation preview" %}</h2>
      <p>{% translate "No operations were executed. Conditions depending on planned changes are shown as unknown." %}</p>
      <pre>{{ preview_result }}</pre>
    </section>
  {% endif %}

  {% if instance and instance.can_run_manually %}
    <form method="post">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">{% translate "Run add-on" %}</h4>
        </div>
        <div class="card-body">
          {% csrf_token %}
          <p>{% translate "Schedule this add-on to run as soon as possible." %}</p>
        </div>
        <div class="card-footer">
          <button type="submit" name="run" value="1" class="btn btn-primary">{% translate "Run now" %}</button>
        </div>
      </div>
    </form>
  {% endif %}

  {% if instance %}
    <form method="post">
      <div class="card">
        <div class="card-header text-bg-danger">
          <h4 class="card-title">{% translate "Danger zone" %}</h4>
        </div>
        <div class="card-body">
          {% csrf_token %}
          <p>{% translate "Uninstalling the add-on stops it from running and removes its configuration." %}</p>
        </div>
        <div class="card-footer">
          <button type="submit" name="delete" value="1" class="btn btn-danger">{% translate "Uninstall" %}</button>
        </div>
      </div>
    </form>
  {% endif %}

{% endblock addon_content %}

{% block extra_script %}
  {{ block.super }}
  {% if form.fields.event_filter %}
    <script defer src="{% static 'js/addon-events.js' %}"></script>
  {% endif %}
  {% if form.guided_presets %}
    <script defer src="{% static 'js/addon-discovery.js' %}"></script>
  {% endif %}
{% endblock extra_script %}