{% extends "!layout.html" %}

{% block htmltitle %}
  {{ super() }}
  <!-- htmltitle is before nature.css - we use this hack to load bootstrap first -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="{{ pathto('_static/css/bootstrap.min.css', 1) }}" media="screen" />
{% endblock %}

<!-- sidebar -->
{% block extrahead %}
  {% if pagename != 'index' %}
   {% if theme_collapsiblesidebar|tobool %}
       <script type="text/javascript" src="{{ pathto('_static/sidebar.js', 1) }}"></script>
   {% endif %}
  {% endif %}
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src="{{ pathto('_static/js/bootstrap.min.js', 1)}}" type="text/javascript"></script>

  <script src="{{ pathto('_static/js/angular.min.js', 1)}}" type="text/javascript"></script>
  <script type="text/javascript">
    var app = angular.module("navApp", []);
    app.controller('navCtrl', ['$scope', '$window', function($scope, $window) {
      $scope.isActive = function (viewLocation) {
        var rel = $window.location.pathname.split("/")
        rel = rel[rel.length - 1]
        rel = rel.split(".")[0]
        var active = (viewLocation === rel);
        return active;};
    }]);
  </script>
{% endblock %}

<!-- page title -->
    {% set title = 'PYSPHINXDOC' %}

<!-- header -->
{% block header %}

{%- block navbar -%}
<nav class="navbar navbar-default navbar-static-top">
  <div class="container-fluid">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="{{ pathto('index') }}">
        <img alt="Logo" src="{{ pathto("_static/pysphinxdoc.png", 1) }}">
        </a>
    </div>
    <div id="navbar" class="navbar-collapse collapse" ng-controller="navCtrl" ng-app="navApp">
      <ul class="nav navbar-nav">
        <li ng-class="{ active: isActive('index') }"><a href="{{pathto('index')}}">Home</a></li>
        <li ng-class="{ active: isActive('installation') }"><a href="{{pathto('generated/installation')}}">Installation</a></li>
        <li ng-class="{ active: isActive('documentation') }"><a href="{{pathto('generated/documentation')}}">Documentation</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span></a>
          <ul class="dropdown-menu">
	        <li><a href="{{ pathto('generated/pysphinxdoc') }}">Pysphinxdoc</a></li>
          </ul>
        </li>
        <li><a href="https://github.com/AGrigis/pysphinxdoc">PYSPHINXDOC</a></li>
      </ul>
    </div>
  </div>
</nav>
{%- endblock -%}

{%- if pagename == 'index' %}
<!-- Banner -->
<div class="container-fluid banner-container">
  <div class="row banner-inner">
      <div class="col-xs-4">
        <div id="examples_carousel" class="carousel slide" data-ride="carousel">
	      <ol class="carousel-indicators">
            <li data-target='#examples_carousel' data-slide-to='0' class='active'></li>
<li data-target='#examples_carousel' data-slide-to='1' </li>
<li data-target='#examples_carousel' data-slide-to='2' </li>
	      </ol>
	      <!-- Carousel items -->
	      <div class="carousel-inner" role="listbox">
            <div class="active item"><a href="{{pathto('index')}}"><img src="{{ pathto('_static/carousel/image1.png', 1) }}"></div></a>
<div class="item"><a href="{{pathto('index')}}"><img src="{{ pathto('_static/carousel/image2.png', 1) }}"></a></div>
<div class="item"><a href="{{pathto('index')}}"><img src="{{ pathto('_static/carousel/image3.png', 1) }}"></a></div>
	      </div>
	      <!-- Carousel nav -->
          <a class="left carousel-control" href="#examples_carousel" role="button" data-slide="prev">
            <span class="icon-prev" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#examples_carousel" role="button" data-slide="next">
            <span class="icon-next" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
       </div>
	  </div>
      <div class="col-xs-8">
            <p>[pysphinxdoc] API Documentation Generation Tool.</p>   
      </div>   
  </div>
</div>
{%- endif %}

{% endblock %}


<!-- body -->
{% block content %}
<div class="content-wrapper">

  {%- if pagename != 'documentation' %}
    <div class="sphinxsidebar">
      <div class="sphinxsidebarwrapper">

        <!-- info setup -->
        {%- if pagename != "installation" %}
          <p class="doc-version">
           This documentation is for {{project}} <strong>version {{ release|e }}</strong>
          </p>
        {%- endif %}
        <p class="citing">
          If you use the software, please do not esitate to 
          <a &mdash; <a href="https://github.com/AGrigis/pysphinxdoc">
          Report a Bug</a>.
        </p>

      <!-- toc tree -->
      {{ toc }}

      </div>
    </div>
  {% endif %}

  <div class="content">
    {%- block document %}
      {{ super() }}
    {%- endblock %}
    <div class="clearer">
    </div>
  </div>
  
</div>
{% endblock %}

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


<!-- footer -->
{%- block footer %}
<div class="footer">
{%- if show_copyright %}
  {%- if hasdoc('copyright') %}
    {% trans path=pathto('copyright'), copyright=copyright|e %}&copy; {{ copyright }}.{% endtrans %}
  {%- else %}
    {% trans copyright=copyright|e %}&copy; {{ copyright }}.{% endtrans %}
  {%- endif %}
{%- endif %}
</div>
{%- endblock %}