{% extends "rest_framework/base.html" %}

{% block title %}InfiniMetrics API Browser{% endblock %}

{% block style %}
    {{ block.super }}
    {% include "favicon.html" %}
    <link rel="stylesheet" type="text/css" href="/static/css/api.css"/>
{% endblock %}

{% block branding %}
    <a class='navbar-brand' href='/api/rest/'>InfiniMetrics API Browser</a>
{% endblock %}

{% block description %}
    {% if breadcrumblist|length == 1 %}
        {% include "rest_framework/api_root.html" %}
        <script>
            document.getElementsByTagName('h1')[0].innerText = 'InfiniMetrics API';
        </script>
    {% else %}
        {{ block.super }}
    {% endif %}
    <h3 id="explorer">API Explorer</h3>
{% endblock %}

{% block body %}
    {% with "" as filter_form %}
        {{ block.super }}
    {% endwith %}
{% endblock %}

{% block script %}
    {{ block.super }}
    <script>
        // Move the buttons close to the API Explorer
        $('#get-form .dropdown-menu li:last-child').detach();
        $('#get-form, form.button-form').detach().appendTo('#explorer');
        $('#explorer').append('<span>HTTP Method:</span>');
        {% if response.status_code == 401 or response.status_code == 403 %}
            $('.response-info .meta > b').eq(0).append('<a class="login" href="{% url "imx_login" %}?next={{ request.get_full_path|urlencode }}"></a>');
        {% endif %}
    </script>
{% endblock %}