{% block footer %}
  <div class="container-fluid footer">
    <div class="container container-wide-limedocs h-100">
      <div class="row justify-content-around h-100 px-0">
        <div class="col col-4 footer-col h-100">
          <ul class="nav flex-column">
            {% if menus.footerFirst %}
              {% for item in menus.footerFirst.getItems(site, page) %}
                <li class="nav-item">
                  {% element tag="a", href=item.url, class="nav-link" %}{{item.label}}{% endelement %}
                </li>
              {% endfor %}
            {% endif %}
          </ul>
        </div>
        <div class="col col-4 footer-col h-100 ">
          <ul class="nav flex-column">
            {% if menus.footer %}
              {% for item in menus.footer.getItems(site, page) %}
                <li class="nav-item">
                  {% element tag="a", href=item.url, class="nav-link" %}{{item.label}}{% endelement %}
                </li>
              {% endfor %}
            {% endif %}
          </ul>
        </div>
        <div class="col col-4 footer-col h-100">
          <ul class="nav flex-column">
            <li class="nav-item">
              <a class="nav-link" href="issueUrl">Submit an issue</a>
            </li>
            {% if prop("themeConfig.showEditLink") %}
              {{ page | editLink(text="Edit this page", enclosingTag="li", enclosingClass="nav-item edit-page", anchorClass="nav-link", config=config) }}
            {% endif %}
            {% block generatedBy %}
            <li class="nav-item">
              <a class="nav-link" href="https://limedocs.io">Generated by Limedocs</a>
            </li>
            {% endblock %}
          </ul>
        </div>
      </div>
    </div>
  </div>
{% endblock %}


{% block googleAnalytics %}
  {% include "partials/google-analytics.njk" %}
{% endblock %}

{% block footerScripts %}
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>
  <script src="{{ "static/js/yuzu.js" | cacheable | resolvePath }}"></script>
  <script src="{{ "static/js/lunr.js" | cacheable | resolvePath }}"></script>
  <script src="{{ "static/js/lunr.stemmer.support.min.js" | cacheable | resolvePath }}"></script>
  <script defer src="{{ "static/js/lunr.fr.min.js" | cacheable | resolvePath }}"></script>
  <script defer src="{{ "static/js/lunr.multi.min.js" | cacheable | resolvePath }}"></script>
  <script defer src="{{ "static/js/search.js" | cacheable | resolvePath }}"></script>
  <script defer>
    var BASE_LIMEDOCS_URL = "{{ prop("url") }}";
    var LIMEDOCS_PATH = "{{ site.resolvePath("") }}";
    {% if (prop("versioning.enabled")) %}
    var LIMEDOCS_DOC_VERSION = "{{ prop("versioning.versionString") }}";
    {% endif %}
    $(function(){
      $('.toc-headings a').click(function() {
        $(this).closest('ul').find('a').removeClass('active')
        $(this).addClass('active')
      })
      $('#nav-toggler').click(function(){
        var bt = $(this)
        bt.toggleClass("active")
        bt.html(bt.is('.active') ? 'Close' : 'Menu');
        $("#nav-container").toggleClass("active")
      })
      {% if (prop("versioning.enabled")) %}
        fetch(BASE_LIMEDOCS_URL + "/limedocs.versions.json")
        .then(function(response) {
          return response.json()
        })
        .then(data => {
          const menu = $('#versionSelectorMenu')
          data.tags
            .filter(tag => tag !== LIMEDOCS_DOC_VERSION)
            .forEach(tag => {
              const url = BASE_LIMEDOCS_URL + tag
              menu.append('<a class="dropdown-item" href="'+url+'">'+tag+'</a>')
            })
        })
      {% endif %}
    })

  {% if env.LIMEDOCS_ENV === "development" %}
    var ws = new WebSocket('{{ site.wsUrl }}');
    ws.addEventListener('open', function (event) {
        console.log("socket opened", event)
        ws.send('Hello Server!');
    });
    ws.addEventListener('error', function (err) {
      console.log("error from socket", err)
    });
    ws.addEventListener('message', function (event) {
      console.log("message received", event)
      if (event.data === "refresh") {
        window.location.reload()
      }
    });
  {% endif %}



  </script>
{% endblock %}