{# Version switcher flyout for GitHub Pages hosted docs #}
<div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="Versions">
  <span class="rst-current-version" data-toggle="rst-current-version">
    <span class="fa fa-book"></span> Version:
    <span class="version-name">{{ current_version }}</span>
    <span class="fa fa-caret-down"></span>
  </span>
  <div class="rst-other-versions">
    <dl id="version-list">
      <dt>Versions</dt>
      <dd>Loading...</dd>
    </dl>
  </div>
</div>
<script>
(function() {
  var dl = document.getElementById('version-list');
  function populateVersions(versions) {
    var dds = dl.querySelectorAll('dd');
    for (var i = 0; i < dds.length; i++) dl.removeChild(dds[i]);
    versions.forEach(function(v) {
      var dd = document.createElement('dd');
      var a = document.createElement('a');
      a.href = v.url;
      a.textContent = v.name + (v.latest ? ' (latest)' : '');
      dd.appendChild(a);
      dl.appendChild(dd);
    });
  }
  fetch('/motile/versions.json')
    .then(function(r) { return r.json(); })
    .then(populateVersions)
    .catch(function() {
      populateVersions([
        {name: 'stable', url: '/motile/stable/'},
        {name: 'main', url: '/motile/main/'}
      ]);
    });
})();
</script>