{% extends "layout.html" %}
{% block title %}API endpoints{% endblock %}
{% block content %}

<nav class="bread-crumbs">
  <ul>
    <li><a href="/">API</a></li>
    <li>/</li>
    <li>endpoints</li>
  </ul>
</nav>
<div class="api-doc">
  This lists the current API endpoints for version 1. For a more general description, please refer
  to <a href="/api/">the main documentation</a>.

  <noscript>
  <p>
    <ul>
    {% for route, doc in doc_routes %}
      <li><a href="#{{ route }}">{{ route }}</a></li>
    {% endfor %}
    </ul>
  </p>
  </noscript>
</div>

<div class="api-doc table-responsive">
  <table class="table table-striped search-res swhtable">
    <thead class="thead-default">
      <th>Route</th>
      <th>Status</th>
      <th>Description</th>
    </thead>
    <tbody>
      {% for route, doc in doc_routes %}
      <tr class="api-doc-route{% for tag in doc['tags'] %} api-doc-route-{{ tag }} {% endfor %}">
        {% if 'tags' in doc and doc['tags'] is not none %}
        <td id="{{ route }}">{{ route }}</td>
        <td>{{ ', '.join(doc['tags']) }}</td>
        {% else %}
        <td id="{{ route }}"><a href="{{ route }}">{{ route }}</a></td>
        <td>opened</td>
        {% endif %}
        <td>{{ doc['docstring'] | safe_docstring_display | safe }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<script type="text/javascript">
  $(document).ready(function() {
    $('table.swhtable').DataTable({
         "paging": false,
         "info": false,
         "order": [[1, "asc"]]
      });
    $(".dataTables_filter input").addClass("form-control")

  });
</script>
{% endblock %}