{% content_for javascripts %}
 {{ 'active_docs.js' | javascript_include_tag }}
{% endcontent_for %}

<script type="text/javascript">
  window.apiSpecsPublicUrls = {};
  {% for api_spec in provider.api_specs %}

    apiSpecsPublicUrls['{{ api_spec.system_name }}'] = '{{ api_spec.api_product_production_public_base_url }}';
  {% endfor %}
</script>

<script type="text/javascript">

  function domId(systemName) {
    return "swagger-ui-container-" + systemName;
  }

  function appendSwaggerSectionHtml(systemName) {
    var swaggerDiv = '<div id="' + domId(systemName) + '" class="swagger-ui-wrap"></div>';
    $(".swagger-section").append(swaggerDiv);
  }

  function swaggerSpecUrl(systemName) {
    return '/swagger/spec/' + systemName + '.json';
  }

  function loadSwaggerUI(systemName) {

    var publicUrl = window.apiSpecsPublicUrls[systemName];
    var serviceEndpoint = publicUrl == "" ? null : publicUrl;

    SwaggerUI({ url: swaggerSpecUrl(systemName), dom_id: "#" + domId(systemName)}, serviceEndpoint);
  }

  function getPublishedSpecs() {
    $.ajax({
      method: "GET",
      url: "/api_docs/services.json",
      success: function (data) {
        var publishedSpecs = data.apis.map(spec => spec.system_name);
        for (var spec of publishedSpecs) {
          appendSwaggerSectionHtml(spec);
          loadSwaggerUI(spec);
        }
      },
      error: function (error) {
        console.error("Error: ");
        console.error(error);
      }
    });
  }

  (function() {
    getPublishedSpecs();
  }());

</script>


<h1>Documentation</h1>

<div class="swagger-section">
 <div id="message-bar" class="swagger-ui-wrap"></div>
</div>