{% extends "cacsremoteservice/views/layouts/master.html" %}

{% block site-nav %}
{% include "cacsremoteservice/views/partials/site-nav.html" with active="configuration" %}
{% endblock %}

{% block scripts %}
<script type="text/javascript">
  const data = {
    pages: {{ pages|json|safe }}
  };
  const options = {
    submitUrl: '{{view-context}}/configuration/plugins',
    csrfToken: 'not-used',
    permissionToUpdate: 'true'
  };
  codescene.views.settingsPages.init(
    $('#configuration-extensions-container'),
    data,
    options
  );
</script>
{% endblock %}

{% block main %}

{% include "cacsremoteservice/views/configuration/config-header.html" with configuration-tabs=configuration-tabs %}

<div id="page-body" class="configuration-view">

  <div class="text-content">
    {% if plugins|not-empty %}
    <div class="title-area">
      <h1>Plugin Configuration
        <a href="{{view-context}}/docs/integrations/plugins/codescene-plugins.html" target="_blank" class="help-link pull-right">
          <i class="fa fa-question-circle"></i>
        </a>
      </h1>
      <div class="alert-caution-block">
          <em>
            <strong>Deprecation warning:</strong>
            The plugin system is deprecated and will soon be removed.
          </em>
      </div>
      {% if pages|not-empty %}
      <h2>Installed Plugins</h2>

      <table class="table table-striped table-hover">
        <thead>
        <tr>
          <th>ID</th>
          <th>Description</th>
          <th>Provider</th>
          <th>Version</th>
          <th>Status</th>
        </tr>
        </thead>
        <tbody>
        {% for plugin in plugins|sort-by:id %}
        <tr>
          <td>{{plugin.id}}</td>
          <td>{{plugin.description}}</td>
          <td>{{plugin.provider}}</td>
          <td>{{plugin.version}}</td>
          <td>{{plugin.state|capitalize}}</td>
        </tr>
        {% endfor %}
        </tbody>
      </table>

      <h2>Plugin Settings</h2>
      <p class="lead text-muted">
        Configure settings defined by dynamically loaded plugins. Read more about plugins in
        <a href="{{view-context}}/docs/integrations/plugins/codescene-plugins.html" target="_blank">the documentation.</a>
      </p>
      <div id="configuration-extensions-container">
      </div>
      {% endif %}
    </div>
    {% else %}
    <div class="title-area">
      <h1>Plugin Configuration
        <a href="{{view-context}}/docs/integrations/plugins/codescene-plugins.html" target="_blank" class="help-link pull-right">
          <i class="fa fa-question-circle"></i>
        </a>
      </h1>
      <p class="lead text-muted">No plugins are currently installed</p>
    </div>
    <p>See <a href="{{view-context}}/docs/integrations/plugins/codescene-plugins.html" target="_blank">the documentation</a>
      for information about how to install plugins.</p>
    <div class="help-block">
      <p>Plugins are a powerful mechanism to add custom data to your analyses. Using plugins, you can add add new
        information to your analysis projects such as code coverage data, information from other tools like code
        linters, incident management systems, and more. Read more about plugins in
        <a href="{{view-context}}/docs/integrations/plugins/codescene-plugins.html" target="_blank">the
          documentation.</a>
      </p>
    </div>
    {% endif %}
  </div>
</div>


{% endblock %}