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

{% set bs_span_prefix = "col-md-" %}

{% set script_files = script_files + [
    '_static/js/jquery-1.11.0.min.js',
    '_static/js/jquery-fix.js',
    '_static/bootstrap/js/bootstrap.min.js',
    '_static/kytos-sphinx.js'
  ]
%}

{%- set render_sidebar = (not embedded) and (not theme_nosidebar|tobool) and sidebars %}

{%- set bs_content_width = render_sidebar and "9" or "12"%}

{%- block doctype -%}
<!DOCTYPE html>
{%- endblock %}

{%- macro bsidebar() %}
    {%- if render_sidebar %}
      <div id="sidebar" class="bs-sidenav affix-top" role="complementary">
        {% include "navbar.html" %}
        {%- for sidebartemplate in sidebars %}
          {%- include sidebartemplate %}
        {%- endfor %}
      </div>
    {%- endif %}
{%- endmacro %}

{% block navbartoc %}
{% endblock %}

{%- block extrahead %}
<!-- Favicon -->
<link rel="shortcut icon" href="/_static/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/png" href="/_static/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/_static/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/_static/favicon-96x96.png" sizes="96x96">

<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1'>
<meta name="apple-mobile-web-app-capable" content="yes">
{% endblock %}

{# Silence the sidebar's, relbar's #}
{% block header %}{% endblock %}
{% block relbar1 %}{% endblock %}
{% block relbar2 %}{% endblock %}
{% block sidebarsourcelink %}{% endblock %}

{%- block content %}
   <aside class="docs-sidebar col-md-3">
     {{ bsidebar() }}
   </aside>

     <div id="container-sphinx" class="container-fluid">
       <div class="row col-md-offset-3">
         {%- block sidebar1 %}{% endblock %}
         <div class="content" id="kytos-theme-content-container">
           {% block body %}{% endblock %}

         <div class='row'>
           <ul class='prev-next-nav'>
             {% if pagename == "index" %}
               {% set prev = false %}
             {% endif %}
             {% include "relations.html" %}
           </ul>
         </div><!-- breadcumb -->

         </div>
         {% block sidebar2 %} {# possible location for sidebar #} {% endblock %}
       </div>
     </div>
{%- endblock %}

{%- block footer %}
<footer class="footer col-md-offset-3">
  <div class="container-fluid footer-brand">
    <div class="row">
      <div class="col-lg-5 col-md-5 col-sm-9 col-xs-9 brand-area">
        <h1 class="logo-kytos" style="margin-left:0">kytos</h1>
        <p><strong>Word definition:</strong> Cyto-: Prefix denoting a cell.</p><p> 'Cyto-' is derived from the Greek kytos meaning 'hollow, as a cell or container.</p>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
        <h3>Repos</h3>
          <ul class="list-footer">
            <li><a href="https://github.com/kytos/python-openflow">python-openflow</a></li>
            <li><a href="https://github.com/kytos/kytos">kytos</a></li>
            <li><a href="https://github.com/kytos/ui">web-ui</a></li>
            <li><a href="https://napps.kytos.io/">NApps repository</a></li>
	  </ul>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
        <h3>Get Involved</h3>
        <ul class="list-footer">
          <li><a href="https://github.com/kytos/kytos/issues">Report a Bug</a></li>
          <li><a href="/developer/how_to_contribute">Code with us</a></li>
          <li><a href="https://lists.kytos.io">Mailing List</a></li>
          <li><a href="https://kytos.io/membership">Became a partner</a></li>
        </ul>
      </div>
    </div>
    <div class="row-fluid">
      <div class="text-center">
        <hr/>
        <p>
          {% trans copyright=copyright|e %}
            &copy; Copyright {{ copyright }} - 2016 - 2018
          {% endtrans %}
          Kytos is an Open Source software under MIT license.<br/>
          {%- if last_updated %}
            {% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %}<br/>
          {%- endif %}
          {%- if show_sphinx %}
            {% trans sphinx_version=sphinx_version|e %}
              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> {{ sphinx_version }}.
            {% endtrans %}
          {%- endif %}
        </p>
      </div>
    </div>
  </div>
</footer>
<a href="#" class="back-to-top back-to-top-button btn btn-lg back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left" style="display: inline;"><span class="glyphicon glyphicon-chevron-up"></span></a>
{%- endblock %}

<!-- Add custom kytos javascript-->
{% set script_files = script_files + ['_static/kytos/js/sidebar.js', '_static/kytos/js/bs-spy.min.js'] %}
