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

{% if not theme_project_icon and favicon %}
    {% set theme_project_icon = pathto('_static/' ~ theme_touch_icon, 1) + favicon %}
{% endif %}

{%- block extrahead %}
  {{ super() }}
  {% if theme_touch_icon %}
    <link rel="apple-touch-icon" href="{{ pathto('_static/' ~ theme_touch_icon, 1) }}" />
  {% endif %}
  {% if theme_canonical_url %}
    <link rel="canonical" href="{{ theme_canonical_url }}{{ pagename }}.html"/>
  {% endif %}
  <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
{% endblock %}

{%- block document %}
    <header>
        <div class="topnavbar">
            <div class="main-title">
                {% if theme_project_icon %}
                    <img class="icon" src="{{ theme_project_icon }}"></img>
                {% endif %}
                <a href="{{ pathto(master_doc) }}" class="title">{{ project }}</a>
            </div>
            <div class="search-container">
                <form class="search" action="{{ pathto('search', 1) }}.html" method="get">
                    <button type="submit"><i class="fa fa-search"></i></button>
                    <input type="text" placeholder="search..." name="q">
                </form>
            </div>
        </div>
    </header>
    <div class="documentwrapper">
        {% if theme_has_left_sidebar and not pagename.endswith(('.single')) and not pagename.endswith(('.right')) %}
            {% if (pagename != 'index') or (pagename == 'index' and not theme_index_is_single) %}
                {% if pagename not in theme_right_sidebar_only and pagename not in theme_no_sidebar %}
                <div class="sidebar-left">
                    </br>
                    {{ toctree(maxdepth=1, titles_only=True, includehidden=True) }}
                </div>
                {% endif %}
            {% endif %}
        {% endif %}
        <div class="bodywrapper">
                {% block body %} {% endblock %}
                
                </br>
                {% if theme_show_navigators %} 
                    {% if (pagename != 'index') or (pagename == 'index' and theme_show_navigators_in_index == True) %}
                        <div class="navigation">
                            {% if prev %}
                                <a class="reference navigator" style="float:left" href="{{ prev.link|e }}"><i class="fa fa-arrow-left"></i>{{ prev.title }}</a>
                            {% endif %}
                            {% if next %}
                                <a class="reference navigator" style="float:right;text-align:right;" href="{{ next.link|e }}">{{ next.title }}<i class="fa fa-arrow-right"></i></a> 
                            {% endif %}           
                        </div>
                    {% endif %}
                {% endif %}
                <div style="clear:both"></div>
                <br/> <hr/> <br/>
                
                <div class="footer">
                    <div class="social">
                        {% for social_icon in theme_social_icons %}
                            <a href="{{ social_icon[1] }}"><i class="{{ social_icon[0] }}"></i></a>
                        {% endfor %}
                    </div>
                    <div class="doc-sphinx-info">
                        {%- if show_copyright %}
                            {%- if hasdoc('copyright') %}
                                {% trans path=pathto('copyright'), copyright=copyright|e %}&copy; <a href="{{ path }}">Copyright</a> {{ copyright }}.{% endtrans %}
                            {%- else %}
                                {% trans copyright=copyright|e %}&copy; Copyright {{ copyright }}.{% endtrans %}
                            {%- endif %}
                        {%- endif %}
                        {%- if last_updated %}
                            {% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %}
                        {%- endif %}
                        {%- if show_sphinx %}
                            {% trans sphinx_version=sphinx_version|e %}Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> {{ sphinx_version }}
                            with <a href="https://thecarisma.github.io/themata/clear/index.html">clear</a> theme.{% endtrans %}
                        {%- endif %}
                    </div>
                </div>
                
                <br/><br/>
        </div>
        {% if theme_has_right_sidebar and not pagename.endswith(('.single')) and not pagename.endswith(('.left')) %}
            {% if (pagename != 'index') or (pagename == 'index' and not theme_index_is_single) %}
                {% if pagename not in theme_left_sidebar_only and pagename not in theme_no_sidebar %}
                <div class="sidebar-right">
                    {% if pagename != 'genindex' %}
                        <h2>Page Contents</h2>
                        {{ toc }}
                        {% if prev %}
                            <h2>Previous topic</h2>
                            <a href="{{ prev.link|e }}">{{ prev.title }}</a>
                        {% endif %}
                        {% if next %}
                            <h2>Next topic</h2>
                            <a href="{{ next.link|e }}">{{ next.title }}</a>
                        {% endif %}
                        <h2>This Page</h2>
                        <a href="{{ pathto('_sources/', 1) }}{{ sourcename }}">Show source</a>
                    {% endif %}
                </div>
                {% endif %}
            {% endif %}
        {% endif %}
        <div style="clear:both"></div>
    </div> 
    {% if theme_collapsible_sidebar == True %}
        <script>
            var coll = document.getElementsByClassName("caption");
            var i;

            for (i = 0; i < coll.length; i++) {
              coll[i].addEventListener("click", function() {
                this.classList.toggle("active");
                var content = this.nextElementSibling;
                if (content.style.display === "block") {
                  content.style.display = "none";
                } else {
                  content.style.display = "block";
                }
              });
            }
            </script>
    {% endif %}
{%- endblock %}


{% block footer %}{% endblock %}

{# do not display relbars nor sidebars #}
{% block relbar1 %}{% endblock %}
{% block relbar2 %}{% endblock %}
{% block sidebar1 %}{% endblock %}
{% block sidebar2 %}{% endblock %}