{% extends "top_level_base.html" %}

{% load static compress %}

{% block extra_head %}
    {{ block.super }}
    {% compress js %}
        <script src='{% static "js/global_settings.js" %}'></script>
    {% endcompress %}
    {% compress css %}
        <link type='text/css' href='{% static "css/global_settings.css" %}' rel="stylesheet">
    {% endcompress %}
{% endblock %}

{% block content %}
    {% include "sidebar_top_level.html" %}
    <div id="top-level-content">
        <div id="top">
            <div id="top-page-tabs">
                <a href="#callhome" class="tab" data-url="{% url 'call_home_settings' %}">Call Home</a>
                <a href="#cert" class="tab" data-url="{% url 'certificate_settings' %}">SSL Certificate</a>
                <a href="#auth" class="tab" data-url="{% url 'authentication_settings' %}">Authentication</a>
                <a href="#session" class="tab" data-url="{% url 'session_settings' %}">Session</a>
                <a href="#collection" class="tab" data-url="{% url 'metrics_collection_settings' %}">Data Collection</a>
                <a href="#events" class="tab" data-url="{% url 'edit_default_events_system_settings' %}">Events</a>
            </div>
        </div>

        <div id="tab-content-container">
        </div>
        <div id="success-popover" class="popover"></div>
    </div>
{% endblock %}