{% extends "base.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}

{# Template to display/configure an App, used by views.AppView #}

{% load bootstrap %}
{% load i18n %}
{% load plinth_extras %}
{% load static %}

{% block content %}

  {% include "app-header.html" %}

  {% include "toolbar.html" with enabled=is_enabled %}

  {% block subsubmenu %}
    {% if subsubmenu %}
      {% show_subsubmenu subsubmenu %}
    {% endif %}
  {% endblock %}

  {% block status %}
    {% if show_status_block %}
      <h3>{% trans "Status" %}</h3>
      <p class="running-status-parent">
        {% with service_name=app_info.name %}
          {% if is_running %}
            <span class="running-status active"></span>
            {% blocktrans trimmed %}
              Service <em>{{ service_name }}</em> is running.
            {% endblocktrans %}
          {% else %}
            <span class="running-status inactive"></span>
            {% blocktrans trimmed %}
              Service <em>{{ service_name }}</em> is not running.
            {% endblocktrans %}
          {% endif %}
        {% endwith %}
      </p>
    {% endif %}
  {% endblock %}

  {% block internal_zone %}
    {% include "internal-zone.html" %}
  {% endblock %}

  {% block port_forwarding_info %}
    {% include "port-forwarding-info.html" with service_name=name %}
  {% endblock %}

  {% block configuration %}
    <h3>{% trans "Configuration" %}</h3>
    <form id="app-form" class="form form-configuration" method="post">
      {% csrf_token %}

      {{ form|bootstrap }}

      <input type="submit" class="btn btn-primary"
            value="{% trans "Update setup" %}"/>
    </form>
  {% endblock %}

  <script src="{% static 'theme/js/app.template.js' %}"></script>
{% endblock %}
