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

{% block extrahead %}
<meta name="viewport" content="width=device-width, initial-scale=1">
{% include 'css.html' %}
{% if theme_analytics_tracking_code %}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ theme_analytics_tracking_code }}">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} gtag('js', new Date());
gtag('config', '{{ theme_analytics_tracking_code }}');
</script>
{% endif %}
{% endblock %}

{%- block header %}
{% include 'header.html' %}
{% endblock %}

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

{%- block content %}
    <div class="container docs-book-wrapper">
      <div class="row">
        <div class="col-lg-9 col-md-8 col-sm-8 col-lg-push-3 col-md-push-4 col-sm-push-4 order-4">
{% include 'titlerow.html' %}
          <div class="row">
            <div class="col-lg-12">
              <div class="docs-body" role="main">
{% block body %}{% endblock %}
              </div>
            </div>
          </div>
          <div class="docs-actions">
          {% if prev %}
            <a href="{{ prev.link|e }}"><i class="fa fa-angle-double-left" data-toggle="tooltip" data-placement="top" title="Previous: {{ prev.title|striptags }}"></i></a>
          {% endif %}
          {% if next %}
            <a href="{{ next.link|e }}"><i class="fa fa-angle-double-right" data-toggle="tooltip" data-placement="top" title="Next: {{ next.title|striptags }}"></i></a>
          {% endif %}
          {%- if pdf_link %}
          <a id="pdfLink2" href="" target="_blank" title="Download the manuals as PDF"><i class="fa fa-file-pdf-o" data-toggle="tooltip" data-placement="top" title="Download PDF"></i></a>
          {% endif %}
          {%- if bug_project %}
            <a id="logABugLink3" href="" target="_blank" title="Found an error? Report a bug against this page"><i class="fa fa-bug" data-toggle="tooltip" data-placement="top" title="Report a Bug"></i></a>
          {% endif %}
          </div>
          <div class="row docs-byline bottom">
            <div class="docs-updated">this page last updated: {{ last_updated }}</div>
          </div>
          <div class="row">
            <div class="col-lg-8 col-md-8 col-sm-8 docs-license">
{% include 'license_cc.html' %}
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 docs-actions-wrapper">
            <!-- ID buglinkbottom added so that pre-filled doc bugs
                 are sent to Launchpad projects related to the
                 document -->
              {%- if bug_project %}
              <a href="#" id="logABugLink2" class="docs-footer-actions"><i class="fa fa-bug"></i> found an error? report a bug</a>
              {%- endif %}
            </div>
          </div>
        </div>
{% include 'sidebartoc.html' %}
      </div>
    </div>
{%- endblock %}

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

{%- block footer %}
{% include 'footer.html' %}
{% include 'script_footer.html' %}
{% block script_footer %}{% endblock %}
{% if display_badge %}
<script>
    $(document).ready(function(){

          $.ajax({
            context: this,
            dataType : "html",
            url : "https://docs.openstack.org/{{ series }}/badge.html",
            success : function(results) {
                $('#deprecated-badge-container').html(results);
            }
        });
    });
</script>
<div id="deprecated-badge-container"></div>
{% endif %}
{%- endblock %}
