{% extends "basic/layout.html" %}

{%- block extrahead %}
    <!-- Load Bootstrap CSS and Javascript (Javascript is needed for the navbar toggle) -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

    <!-- Load the theme's CSS. -->
    <link rel="stylesheet" href="{{ pathto('_static/css/amunra.css', 1) }}" type="text/css" />

    {% if theme_analytics_id %}
      <!-- Google Analytics -->
      <script async src="https://www.googletagmanager.com/gtag/js?id={{ theme_analytics_id }}"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{{ theme_analytics_id }}');
      </script>
    {% endif %}
{% endblock %}


{%- block header %}
<header>
<nav class="navbar navbar-expand-lg navbar-light border-bottom">
  <div class="container">
    <a class="navbar-brand" href="{{ pathto('index') }}">{{ theme_navbar_title if theme_navbar_title else project }}</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarsExample07">

    {% if theme_navbar_links %}
      <!-- Custom navbar -->
      <ul class="navbar-nav mr-auto">
        {%- for link in theme_navbar_links %}
          {% if pagename == link[1] %}
          <li class="nav-item active">
          {% else %}
          <li class="nav-item">
          {% endif %}
            <a class="nav-link" href="{{ pathto(*link[1:]) }}">{{ link[0] }}</a>
          </li>
        {%- endfor %}
      </ul>
    {% else %}
      <!-- Use the standard sphinx toctree(), but add bootstrap styles. -->
      {{ toctree(includehidden=True, maxdepth=1)
          | replace("<ul>", "<ul class=\"navbar-nav mr-auto\">")
          | replace("<ul class=\"", "<ul class=\"navbar-nav mr-auto ")
          | replace("<li class=\"", "<li class=\"nav-item ")
          | replace("<a class=\"", "<a class=\"nav-link ")
          | replace("current", "current active")
      }}

    {% endif %}

        <form class="form-inline my-2 my-md-0 ml-auto" action="{{ pathto('search') }}" method="get">
            <input class="form-control" type="text" placeholder="Search" aria-label="Search" name="q" />
        </form>

        <!-- GitHub icon -->
        {% if theme_github_link %}
          <a href="{{ theme_github_link }}">
            <svg class="github-icon" viewBox="0 0 16 16" version="1.1" height="22" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
          </a>
        {% endif %}
    </div>
  </div>
</nav>
</header>
{% endblock %}


{%- block content %}
<div class="container">
    {% block body %}{% endblock %}
</div>
{%- endblock %}


{%- block footer %}
<div class="container footer">
    <hr>
    <p class="text-center">
      {% if theme_footer_text %}
        {{ theme_footer_text }}
      {% else %}
        {{ copyright }}
      {% endif %}
    </p>
</div>
{%- endblock %}

{%- block relbar1 %}{% endblock %}
{%- block relbar2 %}{% endblock %}