{% extends "basic/layout.html" %}
{% set html5_doctype = True %}

{# =====  VARIABLES  ====== #}
{% set banners_doc = 'user/index' %}

{% set classes = [] %}
{% if pagename == master_doc or pagename == banners_doc %}
  {% set classes = classes + ['index'] %}
{% endif %}

{% if 'code-column' in meta %}
  {% set classes = classes + ['has_code_col'] %}
{% endif %}

{% if 'classes' in meta %}
  {% set classes = classes + meta['classes'].split() %}
{% endif %}

{%- block linktags -%}
  {% for code, url in language_codes %}
    <link rel="alternate" hreflang="{{ code }}" href="{{ url }}" />
  {%- endfor %}
    <link rel="canonical" href="{{ canonical }}" />
  {{ super() }}
{%- endblock -%}

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

{%- block footer -%}
  {%- if google_analytics_key -%}
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{{ google_analytics_key }}', 'auto');
    ga('set', 'anonymizeIp', true);
    ga('send','pageview');
    </script>
  {%- endif -%}
{%- endblock -%}

{%- block header -%}
  <header class="o_main_header o_has_sub_nav o_inverted {{ ' '.join(classes) }}">
    {% include "odoo_header.html" %}
    <nav class="navbar o_sub_nav">
      <div class="container">
        <div class="navbar-header visible-xs">
            <button type="button" class="navbar-toggle collapsed text-left btn-block" data-toggle="collapse" data-target="#o_sub-menu" aria-expanded="false">
              Navigate
              <span class="mdi-hardware-keyboard-arrow-down pull-right"></span>
            </button>
        </div>

        <div class="collapse navbar-collapse" id="o_sub-menu">
          <ol class="o_breadcrumb breadcrumb nav navbar-left">
              {% block breadcrumb_desktop %}
              {% include "breadcrumb_list.html" %}
              {% endblock %}
          </ol>

          <div class="call-to-action navbar-right hidden-xs">
            <a href="https://www.odoo.com/trial" class="btn btn-primary">Start Now</a>
          </div>

          <ul class="navbar-nav navbar-right nav o_sub_nav_actions">
            {% if pagename != master_doc and pagename != banners_doc %}
              <li class="divider"></li>
            {% endif%}

            {% block switchers_desktop %}
            {% include "switchers_list.html" %}
            {% endblock %}
          </ul>

          <ul class="nav navbar-nav navbar-right">
            {% if languages or versions %}
              <li class="divider"></li>
            {% endif %}

            {% block sub_menu_desktop %}
            {% include "sub-menu_list.html" %}
            {% endblock %}

            {% if languages or versions %}
              <li class="divider"></li>
            {% endif %}
          </ul>
        </div>
      </div>
    </nav>
  </header>

{%- endblock -%}

{%- block content -%}
  <div id="wrap" class="{{' '.join(classes) }}">
    {% if meta['banner'] %}
    {% set has_banner = 'has_banner' %}
    {% endif %}
    <figure class="card top {{ has_banner }}">
      <span class="card-img" {% if meta['banner'] %}style="background-image: url('{{ pathto('_static/' + meta['banner'], True) }}');"{% endif %}></span>
      <div class="container text-center">
        <h1> {{ meta.get('main-title', title) }} </h1>
      </div>
    </figure>
    {% if 'code-column' in meta %}
      {% set container = 'container-fluid' %}
    {% else %}
      {% set container = 'container' %}
    {% endif %}
      <main class="container {{ ' '.join(classes) }}">
        {% if pagename == master_doc %}
          <div class="o_content row">
            <article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}{% if pagename in toc%}index-category{% endif %}">
              HOHOHOHO
              <!-- {{ toc }} -->
              {{ body }}
            </article>
          </div>
        {% else %}
          {% if 'banners-display' not in meta %}
            <div class="o_content row">
              {% if 'has-toc' not in meta and not (pagename in toc) %}
                <aside>
                  <div class="navbar-aside text-center">
                    {{ toc }}
                    {% if github_link %}
                      <p class="gith-container">
                        <a href="{{ github_link(mode='edit') }}" class="gith-link">
                          Edit on GitHub
                        </a>
                      </p>
                    {% endif %}
                  </div>
                </aside>
              {% endif %}
              <article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}{% if pagename in toc%}index-category{% endif %}">
          {% endif %}
          {% block body %} {% endblock %}
          {% if 'banners-display' not in meta %}
            </article>
          </div>
          {% endif %}
        {% endif %}
        <div id="mask"></div>
      </main>
  </div>

  <div class="floating_action_container">
    <a id="floating_action" class="ripple" href="#">
      <i class="mdi-action-explore"></i>
    </a>
    <div id="floating_action_menu">
      <span class="bubble"></span>
      <ul class="list-group content">
        <li class="list-group-item ripple"><a>Cras justo odio</a></li>
        <li class="list-group-item ripple"><a>Dapibus ac facilisis in</a></li>
        <li class="list-group-item ripple"><a>Morbi leo risus</a></li>
        <li class="list-group-item ripple"><a>Porta ac consectetur ac</a></li>
        <li class="list-group-item ripple"><a>Vestibulum at eros</a></li>
      </ul>
    </div>
  </div>
  <footer>
    {% include "odoo_footer.html" %}
  </footer>
{%- endblock -%}