{% extends "base.html" %}
{% load hc_extras %}


{% block content %}
<div class="row">
    <div class="col-sm-3">

    <ul class="docs-nav">
        <li class="nav-header">Monitoring</li>
        <li {% if section == "introduction" %} class="active"{% endif %}>
            <a href="{% url 'hc-docs' %}">Introduction</a>
        </li>
        {% include "front/docs_nav_item.html" with slug="monitoring_cron_jobs" title="Monitoring cron jobs" %}
        {% include "front/docs_nav_item.html" with slug="configuring_checks" title="Configuring checks" %}

        <li class="nav-header">Pinging Examples</li>
        {% include "front/docs_nav_item.html" with slug="http_api" title="HTTP API" %}
        {% include "front/docs_nav_item.html" with slug="bash" title="Shell Scripts" %}
        {% include "front/docs_nav_item.html" with slug="python" title="Python" %}
        {% include "front/docs_nav_item.html" with slug="ruby" title="Ruby" %}
        {% include "front/docs_nav_item.html" with slug="php" title="PHP" %}
        {% include "front/docs_nav_item.html" with slug="csharp" title="C#" %}
        {% include "front/docs_nav_item.html" with slug="javascript" title="Javascript" %}
        {% include "front/docs_nav_item.html" with slug="powershell" title="PowerShell" %}
        {% include "front/docs_nav_item.html" with slug="email" title="Email" %}

        <li class="nav-header">Guides</li>
        {% include "front/docs_nav_item.html" with slug="signalling_failures" title="Signalling failures" %}
        {% include "front/docs_nav_item.html" with slug="measuring_script_run_time" title="Measuring script run time" %}
        {% include "front/docs_nav_item.html" with slug="attaching_logs" title="Attaching logs" %}

        <li class="nav-header">Developer Tools</li>
        <li{% if section == "api" %} class="active"{% endif %}>
            <a href="{% url 'hc-docs-api' %}">Management API</a>
        </li>
        {% include "front/docs_nav_item.html" with slug="resources" title="Third-party resources" %}

        <li class="nav-header">Cron</li>
        <li><a href="{% url 'hc-docs-cron' %}">Cron Syntax Cheatsheet</a></li>
    </ul>

    </div>
    <div class="col-sm-9">
        {% block docs_content %}
        {% endblock %}
    </div>
</div>
{% endblock %}