{% extends "base_public.html" %}
{% from "components/sidenav_item.html" import SidenavItem %}

{% block title %}Help | JEDI Cloud{% endblock %}


{% block content %}
  <div class='global-layout'>
    <div class='global-navigation sidenav'>
      <ul>

        {{ SidenavItem("JEDI Cloud Help",
          href = url_for("atst.helpdocs"),
          active = not doc,
          icon='help'
        )}}

        {% for doc_item in docs %}
          {% set active = doc and doc == doc_item %}

          {{ SidenavItem(doc_item | title,
            href = url_for("atst.helpdocs", doc=doc_item),
            active = active,
            subnav = subnav or None
          )}}
        {% endfor %}

      </ul>
    </div>


    <div class='global-panel-container'>

      <div class='panel'>
        <div class='panel__heading panel__heading--divider'>
          <h1>
            {% if doc %}
              <div class='h4'>JEDI Cloud Help Documentation</div>
              <div class='h1'>{{ doc | title }}</div>
            {% else %}
              <div class='h1'>JEDI Cloud Help Documentation</span>
            {% endif %}
          </h1>
        </div>

        <div class='panel__content'>

          {% block doc_content %}
            <p>Welcome to the JEDI Cloud help documentation.</p>
          {% endblock %}

        </div>
      </div>
    </div>

  </div>
{% endblock %}
