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

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

{% block secondary-nav %}
{% include "cacsremoteservice/views/projects/project-header.html" with project=item tabs=tabs %}
{% endblock %}

{% block main %}
<div class="project-plugins-view" id="page-body">
    {% include "cacsremoteservice/views/partials/validation-errors.html" %}
    <div class="text-content">
        <div class="title-area">
            <h1>Project 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 %}
            <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>
            {% endif %}
        </div>
        <div id="configuration-extensions-container">
        </div>
    </div>
</div>
{% endblock %}